Formation Technologies de l'information : Industrialisation Front-End, maîtriser ses pratiques de développement
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.
Le programme de la formation
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.
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).
Gestion de configuration: "Versionner" avec GIT
• Introduction au versionning.
• Concepts de base, initialiser un repository.
• Organiser les branches de développement.
Découvrir Node.js
• Présentation de Node.js.
• Npm et Bower, objectifs et confusion.
• Gestion des dépendances.
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.
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.
Concevoir un template de projet
• Présentation du scaffolding.
• Yeoman versus Lineman
• Les générateurs de Yo.
À qui s'adresse cette formation ?
Public cible
Développeur, chef de projet ou intégrateur Web
Prérequis
Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.
Les objectifs de la formation
L’objectif de cette formation est de permettre aux participants de maîtriser les bases du développement web avec HTML, CSS et JavaScript, et d’automatiser les tâches de développement en suivant un workflow structuré.