Build a Starbucks Landing Page Clone
Offered By: Traversy Media via YouTube
Course Description
Overview
Learn to recreate the Starbucks homepage from scratch in this comprehensive tutorial video. Master HTML, CSS, and basic JavaScript as you build a fully responsive landing page clone. Follow along step-by-step to create the navbar, implement custom button styles, design content boxes with utility classes, construct grid layouts, and add a footer with social icons. Dive into responsive design techniques, create a hamburger menu icon with smooth transitions, and implement mobile navigation functionality using JavaScript. Perfect for web developers looking to enhance their front-end skills through a real-world project.
Syllabus
- Intro.
- Navbar HTML.
- Base & Navbar CSS.
- Button Styles.
- Box A & Utility Classes.
- Other Boxes & Grids.
- Footer & Social Icons.
- Responsive Grid Styles.
- Hamburger Icon & Transition.
- Nav Toggle JavaScript.
- Mobile Menu.
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