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
Software as a ServiceUniversity of California, Berkeley via Coursera Intro to Computer Science
University of Virginia via Udacity Web Development
Udacity Software Engineering for SaaS
University of California, Berkeley via Coursera CS50's Introduction to Computer Science
Harvard University via edX