Niveau : initiation - Durée : 5 jours
Pré-requis : une bonne compréhension de HTML, CSS et de Javascrlpt brut (Non jQuery ) est nécessaire. Il est conseillé d'avoir suivi les formations de niveau 1 et de niveau 2.
Objectif : acquisition de connaissances approfondies dans le but de permettre aux stagiaires de maîtriser la conception d'un site web très 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 connaissant déjà bien HTML, CSS et Javascript et ayant déjà réalisé un ou plusieurs sites web. Les concepts abordés sont destinés à parfaire vos techniques et méthodes de développement, accélérer votre travail et votre capacité de production commerciale. Nous utiliserons des outils récents et performants comme Node.js, Gulp, Browserify ou Stylus tout en travaillant sur des notions avancées de Javascript, de HTML (API) et de CSS en passant par les tests unitaires et d'intégration.
Prochains stages en inter-entreprises.
Programme de la formation HTML5, CSS3, Javascript, jQuery - Développement d'interfaces clients et sites Web - Niveau 3
Formation web design / responsive design
- Introduction
- Rappels de HTML, de CSS et de Javascript si nécessaire
- Outils et méthodes de travail
- Le processus de développement et ses différentes étapes
- Installation d'un serveur local avec Node.js et paramétrage d'un éditeur de code
- Configuration d'un outil de "build automatisé" (Gulp, browserify, ...)
- Intégration du système de versions Git dans le processus de développement
CSS3
- Les nouvelles techniques CSS3
- Flexbox, colonnes, unités, ...
- Manipulation de SVG
- Animation CSS3
- Différences entre transitions, transformations et animations
- Les transitions : état initial et état réactif
- Les transformations CSS3 : échelle, déplacement, rotation, ...
- Un peu de 3D en CSS
- Les animations CSS3
- Animer du SVG
- Discussion autour des compatibilités de navigateurs
- Contrôle des animations CSS par Javascript
- Utilisation d'un pré processeur CSS
- Installation et exploitation de Stylus
Javascript
- Organiser son code
- Création d'une libraire personnelle à l'aide de Browserify
- Concepts avancés
- Temporisation
- Portée et contexte
- Passage par référence et valeur
- Les fonctions de rappel
- Les fermetures
- Currying
- Chaînage
- Orienté objet
- Classes et instances en Javascript
- Encapsulation
- Visibilité publique et privée
- Les prototypes
- Héritage
- Composition
- Modules
- Les événements
- Les événements personnalisés
- Le Design Pattern Mediatar
- Gestion des erreurs
- L'objet Erreur
- Générer des exceptions
- Traiter les exceptions
- Tester son code
- Installation d'un environnement de test avec Karma et Mocha
- Débogage
- Tester ses modules Javascript un à un
- Tester les réactions de l'interface
HTML5
- Glissé - déposé HTML5
- Utilisation de l'API Drag and Drop HTML
- Local storage
- Enregistrement local de données avec PAPI LocalStorage
- Géolocalisation
- Accéder aux informations de localisation utilisateur par l'API Geolocolisation
- Dessiner avec Le Canvas HTML5
- Configuration du canvas
- Premières formes simples
- Animer les illustrations
- Un peu de 3D avec la bibliothèque THREE.JS
Questions / réponses
Autres formations complémentaires
| < Précédent | Suivant > |
|---|
