Introduction to Web Development with Zaio - Workshop 2

Learning the basics of HTML & CSS through building the Netflix landing page with Zaio.

Oct 24, 2020, 11:00 AM – 12:30 PM

6
RSVP'd

RSVP Now

Key Themes

Web

About this event

Diving deeper into HTML & CSS through building the Netflix landing page using display properties, media queries for mobile optimization, and a couple of animations and transitions. Netflix clone added to your portfolio.

  • Display, Span, Images, block, inline, inline-block, none
  • Flexbox
  • CSS grid, Columns And Grids
  • Position
  • CSS Units - What is the best measurement to use, px, em, %
  • Media queries
  • Web prefixes - Webkits
  • Netflix demo covering - Background images, Overlaying, Changing button shapes, flexbox, position & picture alignment, html5 video component, Styling nested divs
  • How to come up with a div structure when looking at a page - recommendations
  • Transitions - will cover position here
  • Add transitions to Netflix landing page
  • Have the Netflix landing page clone built and added to your portfolio!

Prerequisites:

  • VS Code (with Live-server extension)
  • Google Chrome

Assets:

Speakers

  • Akhil Boddu

    Zaio

    Founder & COO

  • Harjot Singh

    Zaio

    Co-founder

Partner

Zaio logo

Zaio

Organizers

  • Arnav Bista

    GDSC Lead

  • Hassan Mahmoud

    Mobile Developer

  • Matthew Pancer

    Mobile Developer

  • Xuan Wu Xu

    Marketing

  • Allyson Chai

    Machine Learning Researcher

  • Pedro Gronda Garrigues

    Machine Learning Researcher

  • Armaan Madanmohan

    Core Team

  • Oscar Raunio

    Core Team

  • Jake Brockwell

    Quantum Computing Researcher

Contact Us