Netflix Clone | Intro to Web Development with Zaio - Part II

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. https://netflix-clone-zaio.netlify.app/? (What the final product should look like)

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

16
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.

https://netflix-clone-zaio.netlify.app/? (What the final product should look like)

- 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!

Download assets and pre-code from https://apply.zaio.io/events

Speakers

  • Akhil Boddu

    Zaio

    Founder & COO

  • Harjot Singh

    Zaio

    Co-founder

Partner

Zaio logo

Zaio

Organizers

  • Alex Marginean

    GDSC Lead

  • Aswathy Ajaykumar

    GDSC Lead

  • Krish Shah

    GDSC Lead

  • Saakshi Gowda

    Marketing

  • Oorja Dandotiya

    Ambassador

  • Parth Chutani

    Ambassador

  • Gaurav Karey

    Tech

  • Tan Jun

    Events Facilitator

Contact Us