Clone Netflix, Spotify, & Amazon

Tair Assimov
, , ,
Free
Clone Netflix, Spotify, & Amazon

The goal of this course is to help you see how Amazon, Spotify and Netflix have built their home pages. Over these videos, you’ll be introduced to HTML + CSS and many of it’s most recent features like flex boxes, image transformations, color gradients and the power Bootstrap framework.

Each video will teach you how to build one of the sections within the web page and below each video, you have some notes and the code used so you can take your time analyzing it.

This isn’t meant to be a comprehensive series of tutorials, these videos are meant to spark your curiosity and interest. We hope that by the end of each lesson you’ll want to dig deeper into the concepts that were taught.

Course Features

  • Lectures 31
  • Quizzes 0
  • Skill level Beginner
  • Language English
  • Students 660
  • Certificate No
  • Assessments Self

  • Introduction 0/1

  • Netflix 0/9

  • Spotify 0/12

    • Lecture3.1
      Project introduction
      1m
    • Lecture3.2
      Basic HTML structure
      3m
    • Lecture3.3
      Adding the navigation bar and using the Bootstrap framework
      6m
    • Lecture3.4
      Adding the header background image and gradient
      2m
    • Lecture3.5
      Adding the header carousel, slides and content with the Jumbotron component
      8m
    • Lecture3.6
      Adding custom fonts
      1m
    • Lecture3.7
      Adding a content section with two columns
      8m
    • Lecture3.8
      Adding another section with CSS rotated images
      5m
    • Lecture3.9
      Adding an informational section with an image and inline links
      4m
    • Lecture3.10
      Adding the subscriptions section
      11m
    • Lecture3.11
      Adding the footer
      12m
    • Lecture3.12
      Fixing the width
      2m

  • Amazon 0/9

    • Lecture4.1
      Project introduction
      1m
    • Lecture4.2
      Defining the basic page structure
      3m
    • Lecture4.3
      Adding a simple top banner
      2m
    • Lecture4.4
      Adding the search bar with JavaScript to dynamically change options
      18m
    • Lecture4.5
      Adding the second layer of navigation links
      10m
    • Lecture4.6
      Adding the Bootstrap carousel with sliders
      4m
    • Lecture4.7
      Adding the four product columns
      13m
    • Lecture4.8
      Adding the fist footer
      11m
    • Lecture4.9
      Adding the last footer
      4m
Tair Assimov
Co-Founder & CEO @dockbit. Instructor @ironhack. Entrepreneur, Dad. Helping developers to Ship it! I love startups, tech, coding, traveling, fitness, and the Cloud.
Free

© 2017 Ironhack - All Rights Reserved

Bitnami