Niveau : initiation - Durée : 4 jours
Pré-requis : une connaissance basique de HTML et de CSS3 est nécessaire. Il est conseillé d'avoir suivi la formation de niveau 1.
Objectif : acquisition de connaissances approfondies dans le but de permettre aux stagiaires de maîtriser la conception d'un site web avancé en HTML, CSS et Javascript.
Méthode pédagogique : théorie, modes opératoires et transfert de compétences par réalisation d'ateliers pratiques.
Public visé : cette formation est destinée aux personnes ayant une connaissance basique du développement d'interfaces web. Les techniques abordées vous permettront d'améliorer votre travail lors de votre prochain projet, tout en vous maintenant aux standards du développement web moderne. Tout en consolidant vos connaissances en HTML et en CSS, elle se focalise sur une composante essentielle du web actuel, l'interactivité utilisateur.
Prochains stages en inter-entreprises.
Programme de la formation HTML5, CSS3, Javascript, jQuery - Développement d'interfaces clients et sites Web - Niveau 2
Formation web design / responsive design
Introduction
- Rappel de la formation de niveau 1
- Théorie, HTML, CSS et Javascript
- Outils et méthodes de travail
- Processus de développement et ses différentes étapes
- Installation d'un serveur local et paramétrage d'un éditeur de code
CSS3
- Les unités
- Utiliser les pourcentages ou autres unités pour contrôler les tailles et dimensions des éléments et polices
- Positionnement à l'aide du système de coordonnées de l'écran
- Le flux HTML : explication et comportement par défaut
- Les positions absolues, relatives et fixes
- Maîtriser le positionnement absolu
- Les flottants
- Comprendre le système de flottant et les problèmes qu'il introduit
- Bonne utilisation des flottants
- Modularité
- Ecrire du CSS "objet modulaire" pouvant être intégré dans une librairie personnelle
- Interfaces responsives
- Utiliser les techniques CSS3 pour adapter un design aux différents appareils du marché
- Les pseudo sélecteurs
- Alléger le code source HTML en utilisant les pseudo-sélecteurs
- Les pseudo-éléments after et before
- Création de balises HTML dont la fonction est purement stylistique
- Autres techniques CSS
- Overflow
- Ombres portées
- Dégradés
- Arrondis
Javascript
- Le langage
- Variables et types de données
- Opérations
- Contrôle de flux
- Fonctions
- Les tableaux et objets
- Les types composites (dates, objets, expressions régulières ...)
- Manipuler le HTML avec Javascript
- Traitement du texte
- Trouver un élément
- Créer un élément
- Modifier un élément
- Supprimer un élément
- Prise en charge des navigateurs
- Détecter les capacités
- Adapter les capacités
- Polyfills
- Les événements
- Faire réagir une interface aux interactions de l'utilisateur (click, mouvement de souris, clavier, ...)
- Ecouter un événement
- Libérer un événement
- Les événements souris
- Les événements clavier
- Autres événements
- Le format JSON
- Stockage local de données dans de fichiers .json
- Ajax
- Chargement de données asynchrone
- Gestion des erreurs et du temps de chargement
- Gestion des formulaires
- Contrôle et validation des données saisies par l'utilisateur
- Améliorer l'expérience utilisateur lors de la saisie
HTML5
- Ressources
- Insertion de graphiques vectoriels, audio et vidéo dans un document HTML
- Accessibilité des ressources HTML
- Contrôler les vidéos et sons HTML par l'intermédiaire de Javascript
Questions / réponses
Autres formations complémentaires
| < Précédent | Suivant > |
|---|
