S'INSCRIRE
Nos formations :
Formation Bootstrap, développer des interfaces Web responsives
E-learning
100% à distance
- Programme
- Participants / Prérequis
Cette vidéo va vous permettre de comprendre les enjeux du responsive et d'apprendre à développer rapidement et facilement un site web responsive à l'aide du framework Bootstrap (en version 3 au moment du tournage). Quelques connaissances sur Bootstrap et des notions en CSS sont nécessaires pour en tirer le meilleur profit. Dans cette vidéo axée sur la pratique, nous nous interrogerons, dans un premier temps, sur les raisons de développer des interfaces responsives. Puis, nous installerons Bootstrap pour faire nos premiers pas. Nous développerons ensuite un site web responsive en détaillant quels sont les éléments qui doivent être pris en compte en fonction des supports de navigation (PC, tablettes, smartphone, ...) : adaptation de la grille, évolution de la taille des polices, disparition de blocs de contenus, variation de la taille des images,...
Pourquoi est-il incontournable de développer des interfaces web responsives ?
- Quelques statistiques à partir d'un site réel
- Etude de cas
Bootstrap : Le framework CSS du web responsive
- Présentation du framework mobile first
- Installation de Bootstrap
- Premiers pas avec Bootstrap
Disposer des blocs de contenus responsives
- Concept de grille
- Créer une grille qui s'adapte à la taille de l'écran
- Afficher et cacher des blocs en fonction de la taille de l'écran
- Mise en pratique
Manipuler les Media Queries
- Media Queries : définition du concept
- Mise en pratique : Manipulation des polices en utilisant les media queries.
