How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
via freeCodeCamp
-
12
-
- Write review
Earn a Michigan Engineering AI Certificate — Stay Ahead of the AI Revolution
The Fastest Way to Become a Backend Developer Online
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Build a responsive landing page from scratch using HTML, SCSS, and JavaScript in this comprehensive 5-hour course. Master the fundamentals of web development by creating a fully functional website with features like an animated hamburger menu, mobile-friendly navigation, responsive hero section, and multi-column layouts using flexbox and CSS grid. Follow along as you set up the project, structure the HTML, style with SCSS, and add interactivity with JavaScript. Learn best practices for creating responsive designs and gain hands-on experience with modern web development techniques. By the end of the course, you'll have a professional-looking landing page and the skills to create your own responsive websites.
Syllabus
) Introduction.
) Part 1: Setup and Navigation Bar.
) Part 2: Animated Hamburger Menu.
) Part 3: Animated Mobile Menu.
) Part 4: Responsive Hero.
) Part 5: 4-Column Features (flexbox).
) Part 6: 4-Column Articles (CSS grid).
) Part 7: Footer.
Taught by
freeCodeCamp.org