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

Delivery Options

Private Group Training

Our identity is rooted in delivering exactly what our clients need.

  • Pre-course call with your trainer
  • Customisation of the learning experience to achieve your goals -
    • Bespoke outlines
    • Practical hands-on exercises containing data / scenarios recognisable to the learners
  • Training scheduled on a date of your choice
  • Delivered online, onsite/classroom or hybrid by experts sharing real world experience

Private Group Prices RRP from £1900 online delivery, based on a group of 2 delegates, £600 per additional delegate (excludes any certification / exam costs). We recommend a maximum group size of 12 for most learning events.

Contact us for an exact quote and to hear our latest promotions


Public Training

Please see our public courses

Testimonials (4)

Provisional Upcoming Courses (Contact Us For More Information)

Related Categories