How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=aoQ6S1a32j8


Duration: 5:05:00
796,606 views
26,617

Learn how to build a responsive website from scratch with HTML, CSS, and JavaScript.

✏️ This course was created by Jessica Chan.
🔗 Jessica's YouTube Channel: https://www.youtube.com/thecodercoder
🔗 Jessica's Twitter: https://twitter.com/thecodercoder

💻 Starter files from Fontend Mentor: https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN
💻 Source code on GitHub: https://github.com/thecodercoder/fem-easybank
🔗 Responsive Design for Beginners course: https://coder-coder.com/responsive/

⭐️ Course Contents ⭐️
⌨️ (0:00) Introduction
⌨️ (0:30) Part 1: Setup and Navigation Bar
⌨️ (49:52) Part 2: Animated Hamburger Menu
⌨️ (1:21:28) Part 3: Animated Mobile Menu
⌨️ (1:43:56) Part 4: Responsive Hero
⌨️ (2:39:24) Part 5: 4-Column Features (flexbox)
⌨️ (3:16:58) Part 6: 4-Column Articles (CSS grid)
⌨️ (4:04:56) Part 7: Footer

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2021-02-16Build a Robinhood-Style Android App to Track COVID-19 Cases - Kotlin Tutorial
2021-02-10UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma
2021-02-09Python Project - Ameritrade API Stock Screener
2021-02-05Build Three Django Projects - Python Course
2021-02-02freeCodeCamp.org Curriculum Expansion: Math + Machine Learning + Data Science
2021-02-02Object Oriented Programming (OOP) in C++ Course
2021-01-27Data Structures - Full Course Using C and C++
2021-01-26Android Studio Tutorial - Build a GPS App
2021-01-21Build a Shopping Cart with React and TypeScript - Tutorial
2021-01-19Basics of SQL Injection - Penetration Testing for Ethical Hackers
2021-01-13How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
2021-01-12Java Testing - JUnit 5 Crash Course
2021-01-07Build 12 Data Science Apps with Python and Streamlit - Full Course
2021-01-05Build a Complete Android App with Firebase - Full Course with Kotlin
2021-01-02Image Generation using GANs | Deep Learning with PyTorch: Zero to GANs | Part 6 of 6
2020-12-3120 Award-Winning JavaScript Games – Js13kGames 2020 Winners
2020-12-29Pointers in C / C++ [Full Course]
2020-12-22Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course
2020-12-21Python Microservices Web App (with React, Django, Flask) - Full Course
2020-12-19Data Augmentation, Regularization, and ResNets | Deep Learning with PyTorch: Zero to GANs | 5 of 6
2020-12-18How to Build a Career in Tech: Jordan Jackson Connects the Dots