Cloning Amazon, Netflix & Spotify

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Netflix

Lecture 1: Writing your first HTML page

Lecture 2: Adding navigation with SVG logo and sign in button

Lecture 3: Adding CSS fonts and styles + box sizing

Lecture 4: Adding the heading and tag line

Lecture 5: Adding the heading’s “join now” button

Lecture 6: Adding 3 features with flex box

Lecture 7: Adding tabs with a bit of JavaScript

Lecture 8: Adding content within the tabs including Font Awesome icon

Lecture 9: Adding the final footer section

Chapter 3: Spotify

Lecture 1: Project introduction

Lecture 2: Basic HTML structure

Lecture 3: Adding the navigation bar and using the Bootstrap framework

Lecture 4: Adding the header background image and gradient

Lecture 5: Adding the header carousel, slides and content with the Jumbotron component

Lecture 6: Adding custom fonts

Lecture 7: Adding a content section with two columns

Lecture 8: Adding another section with CSS rotated images

Lecture 9: Adding an informational section with an image and inline links

Lecture 10: Adding the subscriptions section

Lecture 11: Adding the footer

Lecture 12: Fixing the width

Chapter 4: Amazon

Lecture 1: Project introduction

Lecture 2: Defining the basic page structure

Lecture 3: Adding a simple top banner

Lecture 4: Adding the search bar with JavaScript to dynamically change options

Lecture 5: Adding the second layer of navigation links

Lecture 6: Adding the Bootstrap carousel with sliders

Lecture 7: Adding the four product columns

Lecture 8: Adding the fist footer

Lecture 9: Adding the last footer

Chapter 5: BONUS

Lecture 1: Is a coding bootcamp for you?

Lecture 2: Ironhack info session.