Formation Découverte des frameworks CSS : Bootstrap et Tailwind

Rappels sur le responsive web design et CSS

Viewport et Media queries 
Block, inline et autres display 
Grid et Flex 
Le nesting

Atelier : Création d'une page complexe en CSS3

Utiliser Boostrap, les Structures et Breakpoints

Composition Bootstrap : container, row et col 
Les breakpoints 
Composition HTML et bootstrap 
Les Positions 
Atelier : Modification de page et agencement responsive sur différent format

Utiliser les composents Bootstrap

Formulaires 
Images 
Card 
Navbars 
Atelier : Création de formulaire et réarrangement de la page

Personnaliser avec SCSS

Présentation du SCSS 
Créations des variables SCSS 
Mixins 
@include

Atelier : Révision et customisation des couleurs et dimensions standards de Bootstrap

Manipuler des classes Bootstrap avec Javascript

Intégrer Bootstrap en JS 
Prendre en charge et modification des composant en JS 
Atelier : Ajout et manipulation d'élément Bootstrap en JS

Installer et Utiliser Tailwind

Présentation de Tailwind 
Intégration via NPM 
Inclusion dans un projet 
 Atelier : Création d'un projet one-page en Tailwind

Créer des interfaces avec Tailwind

Syntaxe de Tailwind 
Intégration HTML 
Boostrap VS Tailwind 
 Atelier : Création d'interface utilisateur riche et responsive avec Tailwind

Créer une architecture modulaire de Tailwind

Création de module 
l'outil @apply 
L'extraction sous Tailwind 
 Atelier : Création de carte complexe sous la forme de module

Utiliser Tailwind UI et ses composants

Bibliothèque de composant Tailwind 
Composants de présentation 
Composants de navigation 
Composants de formulaire 
 Atelier : Ajout d'élément sur le projet one-page

Utiliser Tailwind UI avec Javascript

Tailwind et les frameworks js 
Intégration de tailwind en JS 
 Atelier : Création d'un jeu FizzBuzz en mise en page avec Tailwin

• Un support et les exercices du cours pour chaque stagiaire
• Un formateur expert ayant suivi une formation à la pédagogie
• Boissons offertes pendant les pauses en inter-entreprises
• Salles lumineuses et locaux facilement accessibles
• Méthodologie basée sur l'Active Learning : 75% de pratique minimum
• Matériel pour les formations présentielles informatiques : un PC par participant
• Positionnement à l'entrée et à la sortie de la formation
• Certification CPF quand formation éligible
• Nos formations sont accessibles aux personnes en situation de handicap :
  Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins.

Suite de parcours et formations associées

• Formation Webmaster Intermédiaire : HTML5/CSS3 - 3 jour(s)
• Formation Webmaster Intermédiaire : Responsive Web Design (RWD) - 2 jour(s)
• Formation Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD) - 5 jour(s)
• Formation Découverte des frameworks CSS : Bootstrap et Tailwind - 5 jour(s)
• Formation Bootstrap : Sites Web adaptatifs - 2 jour(s)
• Formation jQuery - 2 jour(s)
• Formation Accessibilité Web - 1 jour(s)
• Formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité - 5 jour(s)

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Nos centres de formation

• Bordeaux

  

  Bât Ravezies - 2e étage 250 avenue Emile Counord

  33300 Bordeaux

  Liaison directe de la gare Bordeaux Saint-Jean via le tram C

• Bruxelles

  Rue de la Loi, 23

  1040 Bruxelles

• Distance

  32 Boulevard Vincent Gâche

  44000 Nantes

• Genève

  c/o CCI France Suisse Route de Jussy 35 Case postale 6298

  CH-1211 Thônex - Genève

• Lille

  

  46 rue des Canonniers - 2è étage

  59800 Lille

  Proche des deux gares

• Luxembourg

  5 Rue Goethe

  L-1637 Luxembourg

• Lyon

  

  62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

  69003 Lyon

• Marseille

  

  38/40 rue de la République Escalier A, 1er étage

  13001 Marseille

  A proximité du vieux port

• Montpellier

  

  26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

  34000 Montpellier

  Quartier Antigone

• Nantes

  

  32 Boulevard Vincent Gâche

  44200 Nantes

• Nice

  

  455 promenade des Anglais Bât Arenice, 7è étage

  06200 Nice

• Paris

  

  11 rue Antoine Bourdelle

  75015 Paris

  dans le 15e arrondissement

• Rennes

  

  3 place du Général Giraud

  35000 Rennes

• Strasbourg

  

  4 rue de Sarrelouis - 4è étage

  67000 Strasbourg

• Toulouse

  

  1 place Occitane Bât. Le Sully - 4è étage

  31000 Toulouse

  Proche de Jean-Jaurès et du Capitole