How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
via freeCodeCamp
-
12
-
- Write review
Power BI Fundamentals - Create visualizations and dashboards from scratch
Google AI Professional Certificate - Learn AI Skills That Get You Hired
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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