Overview
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