Tailwind CSS Course: Build and Deploy Responsive Websites
Learn TailwindCSS, style your HTML easily and faster.
Development ,Web Development,HTML
Lectures -28
Duration -5.5 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
This course is a Tailwind Course that suits the interests of both Developers who are new to TailwindCSS and Developers who wish to sharpen their already existing TailwindCSS skills.
Tailwind is a utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup thereby enabling you to rapidly build modern websites without ever leaving your HTML. With Tailwind, you do not need to write a single line of CSS.
In this course, you will learn how to set up the Development Environment for Tailwind, where you will install Tailwind using Node Package Manager (NPM), and create a package.json file as well as a Tailwind.config.js file.
This course also teaches Tailwind utilities related to Container, Display, Color, Backgrounds, Padding, Margin, Typography, Borders, Flexbox, Grid, Shadow, Tables, Transform, Transition, Animation and lots more.
In this course, you will learn how to push your website to Git Hub and then deploy it to the web using Netlify. At the end of it all, you will be able to use TailwindCSS to apply styles to your HTML without writing a single line of CSS.
This course promises to be worth your while.
Below are the topics that this course offers:
- Introduction to Tailwind.
- Adding Tailwind to your project.
- Tailwind Config.js file.
- Padding in Tailwind.
- Margin in Tailwind.
- Font Family in Tailwind.
- Font Style and Weight.
- Letter Spacing and Line Height.
- Text Align, Text Color, Text Opacity.
- Background Image.
- Background Size.
- Sizing and Hover in Tailwind.
- Borders.
- Box Shadow and Table.
- Transform.
- Transition and Animation.
- Customizing Animation.
- Display.
- Flexbox.
- Grid.
- Git and Netlify.
Who is this course for?
- Absolute Beginners to TailwindCSS.
- Seasoned Developers who are already working with Tailwind but wish to sharpen their Tailwind CSS skills.
Goals
Introduction to Tailwind.
Adding TailwindCSS to Your Project.
Setting Up TailwindCSS Config File.
Responsive Design in TailwindCSS.
Customizing Breakpoints in TailwindCSS.
Padding in TailwindCSS.
Margin in TailwindCSS.
Font Family in TailwindCSS.
Font Size in TailwindCSS.
Font Style and Weight in TailwindCSS.
Letter Spacing and Line Height in TailwindCSS.
Text Align, Text Color, Text Opacity, Text Decoration.
Background Image in TailwindCSS.
Background Size, Background Repeat, Background Attachment.
Sizing and Hover Tailwind CSS.
Border in TailwindCSS.
Box Shadow and Table in TailwindCSS.
Display in TailwindCSS.
Flexbox in TailwindCSS.
Grid in TailwindCSS
Transform in TailwindCSS
Transition and Animation in TailwindCSS
Customizing Animation in TailwindCSS
Project: Building a responsive Website using TailwindCSS
Push The Website to GitHub.
Deploy the Website using Netlify.
Prerequisites
To be able to follow along, you should have good enough knowledge of HTML and CSS.

Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
4 Lectures
-
Introduction to Tailwind 04:13 04:13
-
Setup of Local Development Environment 07:59 07:59
-
Adding Tailwind to your project 14:55 14:55
-
Tailwind Config File 02:10 02:10
Responsive Design in Tailwind
2 Lectures

Spacing in Tailwind
2 Lectures

Typography
5 Lectures

Background
2 Lectures

Sizing and Hover
1 Lectures

Borders, Box Shadow, and Table
2 Lectures

Display, Flexbox, and Grid
3 Lectures

Transform, Transition, and Animation
4 Lectures

A project on Building a Responsive Website
1 Lectures

Git and Netlify
1 Lectures

Conclusion
1 Lectures

Instructor Details

Nseabasi Udondian
Course Certificate
Use your certificate to make a career change or to advance in your current career.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now