Public : Webmasters, développeurs, intégrateurs
Durée : 5 jour(s)
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 formation 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é : 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
2 495,00 CHF HT
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)
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, ...
Principe
Contrôle du contexte d'exécution des callbacks
Fonctions existantes
Atelier : Multiples cas d'utilisation des callbacks, consommation
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
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
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
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
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
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
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
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
Les problématiques et contraintes
Les normes WCAG 2.0, RGAA et AccessiWeb 2.2
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é
Les éditeurs WYSIWYG et l’accessibilité
L’intégration d’outil CMS et l’accessibilité
Atelier: Intégrer un WYSIWYG et tester l'accessibilité
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.
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 22 519 09 66 (prix d'un appel local) ou depuis notre formulaire de contact.