Formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité
Public admis
- Salarié en Poste
- Demandeur d'emploi
- Entreprise
- Etudiant
Financements
Eligible CPF Votre OPCO Financement personnel
Objectifs de la formation
Maîtriser les fonctions de jQuery - Construire un site adaptatif avec Bootstrap - Optimiser l'acessibilité des pages de votre site web
| Tarif |
A partir de 2 495,00 € |
| Durée | 5 jour(s) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 2 495,00 € |
| Durée | 5 jour(s) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
Description
Programme
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
Prérequis
Public
Ces formations pourraient vous intéresser
Objectifs de la formation
- Intégrer les leviers d'action du brand content
- Coordonner sa stratégie de contenus de marque avec sa stratégie globale
- Évaluer la performance de sa démarche dans l'ensemble de sa stratégie média
| Tarif |
A partir de 1 490,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Créer des sites Web responsive - Utiliser les media Queries| Tarif |
A partir de 1 175,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
À l'issue de cette formation HTML5 et CSS3 vous aurez acquis les connaissances et compétences nécessaires pour :
- Utiliser dès maintenant les nouveautés du web, en restant rétro-compatible
- Tirer parti des nouveautés, et ainsi alléger les besoins en JavaScript
- Faire de la vidéo, du son et des animations, sans Flash
- Faire du graphisme avancé et certaines images, sans Photoshop
- Améliorer le référencement dans les moteurs de recherche
- Adapter l'affichage des versions mobile / tablette (responsive design)
- Maîtriser la mise en page avec des conseils efficaces pour le rendu et la maintenance
- Utiliser les bons outils pour travailler dans une approche professionnelle
- Créer des mises en page avec les CSS Grid
| Tarif |
A partir de 1 180,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery| Tarif |
A partir de 1 625,00 € |
| Durée |
3j / 21h |
| Modes |
|
Objectifs de la formation
- Apprendre à bien utiliser les ressources WordPress afin de créer un site web, de sa conception jusqu’à sa publication
- Travailler sur des images en vue de leur insertion dans un document mis en page ou publié sur le web
- Travailler le référencement de son site
| Tarif |
A partir de 4 890,00 € |
| Durée |
11j / 77h |
| Modes |
|
Objectifs de la formation
Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Connaitre les normes d'accessibilité - Apprendre à faire des sites multiplateforme : smartphone, tablette, etc.| Tarif |
A partir de 2 495,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Mettre en œuvre un process de recueil de l’information, par des abonnements à des newsletters, à des listes de diffusion ou à des réseaux de professionnels
- Traiter l’information recueillie en évaluant les bénéfices apportés
- Définir les prérequis en analysant les compétences nécessaires au bon déroulement de la formation
- Adapter le parcours de formation aux apprenants en situation de handicap
- Décliner les objectifs de formation en objectifs pédagogiques observables, réalistes et univoques correspondant aux compétences à atteindre à l’issue des séquences pédagogiques
- Concevoir les séquences pédagogiques en tenant en compte de la progression souhaitée afin de construire le scénario pédagogique
- Formaliser le programme de formation, en respectant le scénario pédagogique
- Concevoir une action de formation en présentiel, distanciel ou situation de travail, avec des ressources adaptées
- Concevoir une action de formation en utilisant des démarches et méthodes pédagogiques variées
- Construire les outils et les supports d’apprentissage, en tenant compte des spécificités du public visé
- Définir les indicateurs d’évaluation en tenant compte de la progression pédagogique
- Concevoir les modalités d'évaluation d’une formation, à l’aide du schéma synoptique préalablement établi
- Concevoir l’évaluation de la satisfaction des bénéficiaires, au moyen de questionnaires à chaud et à froid
- Exploiter l’évaluation de la satisfaction, par une analyse des retours des évaluations
| Tarif |
A partir de 3 500,00 € |
| Durée |
38h30 de formation en synchrone (présentiel ou classe virtuelle) + 3h30 de digital learning + 1 heure de tutorat individuel + 35 mn de soutenance orale |
| Modes |
|
Objectifs de la formation
- Adapter votre organisation aux exigences légales et aux évolutions de l'hôpital
- Optimiser la gestion du dossier patient
- Valider les processus d'externalisation et de numérisation
| Tarif |
A partir de 1 450,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
- Identifier les principes fondamentaux de l'accessibilité numérique
- Comprendre les normes et les réglementations relatives à l'accessibilité numérique
- Connaître les techniques et outils pour évaluer et améliorer l'accessibilité numérique
- Intégrer l'accessibilité numérique dans les processus de développement web
| Tarif |
A partir de 700,00 € |
| Durée |
1 jour |
| Modes |
|
Objectifs de la formation
Maîtriser les fonctionnalités avancées de Dreamweaver et préparation en vue d'une certification (interface en anglais)| Tarif |
A partir de 2 475,00 € |
| Durée |
5j / 35h |
| Modes |
|
