YoVDO

Tailwind CSS Introduction, Basics & Guided Tutorial

Offered By: Dave Gray via YouTube

Tags

Tailwind Courses Web Development Courses HTML Courses

Course Description

Overview

Learn the fundamentals of Tailwind CSS in this comprehensive tutorial video. Discover what Tailwind CSS is, set up your development environment, and create a sample project. Explore key concepts including configuration files, compiling CSS, using Tailwind's utility classes, and leveraging documentation. Follow along to build a bullseye design, add custom classes, and manage class clutter in HTML. Gain practical skills to streamline your web development process with Tailwind CSS.

Syllabus

Intro
Welcome
What is Tailwind CSS?
Course Prerequisites
Web Dev Tools & Settings
Tailwind CSS Config file
input.css file
Compile the style.css file
Compiling with --watch
Starting Live Server
Tailwind CSS Intellisense
Using Tailwind docs to find class names
Creating a bullseye with Tailwind
Adding a custom class to input.css
Handling class clutter in your HTML


Taught by

Dave Gray

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