Course Outline

Introduction

  • Overview of Tailwind CSS

Getting Started

  • Installing Tailwind CSS
  • Installing Node
  • Installing VS code
  • Setting up the environment

Tailwind CSS Basics

  • Attaching Tailwind CSS with HTML
  • Creating containers with utility classes
  • Adding width and height properties
  • Understanding how flexbox works
  • Wrapping and resizing flex items
  • Creating grid and row layout
  • Adjusting the flow of elements in a grid layout
  • Adding gap between and justifying items
  • Justifying individual items
  • Adding padding and margins to elements
  • Styling text using Tailwind utility classes
  • Adding and styling borders
  • Adding shadows to elements
  • Using breakpoints to add responsive behavior
  • Using Pseudo selectors
  • Layer and apply directives
  • Using components for code reuse

Setting Up a Better Dev Environment

  • Creating an environment with Tailwind CLI
  • Directives and Functions

Summary and Next Steps

Requirements

  • Basic knowledge of HTML and CSS

Audience

  • Developers
 7 Hours

Testimonials (10)

Related Courses

CSS Grid Layout

7 Hours

Creating Web Pages with HTML

21 Hours

Angular 4 Fundamentals

21 Hours

CSS3 Advanced

7 Hours

Front End Developer

35 Hours

HTML5, JavaScript, and CSS3

35 Hours

HTML5, JavaScript, and CSS4

35 Hours

Advanced PHP Programming

35 Hours

Advanced PHP and Secure Coding Course

35 Hours

Advanced TypeScript

7 Hours

Applications Security Foundation

21 Hours

Aurelia Javascript Framework

14 Hours

Coding for Non-Coders

21 Hours

Certified Secure Web Application Engineer (CSWAE)

35 Hours

Design Patterns in PHP

14 Hours

Related Categories

1