Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
Tailwind CSS
Tailwind CSS (+ React) - The beginner guide (2024 edition)

Tailwind CSS (+ React) - The beginner guide (2024 edition)

Loại khoá học: Web Development

Build modern and responsive websites Tailwind, combined with React. Incl : Animations, Dark mode, Responsive, Theme...

image
50.000 VND
25 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

Welcome to the "Tailwind CSS - The Beginner Guide" the course is designed to make you a confident and self-reliant Tailwind CSS developer in no time!

I believe in delivering results without wasting your time.

Are you ready to unlock the world of modern web design?

With our course, you won't have to commit hours on end.

I'll get straight to the point, teaching you the essentials efficiently.

What You'll Achieve:

  • Tailwind CSS Proficiency: Discover how to use Tailwind CSS effectively, without drowning in extensive lectures or tedious exercises. We'll get you up to speed quickly.

  • React Integration Made Easy: Seamlessly integrate Tailwind CSS with React, empowering you to create dynamic, responsive web applications without the unnecessary fluff.

  • Responsive Magic: Learn to make your websites look exceptional on all devices through streamlined lessons on responsive design principles.

  • Engaging Animations: Elevate your web design game with captivating animations that are easy to implement, adding that extra "wow" factor to your projects.

  • Swift Deployment: I'll guide you through deploying your website with no fuss, ensuring you can showcase your creations to the world efficiently.


Hands-On Project: Crafting a Super Nike Website:

Our focus is on results, not duration.

Build a Super Nike-inspired website from the ground up. Create a visually stunning, fully responsive site with captivating animations, all while gaining hands-on experience and confidence.


Each video is associated to a code branch to make it easier for you to follow along.
Finally, as alway, I'll show you what I know in a casual way and I will always answer to your questions !

Bạn sẽ học được gì

Proficient in Building Responsive UIs

Mastering Utility-First CSS

Real-World Project Experience

Learn Tailwind animations

Learn how to setup a theme and using the tailwind config

Yêu cầu

  • Basic HTML and CSS Knowledge
  • An experience with React is highly recommended

Nội dung khoá học

6 sections

Introduction

3 lectures
Introduction
01:35
Our project
00:03
Tailwind ?
06:34

Tailwind basics

9 lectures
Tailwind utilities
03:59
The display property
04:15
Flex and grids
05:37
Responsive
05:46
States
07:35
Groups and peer
08:01
Theme customization
08:05
Directives
07:29
Dark mode
05:15

Setup

3 lectures
Github
02:48
Setup React and Tailwind
09:21
Setup prettier and svg
02:49

Let's practice Tailwind

18 lectures
Header
06:57
Mobile nav
06:35
Responsive mobile menu
13:27
Shoe detail layout
10:32
Gradient and fonts
06:43
Making the gradient responsive
07:27
Select
11:10
Animations
13:58
Card
10:32
Little gotcha : Contruct Tailwind classes dynamically
02:26
Card grid
11:05
Animated sidebar
16:37
Cart item
07:29
Cart item inputs
06:47
Tailwind merge (tw-merge)
07:04
Cart list
08:04
Dark mode setup
11:11
Dark mode styling
08:42

Making the cart dynamic with React

3 lectures
Selecting a shoe
04:35
Add to cart
12:09
Remove from cart
04:36

Deploy on the World Wide Web !

1 lectures
Deploying with Vercel
02:38

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

ROS2 For Beginners (ROS Foxy, Humble - 2024)

ROS2 For Beginners (ROS Foxy, Humble - 2024)

90 VND
50.000 VND
Cấu trúc dữ liệu và giải thuật Thực chiến với LeetCode

Cấu trúc dữ liệu và giải thuật Thực chiến với LeetCode

45 VND
50.000 VND
API TESTING MASTERCLASS -2023 using POSTMAN | NEWMAN |JMETER

API TESTING MASTERCLASS -2023 using POSTMAN | NEWMAN |JMETER

25 VND
50.000 VND
Developing a Multithreaded Kernel From Scratch!

Developing a Multithreaded Kernel From Scratch!

80 VND
50.000 VND
Introduction to VHDL for FPGA and ASIC design

Introduction to VHDL for FPGA and ASIC design

90 VND
50.000 VND
Microservices with Node JS and React

Microservices with Node JS and React

185 VND
50.000 VND
Java Design Patterns & SOLID Design Principles

Java Design Patterns & SOLID Design Principles

90 VND
50.000 VND
Django Masterclass : Build 9 Real World Django Projects

Django Masterclass : Build 9 Real World Django Projects

120 VND
50.000 VND
The Complete Guide To Build Rest Api's with Asp.Net and C#

The Complete Guide To Build Rest Api's with Asp.Net and C#

25 VND
50.000 VND
Next.js 14 & React - The Complete Guide

Next.js 14 & React - The Complete Guide

185 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
Thực chiến microservice với Spring Boot và Event Sourcing

Thực chiến microservice với Spring Boot và Event Sourcing

25 VND
50.000 VND
Next JS: The Complete Developer's Guide

Next JS: The Complete Developer's Guide

120 VND
50.000 VND
The Complete Python Developer

The Complete Python Developer

140 VND
50.000 VND
100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

170 VND
50.000 VND
Automate Everything with Python

Automate Everything with Python

110 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi