← All freeCodeCamp videos

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

834,155 views 26,885 likes 2021-01-13 5:05:01 Watch on YouTube ↗ freeCodeCamp ↗
FrontendWeb DevelopmentHTMLSCSSJavaScript

Chapters (8)

Show the creator's full description
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/ ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⭐️ 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

Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.