How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course
Offered By: freeCodeCamp
Course Description
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
Related Courses
Mobile Web DevelopmentGoogle via Udacity iDESWEB, Introducción al desarrollo web
MirÃadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera