Formation Bootstrap et jQuery : Sites web adaptatifs et asynchrones

icon public

Public : Développeurs web, intégrateur, développeur Front End

icon horloge

Durée : 3 jour(s)

Syllabus de la formation Bootstrap et jQuery : Sites web adaptatifs et asynchrones

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

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

Référence : SIT101067-F

Taux de satisfaction : 4,87 / 5

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

À partir de

875,00 € HT / jour

1 380,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

1 725,00 € HT

Tarif plein:

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

1 380,00 € HT

Tarif remisé :

Contacter Dawan
Autres cours

Programme de Formation Bootstrap et jQuery : Sites web adaptatifs et asynchrones

Découvrir jQuery

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

Intéragir avec le DOM

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

Réaliser des requêtes AJAX 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

Comprendre le fonctionnement de Bootstrap

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

Créer des pages responsive design avec Bootstrap

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

Maîtriser les classes CSS de base de Bootstrap

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

Exploiter les classes utiles

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

Utiliser les composants CSS Bootstrap

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

Manipuler les composants Javascript avec jQuery

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

Manipuler Bootstrap avec Sass

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

  • 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

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