Nos domaines de formation :

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

4,4 / 5
Stage pratique
Durée : 3 jours
Réf : JVS
Prix  2018 : 1990 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Cycles certifiants
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Depuis quelque temps, le langage JavaScript, en plein essor, a modifié l'environnement du développeur Front-End. Ce stage vous présentera les outils modernes qui vous permettront de créer un Workflow efficace, automatiser les tâches redondantes et produire des applications modulaires.

Objectifs pédagogiques

  • Maîtriser les "SuperSet" HTML CSS JavaScript
  • Automatiser les tâches de développement
  • Organiser son Workflow
  • Intégrer efficacement les contributions

Travaux pratiques

Vous configurerez pour chaque étape de vos développements les outils d'optimisation afin de pouvoir au final générer vos profils de projets.

Méthodes pédagogiques

Développement, présentation et mise en oeuvre d'applications existantes.
PROGRAMME DE FORMATION

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.
Cycles certifiants
Participants / Prérequis

» Participants

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.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Damien H. 24/09/2018
4 / 5
Bonne vue d'ensemble des différents outils disponibles aujourd'hui pour optimiser les process Front-End. Bonnes connaissances du formateur sur ce sujet.
Avis client 4,4 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[-]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.