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

Objectifs

Maîtriser les "SuperSet" HTML CSS JavaScript

Automatiser les tâches de développement

Organiser son workflow

Intégrer efficacement les contributions

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.

Moyens pédagogiques

1 poste par participant - 1 Vidéo projecteur - Support de cours fourni à chaque participant – Formation présentielle

Durée

3 jours

Les sessions inter-entreprises

Date Session
Ce plan de cours est établi à titre indicatif. Son contenu peut être adapté à chaque formation Télécharger la fiche pdfDemander un devis

Code

FRONTEND-MAITPRATDEV

Description détaillée

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 CoffeeScript et TypeScript.

Organiser le développement JavaScript.

Optimiser l'empreinte des ressources.

Travaux pratiques 

Migrer une application Web en utilisant LESS et le développement modulaire JavaScript.

 

Choisir l'environnement de développement 

Offre du marché (SublimeText, Eclipse...).

Choisir et configurer 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 vs 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 GRUNT 

Présentation : automatisation des tâches.

Définition des types de tâches : créer une commande.

Structure d'un fichier Gruntfile.js. 

Les contributions indispensables.

Créer un "Build" efficace avec Grunt.

Travaux pratiques 

Configurer et utiliser Grunt.

 

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.

 

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.

 
 
 
 
 
 

Les dernières places disponibles

Aucune annonce pour le moment
Une erreur est survenue
Une erreur est survenue, l'administrateur a été contacté
Revenir à la première page