YoVDO

Build a Starbucks Landing Page Clone

Offered By: Traversy Media via YouTube

Tags

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

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