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

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera