Formation Industrialisation Front-End, maîtriser vos pratiques de développement


Formation Industrialisation Front-End, maîtriser vos pratiques de développement

Catalogue : Technologies Web



Composants d'une application Web
• Structurer un projet d'application Web.
• HTML5, les frameworks (bootstrap, foundation...).
• CSS3, automatisation avec LESS ou SASS.
• JavaScript, normaliser le code en modules (API CommonJS et AMD).
• "SuperSet JavaScript" : simplifier le développement avec TypeScript.
• Organiser le développement JavaScript.
• Optimiser l'empreinte des ressources.
Travaux pratiques
Migrer une application Web en utilisant le développement modulaire JavaScript. Développer un Framework CSS avec SASS.
Choisir l'environnement de développement
• Offre du marché (SublimeText, Eclipse...).
• Choisir et configuer son IDE (extensions...).
• Quelles fonctionnalités attendre, "live Template", "code snippet" ?.
• Les solutions pour développer en ligne (Cloud 9...).
• Les environnements pré-intégrés (PrePros).
Travaux pratiques
Découverte des différentes plates-formes. Personnaliser l'IDE SublimeText.
"Versionner" avec GIT
• Gestion de source : centralisée versus distribuée.
• Concepts de base, initialiser un repository.
• Organiser les branches de développement.
Travaux pratiques
Mise en place d'un processus de développement en branches.
Node.js comme utilitaire de développement
• Présentation de Node.js. Le Node Package Manager
• Les modules indispensables pour le développeur.
• Npm et Bower, objectifs et confusion.
• Gestion des dépendances. Créer un package npm.
Travaux pratiques
Créer un module pour configurer les dépendances du projet.
Automatisation des tâches avec Gulp
• Présentation : automatisation des tâches.
• Définition des types de tâches : créer une commande.
• Structure d'un fichier gulptfile.js.
• Les contributions indispensables.
• Créer un "Build" efficace avec Gulp.
Travaux pratiques
Configurer et utiliser Gulp.
Intégration des tests automatisés
• Utilitaires de test : Jasmine, Mocha...
• Recommandation pour l'écriture des tests unitaires.
• Karma : présentation et configuration.
• Générer les rapports de test et de couverture du code.
• End to End Testing : interface utilisateur.
Travaux pratiques
Tests unitaires avec Jasmine. Automatisation avec Karma et Istanbul.
Créer un template de projet
• Présentation, avantage et inconvénient du scaffolding.
• Quels utilitaires : Yeoman, Lineman ?
• Les générateurs de Yo. Création de générateur.

 

Fiche de la formation



 Cible :

Cette formation s'adresse à tout développeur, chef de projet ou intégrateur Web souhaitant optimiser les temps de développement par la maîtrise des utilitaires modernes.


 Prérequis :

Bonnes connaissances du HTML et des technologies du Web. Connaissance du langage de programmation JavaScript.


 Durée : 3 jours

 Type : Stage pratique


 Contactez-nous