Formation Découverte des frameworks CSS : Bootstrap et Tailwind

icon public

Public : Webmasters, intégrateurs, développeurs web

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Découverte des frameworks CSS : Bootstrap et Tailwind

Pré-requis : Connaissances HTML5/CSS3/RWD

Objectifs : Découvrir Boostrap - Manipuler des classes Bootstrap avec Javascript - Installer et Utiliser Tailwind - Créer une architecture modulaire de Tailwind - Utiliser Tailwind UI et ses composants

Sanction : Attestation de fin de stage mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT102131-F

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

Télécharger le programme
INTER INTRA DISTANCE TUTORAT

À partir de

975,00 € HT / jour

2 360,00 €HT

1 392,86 € HT

Pour 10 heures utilisables pendant 12 mois

2 950,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

2 360,00 € HT

Tarif remisé :

Contacter Dawan
Webmaster Intermediaire : intégrateur front-end HTML/CSS

Programme de 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

CopyrightDepot Dawan

  • 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

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

Aucune date de programmée actuellement. Pour plus d'information sur les prochaines sessions, nous vous invitons à joindre le service commercial par téléphone au 09 72 37 73 73 (prix d'un appel local) ou depuis notre formulaire de contact.

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

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

    33300 Bordeaux

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

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

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

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

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

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

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

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

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

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

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

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole

  • J'ai beaucoup aimé le contenu, les interactions et les exercices à réalisé
  • Axel T.

  • Très bon matériel.
  • Cours riche et à la progression logique, avec des exemples clairs et parlants. La théorie est entrecoupée par des exercices pratiques très intéressants et instructifs. J'ai également beaucoup apprécié le moment révision en début de journée.
  • Le formateur s'est soucié régulièrement de si le rythme convenait. Personnellement; j'ai trouvé ça très adapté, pour avoir bien le temps de suivre et d'assimiler.
  • Super formateur, explications claires et précises, n'hésite pas à répondre aux questions et aider en cas de besoin.
  • Kristina K.

  • Très bon accueil. Tout a été mis en œuvre pour que la formation se déroule dans de bonnes conditions.
  • Le contenu du cours est très riche, structuré de manière logique avec un très bon rythme. De nombreux exemples et beaucoup de temps pour pratiquer et assimiler la théorie. Les moments de révisions en début de journée sont un excellent moyen de se remémorer les informations et de les retenir.
  • La formation correspondait parfaitement à mes attentes, de même pour mes besoins professionnels.
  • Excellent, d'un point de vue maîtrise technique, communication et écoute/disponibilité. Formateur avec une méthodologie et pédagogie qui me correspond parfaitement.
  • Johan C.

  • J'ai trouvé le formateur exellent orateur, le cours était agréable à suivre, clair, fluide et bien organisé.
  • Céline P.