FE—04 — Front-end

Tailwind CSS

Utility-first styling — how it works, why teams switch to it, and how to keep the markup readable.

  • LevelIntermediate
  • Length2 weeks
  • FormatLive, one-on-one or group
  • WherePort Harcourt or online

Who it's for

Is this the right course for you?

Developers who already write CSS and keep running into the same naming and organisation problems.

What you need before starting

Solid CSS. Take the CSS course first if unsure.

What's included

  • Node and npm
  • A configured starter project
  • A design token sheet
  • Live sessions, not recorded video
  • Exercises between every session
  • A channel where you can paste an error and get an answer
  • Your project in your own GitHub
  • A certificate on completion

The syllabus

Everything we cover, in order

Sessions build on each other. Nothing is introduced before you have what it depends on.

  1. 01

    Utility-first thinking and the mental shift

  2. 02

    The config file as your design tokens

  3. 03

    Responsive, hover, focus and dark-mode variants

  4. 04

    Extracting repeated patterns into components

  5. 05

    Arbitrary values and escape hatches

  6. 06

    Building for production and keeping the file small

What you finish with

A page you already built in plain CSS, rebuilt in Tailwind, side by side so you can judge for yourself.

Get started

How it runs

From enquiry to certificate

STEP—01

Send the form

Tell us the course, the format you want and when you're free. We reply within one business day with dates and the fee.

Get started →
STEP—02

Setup session

Before session one we get your machine working — editor, runtime, accounts. Nobody loses a week to installation problems.

Free
STEP—03

Live sessions

2 weeks of scheduled live teaching, with exercises in between and a channel for questions that can't wait.

Weekly
STEP—04

Project and certificate

You finish the project, it goes into your own GitHub, and you get a certificate. Strong work also gets a reference from us.

Ask about references →

Ready to start Tailwind CSS?

The form takes two minutes. Nothing is charged at this stage, and we'll tell you honestly if a different course would suit you better.

Get started