YoVDO

SpaceX Website Clone - HTML, CSS & JavaScript

Offered By: Traversy Media via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Javascript Courses Git Courses Animation Courses HTML Courses Responsive Design Courses

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 Service
University 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