SpaceX Website Clone - HTML, CSS & JavaScript
Offered By: Traversy Media via YouTube
Course Description
Overview
Learn to recreate parts of the SpaceX website in this comprehensive tutorial video. Master HTML, CSS, and JavaScript techniques to build a responsive homepage, create dynamic menus, design inner pages, and implement engaging animations. Develop skills in DOM manipulation, create a hamburger menu with toggle functionality, and craft a side menu. Explore responsive design principles, build a statistics counter using JavaScript, and learn how to deploy your project using Git. By the end of this hands-on tutorial, you'll have created a fully functional SpaceX website clone with modern web development practices.
Syllabus
- Intro.
- Hostinger Sponsor.
- Project Demo.
- Header/Navbar HTML & CSS.
- Menu Underline Animation.
- Homepage Section A.
- Button & Hover Animation.
- Fade In & Up Animation.
- Scroll Arrow Animation.
- Remaining Homepage Sections.
- Footer.
- Media Queries.
- Hamburger Icon & Open Animation.
- JavaScript For Open Toggle.
- Dark Overlay.
- Remove Scroll On Open.
- Side Menu HTML & CSS.
- Inner Page & Fade Animation.
- Stats Counter HTML & CSS.
- Stat Counter JavaScript.
- Inner Page Responsiveness.
- Remaining Inner Pages.
- Deploy To Hostinger (Using Git).
Taught by
Traversy Media
Related Courses
Web DevelopmentUdacity Programming Languages
University of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent Web-Technologien
openHPI iDESWEB, Introducción al desarrollo web
MirÃadax