YoVDO

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

Offered By: freeCodeCamp

Tags

HTML & CSS Courses Web Development Courses Javascript Courses Flexbox Courses HTML Courses Responsive Design Courses CSS Grid Courses

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 Development
Google 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