Alphorm – Formation Automatisation des Tâches – Accélérer le Développement Web
Alphorm – Formation Automatisation des Tâches – Accélérer le Développement Web
RAR | Vidéo + Fichiers source + Livre | Français | 4 H 03 Min | 4.5 Go
Maîtrisez l’automatisation des tâches sous Grunt, Gulp et Webpack pour gagner du temps et augmenter votre productivité. Au cours de cette formation, vous allez donner vie à un projet passionnant : la création d’un site web optimisé grâce à l’automatisation des tâches de développement. Vous commencerez par établir les fondations du site avant de mettre en place des processus automatisés pour faciliter sa gestion et son évolution.
Grâce aux méthodes modernes que vous découvrirez, votre site sera à la fois performant et agréable à administrer. Ce projet pratique a pour but de vous offrir une expérience concrète et stimulante, tout en vous préparant à gérer efficacement vos futures réalisations web. Un atout indispensable pour tout développeur front : savoir automatiser les tâches de développement courantes et répétitives.
Les task runners, les exécuteurs de tâches en français, servent à automatiser des tâches régulières et récurrentes pour :
• Faciliter et accélérer le développement web moderne
• Résoudre certaines tâches de développement répétitives
• Et, faire gagner du temps
Grunt, Gulp et Webpack sont des task runners connus, qui partagent les mêmes objectifs :
• D’automatiser les tâches de développement
• Et, permettre d’améliorer la maintenance du projet
Les points forts de la formation :
• Apprendre à automatiser les tâches de développement les plus courantes pour : compiler, minifier et concaténer des fichiers…
• Ajouter et configurer des plugins qui vont optimiser les workflows des tâches automatisées
Contenu de la formation :
Démarrer avec la formation, avec :
• Les avantages d’utiliser un task runner
• Une présentation des task runners javascript
En premier, on crée un nouveau projet avec Grunt pour :
• Compiler la syntaxe Sass en CSS
• Compresser et concaténer les fichiers
• Observer et relancer les tâches avec le plugin watch
En deuxième, on met en place des pipelines avec Gulp, un autre task runner pour :
• Automatiser des flux de données lents et répétitifs
• Travailler avec les fichiers et utiliser les plugins pour compiler, minifier, copier et renommer
Ensuite, on découvre le plus récent Webpack 5, un bundler de modules open-source pour :
• Créer et configurer un nouveau projet avec webpack.config.js
• Compiler les fonctionnalités d’ECMAScript 2015+ (ES6) en javascript vanilla
• Ajouter des loaders
• Utiliser un serveur de développement intégré : webpack-dev-server
Dans une dernière partie 100% orienté projet, on crée de zéro un projet React avec webpack et d’autres dépendances pour :
• Apprendre à configurer manuellement un projet avec webpack 5
• Ajouter babel-loader, sass-loader et les fichiers sources Sass de Bootstrap 5
• Configurer un serveur de développement local intégré
Résultats attendus :
• Savoir configurer un projet Grunt et automatiser des tâches de développement
• Savoir travailler avec les fichiers : compiler et compresser
• Utiliser les plugins de Gulp pour copier et renommer des fichiers
• Configurer un projet manuellement avec webpack, le langage préprocesseur Sass et les librairies front : React.js et Bootstrap 5
Modalités pédagogiques :
• Les fichiers d’exercices, et autres supports pédagogiques sont mis à la disposition de tous les apprenants qui rejoignent le cours.
Prérequis :
• Connaître les bases de développement avec les langages HTML, CSS et JS
• Avoir une première expérience avec les librairies front : Bootstrap 5 et React serait un atout
Public concerné :
• Développeurs Front-end
• Professionnels souhaitant apprendre à augmenter leur productivité
Plus d’info:
_https://www.alphorm.com/tutoriel/formation-en-ligne-accelerer-le-developpement-web-avec-l-automatisation-des-taches
