> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Industrialisation Front-End, maîtriser vos pratiques de développement > Formations > Technologies numériques > Formation Industrialisation Front-End, maîtriser vos pratiques de développement

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

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

Télécharger au format pdf Partager cette formation par e-mail 2


L'industrialisation concerne tous les outils et bibliothèques permettant de définir un environnement adéquat à la production de projets de développement de qualité. Dans cette formation, nous étudierons des cas de développement front-end, des éditeurs de code à l'automatisation des tests.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. JVS
Prix : 2050 € H.T.
  3j - 21h
Pauses-café et
déjeuners offerts




L'industrialisation concerne tous les outils et bibliothèques permettant de définir un environnement adéquat à la production de projets de développement de qualité. Dans cette formation, nous étudierons des cas de développement front-end, des éditeurs de code à l'automatisation des tests.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Maîtriser les "SuperSet" HTML CSS JavaScript
  • Automatiser les tâches de développement
  • Organiser son Workflow
  • Intégrer efficacement les contributions

Public concerné
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.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la 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.


Modalités pratiques
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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
3,8 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
GUIDO V.
09/05/22
3 / 5

Formateur compètent mais cours trop dispersif. TP pas assez préparés.
THIERRY P.
09/05/22
2 / 5

Je mets une faible note sur "Intérêt du contenu" et " Temps accordé à chaque sujet", non pas parce que ce n’était pas intéressant, car ça l’était, mais je m’attendais à une formation sur l’industrialisation. Il s’agissait plus d’une formation sur le JavaScript/Angular, avec, à la toute fin le sujet qui m’intéressait. Le formateur était très pédagogique et
NICOLAS V.
09/05/22
5 / 5

animateur dynamique avec beaucoup d’interaction




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 19 au 21 décembre 2022
FR
Classe à distance
S’inscrire
Du 19 au 21 décembre 2022 *
FR
Paris La Défense
Session garantie
S’inscrire