ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

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

4,5 / 5
Stage pratique
Durée : 3 jours
Réf : JVS
Prix  2019 : 2030 € 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

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Stephane S. 18/03/2019
5 / 5
Excellent formation abordée de manière progressive et très pragmatique.

Guillaume M. 11/12/2018
4 / 5
Très bon tour d'horizon de ce qui se fait actuellement. Certains points prennent je pense un peu trop de temps (bootstrap). Les exercices sont bien pensés et on progresse au long des 3 jours. Le support distribué n'est pas très utilisé et ne semble pas à jour sur certains points.

KANG N. 11/12/2018
5 / 5
pas de remarque en particulier
Avis client 4,5 / 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.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys