Structurer, automatiser et fiabiliser vos développements Front-End modernes
Cette formation met en exergue l'industrialisation du front-end qui englobe les outils et bibliothèques permettant de définir un environnement adéquat au développement Front-end de qualité.
Le but est de choisir les outils les plus adaptés pour un développement d'applications basé sur HTML 5 / CSS 3 / JavaScript et ses frameworks.
Est-ce pour vous ?
Développeur, chef de projet ou intégrateur Web
Préalables
Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.
Ce que vous saurez faire
- ✓ Structurer une application web avec HTML5, CSS3 et JavaScript modulaire
- ✓ Mettre en place une gestion de version efficace avec Git et organiser les branches
- ✓ Gérer les dépendances et l’environnement de développement avec Node.js et npm
- ✓ Automatiser les tâches de build et de workflow avec Gulp
- ✓ Intégrer des tests automatisés (unitaires et end-to-end) pour fiabiliser les développements
Contenu de la formation
1 Structure d'une application Web
- Structurer une application Web.
- HTML5 et les frameworks correspondants.
- Prise en main avec CSS3.
- Organiser le développement JavaScript.
- Normaliser le code en modules avec JavaScript.
2 Critères de choix de l'environnement de développement
- Découvrir les offres du marché.
- Choisir et configurer son IDE.
- Les solutions pour développer en ligne (Cloud 9...).
- Les environnements pré-intégrés (PrePros).
3 Gestion de configuration: "Versionner" avec GIT
- Introduction au versionning.
- Concepts de base, initialiser un repository.
- Organiser les branches de développement.
4 Découvrir Node.js
- Présentation de Node.js.
- Npm et Bower, objectifs et confusion.
- Gestion des dépendances.
5 Automatisation des tâches avec Gulp
- Définition de l'automatisation des tâches.
- Identification ndes types de tâches.
- Structure d'un fichier gulptfile.js.
- Créer un "Build" avec Gulp.
6 Intégration des tests automatisés
- Recommandation pour l'écriture des tests unitaires.
- Utilitaires de test : Jasmine, Mocha...
- Mise en place de Karma.
- Générer les rapports de test.
- End to End Testing : interface utilisateur.
7 Concevoir un template de projet
- Présentation du scaffolding.
- Yeoman versus Lineman
- Les générateurs de Yo.
📌 Informations pratiques
Nos formations sont offertes à Montréal ou Québec, en présentiel ou en classe virtuelle. Les dates et lieux sont précisés lors de votre choix de session ci-dessous. Si vous avez des questions, consultez notre FAQ.
