Formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité

icon public

Public : Webmasters, développeurs, intégrateurs

icon horloge

Durée : 5 jour(s)

Syllabus de la formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité

Pré-requis : Bonnes connaissances en HTML, CSS - Notions en JavaScript

Objectifs : Maîtriser les fonctions de jQuery - Construire un site adaptatif avec Bootstrap - Optimiser l'acessibilité des pages de votre site web

Sanction : Attestation de fin de stage mentionnant le résultat des acquis

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

Référence : SIT100755-F

Taux de satisfaction : 4,76 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 € HT / jour

1 996,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

2 495,00 € HT

Tarif plein:

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

1 996,00 € HT

Tarif remisé :

Contacter Dawan

Programme de Formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité

 Découvrir jQuery

Présentation de jQuery : objectifs, alternatives...
Cas d'utilisation, exemples de sites
Principes spécifiques et astuces
Cohabitation avec d'autres frameworks

Atelier : Mise en place de jQuery (développement/production) - gestion des conflits avec les autres frameworks ($ / jQuery)

Maîtriser les fonctionnalités de base

Fonctions essentielles et chaînage
Sélecteurs CSS3 étendus
Parcours, manipulation de l'arbre DOM et filtres

Atelier : Manipulation de pages web avec jQuery : éléments, styles, ...

Comprendre les callbacks

Principe
Contrôle du contexte d'exécution des callbacks
Fonctions existantes

Atelier : Multiples cas d'utilisation des callbacks, consommation

Construire des interfaces utilisateurs grâce à jQuery

Comportement des liens
Association d'évènements et déclenchement
Effets d’animations

Atelier : Panorama des évènements gérés par jQuery, association d'effets

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

Utiliser et déveloper des plugins

Principe de fonctionnement
Panorama des plugins existants (jQuery UI, autres...)
Widgets : sliders, infobulles, drag’n’drop...
Création d'un plugin personnalisé jQuery

Atelier : Intégration/utilisation de plugins existants (slider, datePicket, ...) - Création d'un plugin

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

Manipulation avancée

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

Comprendre l'accessibilité

Les problématiques et contraintes
Les normes WCAG 2.0, RGAA et AccessiWeb 2.2

Rendre des pages accessibles

Les éléments obligatoires pour une page (doctype, langue, etc)
Les attributs des balises (images, liens, multimedias, etc)
Structurer et présenter les informations (Titre, liste, citation, etc)
Les styles et les couleurs
Les formulaires
Faciliter la navigation
Rendre accessible les éléments consultatifs (document en téléchargement)

Atelier: Mettre en place une page valide pour l'accessibilité

Utiliser des éditeurs

Les éditeurs WYSIWYG et l’accessibilité
L’intégration d’outil CMS et l’accessibilité 

Atelier: Intégrer un WYSIWYG et tester l'accessibilité

Valider l'accessibilité d'un site

Comprendre le principe de la validation automatique
Utiliser les outils de validation
Les niveaux de validations

Atelier: Tester la validité d'un site

Ce cours est une combinaison de plusieurs thématiques:
jQuery pour la construction d'interface dynamique, l'utilisation de composant Javascript, la soumission de requête AJAX et le développement de plugin;
Bootstrap pour réaliser et personnaliser un site web adaptatif;
Accessibilité pour appliquer les principes de l'accessibilité web dans le respect des normes WCAG, RGAA ou AccessiWeb, ainsi que les outils permettant de tester et valider un document.

  • 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
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 15/04/2024 au 19/04/2024 Oui S'inscrire
Bordeaux Du 07/10/2024 au 11/10/2024 Oui S'inscrire
Bruxelles Du 27/05/2024 au 31/05/2024 S'inscrire
Bruxelles Du 04/11/2024 au 08/11/2024 S'inscrire
Distance Du 27/05/2024 au 31/05/2024 Oui S'inscrire
Distance Du 04/11/2024 au 08/11/2024 Oui S'inscrire
Genève Du 27/05/2024 au 31/05/2024 S'inscrire
Genève Du 04/11/2024 au 08/11/2024 S'inscrire
Lille Du 08/04/2024 au 12/04/2024 Oui S'inscrire
Lille Du 30/09/2024 au 04/10/2024 Oui S'inscrire
Luxembourg Du 27/05/2024 au 31/05/2024 S'inscrire
Luxembourg Du 04/11/2024 au 08/11/2024 S'inscrire
Lyon Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Lyon Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Marseille Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Marseille Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Montpellier Du 15/04/2024 au 19/04/2024 Oui S'inscrire
Montpellier Du 07/10/2024 au 11/10/2024 Oui S'inscrire
Nantes Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Nantes Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Nice Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Nice Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Paris Du 08/04/2024 au 12/04/2024 Oui S'inscrire
Paris Du 30/09/2024 au 04/10/2024 Oui S'inscrire
Rennes Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Rennes Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Strasbourg Du 22/04/2024 au 26/04/2024 Oui S'inscrire
Strasbourg Du 14/10/2024 au 18/10/2024 Oui S'inscrire
Toulouse Du 15/04/2024 au 19/04/2024 Oui S'inscrire
Toulouse Du 07/10/2024 au 11/10/2024 Oui S'inscrire

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

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • 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

    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