Formation webmaster expert : responsive web design (rwd) + bootstrap
Formation
À Paris, Nantes, Lyon et dans 10 autres établissements
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Description
-
Typologie
Formation
Webmasters, développeurs, intégrateurs confirmés Pré-requis :Bonnes connaissances en HTML et CSS Objectifs :Maîtriser la création de sites adaptatifs (responsive design) Sanction :Attestation de fin de stage mentionnant le résultat des acquis Référence :SIT848-F Demandeurs d'emploi : Contactez-nous pour connaître les remises Pôle Emploi
Les sites et dates disponibles
Lieu
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Date de début
Les Avis
Les matières
- Gestion
Le programme
Construire un site web adaptatif
Responsive Web Design (RWD) : définition, composantes
Standards, le HTML5 et CSS3
Détection de ressources avec Modernizr
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)
Ressources utiles : outils, galeries de sites mobiles
Atelier : Structure d'un site HTML5/CSS3, support par les anciens navigateurs
Créer une grille d'affichage flexible Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements
Atelier : Multiples exemples de grilles flexibles
Utiliser des médias flexibles Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs
Atelier : Eviter le débordements d'images/vidéos
Ecrire des CSS3 Media Queries Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders
Polyfills pour le support des anciens navigateurs
Atelier : Création de site responsive pure css avec des media-queries
Découvrir Bootstrap Bootstrap : présentation, apports, exemples
Bootstrap et le Responsive Web Design (RWD)
Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...
Grille Bootstrap, templates de base et layouts
Composants et classes CSS
Mécanisme de RWD (classes CSS / device)
Documentation, liens utiles
Rappels HTML5/CSS
Bases de jQuery
Atelier : Inclure Bootstrap dans un projet, une première grille flexible
Maîtriser les classes CSS de base Typographie et liens
Tableaux : lignes, bordures, survol, RWD
Eléments de formulaires, contrôles supportés
Boutons : options, tailles, état
Images et icônes : éviter les débordements
Atelier : Utilisation de classes bootstrap dans des pages web
Utiliser les composants Bootstrap Barres de navigation : tabs, pills, justified nav
Menus déroulants : formulaires, boutons, positionnement
Breadcrumb (fil d'arianne)
Pagination
Badges
Alertes
Barres de progression : labels, animations
Media object
List group
Atelier : Multiples exemples d'intégration de composants Bootstrap
Manipuler Bootstrap en Javascript Mise en place de transitions
Fenêtres modales : types, tailles
Gestion des menus déroulants
Tabulations
Sliders
Auto-complétion
Personnalisation de Bootstrap
Gestion des claviers virtuels
Désactivation du responsive sur certaines pages
Gestion du zoom
Atelier : Intégration d'interractions et de transitions
Manipuler Bootstrap avec Less Présentation de Less
Utilisation en mode interprété / compilé
Variables: déclaration et appel
Variables: interpolation et lazy loading
Héritage de règles
Mixin: principes de base, espace de nommage
Mixin paramétrique
Mixin en tant que fonction
Gardien: structures conditionnelles et itératives
Inclusions d'autres feuilles Less
Atelier : Modification multiple des composants Bootstrap avec Less
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Formation webmaster expert : responsive web design (rwd) + bootstrap