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

Number of participants



Price per participant

Testimonials (5)

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

Python Programming - 4 days

28 Hours

Website Development in PHP

21 Hours

Design Patterns in PHP

14 Hours

Web Application Development in PHP

21 Hours

JavaScript - Advanced Programming

14 Hours

Administration with Powershell

35 Hours

Web Development with Symfony3

28 Hours

Web application development with Flask

14 Hours

Related Categories