Formation Foundation

Foundation

Zurb Foundation est un framework CSS et JS open source maintenu par zurb.com. Comme le célébre Bootstrap il est responsive et propose un système de grille fluide, des composants tels que des boutons, des formulaires, des sliders, des modals, des menus de navigation ...



Obtenir un devis Comment financer ma formation ?


Le programme de formation


Introduction

  • Qu'est-ce qu'un framework CSS ?
  • Trouver des ressources sur le net
  • Télécharger et installer Foundation

Du CSS structuré

  • Organisation de la feuille de style
  • Les medias queries
  • Principe et fonctionnement

Le système de grille fluide

  • Le principe de la grille
  • Compter jusqu'à 12
  • Mise en page
  • Utiliser plusieurs grilles dans une page
  • Imbriquer des grilles

Les basiques

  • La typographie
  • Les positionnements
  • Les tableaux
  • Les tableaux de prix
  • Les images
  • Les styles imprimables
  • Visibilité en fonction de la taille d’écran

Les composants

  • Les boutons et groupes de bouton
  • Les formulaires, switch et barres de rangées
  • La navigation
  • Le fil d’Ariane
  • La pagination
  • Les étiquettes
  • Les vignettes et les médias
  • Les listes
  • Les panneaux
  • Les égaliseurs
  • Les barres de progression
  • Vidéo adaptive

Les extensions JS

  • Les menus déroulant (Off-canvas, Magellan Sticky nav …)
  • Les boites de dialogue (modal)
  • Les infobulles
  • Les accordéons
  • Les onglets
  • Diaporama Orbit slider
  • Galerie d’image Lightbox
  • Les validations de formulaire

Personnaliser Foundation avec SASS

  • Qu'est-ce qu';un préprocesseur CSS ?
  • Quel intérêt ?
  • Les variables
  • Les mixins


Pré-requis

Des connaissances sur le HTML5 et CSS3 sont indispensables pour appréhender sereinement cette formation.

Public

Webmasters, intégrateurs ou développeurs front-end,

Objectifs

Etre en mesure de concevoir des sites RWD et les maintenir à jour à l'aide du framework Zurb Foundation.

Moyens pédagogiques

Un PC par personne, un groupe de maximum 5 personnes.
Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action et d’en apprécier les résultats

A la fin de la formation, le stagiaire évalue la qualité de la formation puis complète avec le formateur un tableau reprenant les différents points du programme en précisant, si c’est acquis, en cours d’acquisition ou non acquis.


Pour toute demande de financement auprès de votre OPCA ou Pôle Emploi vous aurez besoin du programme détaillé de formation.