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

Web Development
Udacity
Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
Web-Technologien
openHPI
iDESWEB, Introducción al desarrollo web
Miríadax