Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website
Dive into the world of #tailwindcss, build a Nike #website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.
📚 Tailwind CSS Starter Kit: https://resource.jsmastery.pro/tailwind-starter-kit
⭐Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/nike_landing_page
GitHub Gist Code Snippets & Dark Mode Script: https://gist.github.com/adrianhajdin/ae10e2dd6ee5d51fc5b31437f73cf014
Assets: https://drive.google.com/file/d/1ccqjc8gJ7CLvXT_vUhVT4Gmys-Ze13FK/view?usp=sharing
Tailwind Play - https://play.tailwindcss.com/
Tailwind CSS - https://tailwindcss.com/
In this crash course, you'll:
- Learn how to make the most out of Tailwind CSS
- Fully understand how Tailwind works behind-the-scenes
- Follow all of Tailwind's best practices
- Put all of your newly gained Tailwind skills to the test by building a beautiful Nike landing page
💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:02:35 - Introduction to Tailwind CSS
00:04:44 - How Tailwind Works
00:06:31 - Domain Name
00:10:16 - Crash Course
00:49:11 - Project Setup
00:52:47 - Building the app
01:01:10 - Creating Components
01:06:34 - NavBar
01:17:22 - Hero Section
01:37:20 - Shoe Card
01:46:39 - Popular Products Section
01:58:26 - Super Quality Section
02:05:33 - Services Section
02:11:29 - Special Offer Section
02:19:53 - Customer Reviews Section
02:30:26 - Subslll Section
02:35:23 - Footer Section
02:46:47 - Deployment
Видео Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website канала JavaScript Mastery
📚 Tailwind CSS Starter Kit: https://resource.jsmastery.pro/tailwind-starter-kit
⭐Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.
📚 Materials/References:
GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/nike_landing_page
GitHub Gist Code Snippets & Dark Mode Script: https://gist.github.com/adrianhajdin/ae10e2dd6ee5d51fc5b31437f73cf014
Assets: https://drive.google.com/file/d/1ccqjc8gJ7CLvXT_vUhVT4Gmys-Ze13FK/view?usp=sharing
Tailwind Play - https://play.tailwindcss.com/
Tailwind CSS - https://tailwindcss.com/
In this crash course, you'll:
- Learn how to make the most out of Tailwind CSS
- Fully understand how Tailwind works behind-the-scenes
- Follow all of Tailwind's best practices
- Put all of your newly gained Tailwind skills to the test by building a beautiful Nike landing page
💻 Join our Discord Community - https://discord.gg/n6EdbFJ
🐦 Follow us on Twitter: https://twitter.com/jsmasterypro
🖼️ Follow us on Instagram: https://instagram.com/javascriptmastery
💼 Business Inquiries: contact@jsmastery.pro
Time Stamps 👇
00:00:00 - Intro
00:02:35 - Introduction to Tailwind CSS
00:04:44 - How Tailwind Works
00:06:31 - Domain Name
00:10:16 - Crash Course
00:49:11 - Project Setup
00:52:47 - Building the app
01:01:10 - Creating Components
01:06:34 - NavBar
01:17:22 - Hero Section
01:37:20 - Shoe Card
01:46:39 - Popular Products Section
01:58:26 - Super Quality Section
02:05:33 - Services Section
02:11:29 - Special Offer Section
02:19:53 - Customer Reviews Section
02:30:26 - Subslll Section
02:35:23 - Footer Section
02:46:47 - Deployment
Видео Tailwind CSS Full Course 2023 | Build and Deploy a Nike Website канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to secure a dev job during layoffs?](https://i.ytimg.com/vi/uo4OS3L29mw/default.jpg)
![JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes](https://i.ytimg.com/vi/OvNIIgysD-s/default.jpg)
![MUST USE Websites & Tools for Web Developers](https://i.ytimg.com/vi/9CEW3Tmx2tg/default.jpg)
![React Hooks - Most Used Features](https://i.ytimg.com/vi/-9M9CGSd69I/default.jpg)
![Build and Deploy a Saas Podcast Platform in Next.js](https://i.ytimg.com/vi/zfAb95tJvZQ/default.jpg)
![Build and Deploy 3 Modern UI/UX Websites and Get Hired as a Frontend Developer | Full 10-Hour Course](https://i.ytimg.com/vi/RbxHZwFtRT4/default.jpg)
![Master the use of APIs and API Testing | Complete Crash Course](https://i.ytimg.com/vi/fvowySuuEIw/default.jpg)
![Build and Deploy a Banking App with Finance Management Dashboard Using Next.js 14](https://i.ytimg.com/vi/PuOVqP_cjkE/default.jpg)
![Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/46NRrn4xi5Y/default.jpg)
![Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB](https://i.ytimg.com/vi/LYWgPSbPDfQ/default.jpg)
![Master Async JavaScript using Async/Await | Quokka JS](https://i.ytimg.com/vi/HXQZfuSMTfM/default.jpg)
![Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript](https://i.ytimg.com/vi/rqw3OftE5sA/default.jpg)
![Web Scraping Full Course 2024 | Build and Deploy eCommerce Price Tracker](https://i.ytimg.com/vi/lh9XVGv6BHs/default.jpg)
![Build and Deploy a Full Stack AI SaaS Platform with Next js 14, TypeScript, Stripe](https://i.ytimg.com/vi/Ahwoks_dawU/default.jpg)
![The Story of JavaScript Mastery](https://i.ytimg.com/vi/i5TAC9OkK-A/default.jpg)
![Build and Deploy a React Admin Dashboard With Real time Data, Charts, Events, Kanban, CRM, and More](https://i.ytimg.com/vi/6a3Dz8gwjdg/default.jpg)
![Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind](https://i.ytimg.com/vi/B91wc5dCEBA/default.jpg)
![Build and Deploy 5 JavaScript & React API Projects in 10 Hours - Full Course | RapidAPI](https://i.ytimg.com/vi/GDa8kZLNhJ4/default.jpg)
![Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS](https://i.ytimg.com/vi/986hztrfaSQ/default.jpg)
![Build and Deploy a Modern Real Estate App | React Website Tutorial](https://i.ytimg.com/vi/y47gYvXchXM/default.jpg)
![Learn how to deploy an NPM Package](https://i.ytimg.com/vi/8FziherTC8M/default.jpg)