SpaceX Website Clone - HTML, CSS & JavaScript

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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).