Public : Développeurs web, intégrateur, développeur Front End
Durée : 3 jour(s)
Pré-requis : Bonne connaissances avec HTML, CSS et javascript
Objectifs : Apprendre à utiliser le framework Bootstrap
Sanction : Attestation de fin de formation mentionnant le résultat des acquis
Référence : SIT101067-F
Accessibilité : 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
Contact : commercial@dawan.fr
1 725,00 € HT
Présentation de jQuery : objectifs, alternatives...
Cas d'utilisation, exemples de sites
Principes spécifiques et astuces
Les versions de jQuery
jQuery slim
Atelier : Ajouter jQuery dans un projet
Fonctions essentielles et chaînage
Sélecteurs CSS3 étendus
Parcours, manipulation de l'arbre DOM et filtres
Association d'évènements et déclenchement
Contrôle du contexte d'exécution des callbacks
Effets d’animations
Fonctions existantes
Atelier : Manipulation de pages web avec jQuery
Communication asynchrone/synchrone
Mise en oeuvre d'AJAX
Fonctions jQuery disponibles
Interface des objets Deferred et Promise
Chargement de pages et injection de code
Intégration complète d'AJAX et de l'UI
Compatibilité avec les autres frameworks
Atelier : Requêtes AJAX et parsing XML avec jQuery
Découvrir les frameworks CSS adaptatifs
Les alternatives
Bootstrap : présentation, apports, exemples
Les dépendances associées à Bootstrap : jQuery et popper.js
Atelier : Inclure Bootstrap dans un projet et templating de base
Bootstrap et le Responsive Web Design (RWD)
La Grille Bootstrap
Les conteneurs et les points de rupture
Les préfix de classe
Les colonnes à disposition automatique
Alignement horizontal et vertical
Réordonner, décaler et imbriquer les colonnes
Atelier : Utiliser la grille dans un projet
Typographie et liens
Tableaux : lignes, bordures, survol, RWD
Eléments de formulaires, contrôles supportés
Boutons : options, tailles, état
Eviter les débordements des images
Atelier : Utilisation de classes bootstrap dans des pages web
Gérer le positionnement: flex, position, float et clearfix
Modifier les textes: alignement, troncature, graisse, italique, etc
Gérer les bordures, les ombres, les marges (padding, margin)
Les couleurs de fond et de texte
Atelier : Personnaliser l'apparence des balises avec les utilities
Les badges
Le fil d'arianne
Les boutons et groupe de boutons
Les cards: titre, image, lien, mise en forme
Les Formulaires: mise en page, validation, groupement
Les Listes
Les Médias
Atelier : Intégrer des composants CSS dans une page
Découverte des composants JS
Utilité de jQuery pour les composants
Intéragir à l'aide des attributs data-*
Les variables d'options des composants
Les methodes et évènements disponiblent
Atelier : Transmettre des informations aux composants à l'aide des évènements - Afficher le des composants à l'aide de requête asynchrone
Présentation de la personnalisation du thème bootstrap
Structure des fichiers d'un projet
Importer la bibliothèque dans un fichier sass
Liste des variables existantes
Modifier les valeurs des variables bootstrap
Manipuler les maps (ajout, modification, suppression)
Créer ces propres composant en s'aidant des fonctions de Bootstrap
Atelier : Modifier bootstrap à l'aide de Sass
Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Dans le cas d’un financement via votre CPF, la validation de votre dossier devra être réalisée 11 jours ouvrés avant le début de formation. Hors certification CPF, délais d'accès de une à trois semaines en fonction des sessions ouvertes.
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 02/318.50.01 (prix d'un appel local) ou depuis notre formulaire de contact.