Dû à la situation sanitaire, les formations peuvent être dispensées en télé-présentiel (visioconférence) si vous le souhaitez !

Formation Tailwind CSS : La meilleure alternative à Bootstrap pour faire du pixel perfect

Le CSS vous fatigue ? Le responsive vous semble dur ? Vous n’arrivez pas à faire du mobile-first CSS ? Grâce à Tailwind CSS, créez de belles interfaces facilement & rapidement. Formation à Paris.

Description de la formation

Tailwind est un framework CSS très différent des autres, c’est un framework utility-first. Dans cette formation Tailwind, vous découvrirez en quoi faire du utility-first est l’avenir du CSS.

Contrairement à Bootstrap, Foundation ou les différents frameworks Material Design, Tailwind ne fournit aucun composant CSS, mais à la place, des fonctions et classes utilitaires très pratiques, pour faire de l’Atomic Design ou encore réaliser et mettre en place un Design System côté code !

Ce framework CSS est le plus adapté si vous avez des maquettes graphiques sur-mesure et une charte graphique que vous voulez respecter au pixel près (ou pixel perfect si vous préférez).

Grâce à notre formation Tailwind CSS, écrivez enfin du CSS maintenable, évolutif, responsive, mobile-first et adapté à n’importe quelle contrainte graphique.

Dans la formation, vous verrez comment intégrer facilement Tailwind CSS avec n’importe quelle framework front-end ou back-end, grâce au paradigme des composants et des template partials.

Apprenez à créer des pages pixel perfect grâce à cette formation à Paris.

Objectifs pédagogiques

  • Comprendre ce qu’est le utility-first CSS
  • Comprendre ce qu’est-ce un Tailwind CSS
  • Savoir créer des interfaces avec Tailwind CSS

Public visé

  • Intégrateur web / designer
  • Développeur informatique
  • Lead technique / CTO
  • Manager technique

Prérequis de la formation

  • Connaissances du HTML et CSS
  • Bases de JavaScript

Le programme

Introduction

  • Qu’est-ce qu’un framework CSS et pourquoi il y en a ?
  • Quel est le souci avec les frameworks CSS actuels ?
  • Qu’est-ce que le utility-fisrt css ?
  • Qu’est-ce que Tailwind CSS ?

Construire et designer une page web avec Tailwind CSS

  • Installation de Tailwind CSS
  • Configuration et personnalisation de Tailwind CSS
  • TD : Créer son premier composant HTML / CSS
  • Comment gérer les pseudo-classes hover, focus et active ?
  • Comment faire du responsive avec Tailwind CSS ?
  • Extraire ses classes utilitaires en composants
  • Ajouter ses propres classes utilitaires
  • TP : refaire la page d’accueil de Airbnb

Utiliser Tailwind avec d’autres outils

  • Comment utiliser Tailwind avec SASS ?
  • Comment utiliser Tailwind avec Less ?
  • Comment optimiser les performances de son CSS avec PurgeCSS ?
  • Peut-on utiliser Tailwind CSS à partir du CDN ou sans utiliser Webpack ?

Inscription à la formation

Formation Tailwind CSS : La meilleure alternative à Bootstrap pour faire du pixel perfect

Besoin d'une information ?

Téléphone : 07 82 82 15 52
E-mail : bonjour@thewarmup.io

DataDock logo

TheWarmUp est une entreprise référencée DataDock 

N° SIRET : 844 925 834 00013
N° déclaration d’activité : 11 75 58743 75