Les outils de construction automatisés et les bundlers changent complètement la donne dans le domaine du développement web. Par exemple, Webpack 5 est un module bundler qui aide à gérer le regroupement des actifs, des modules et des dépendances en un seul bundle tout en permettant aux développeurs de se concentrer sur le développement. Le processus d'automatisation permet de standardiser les constructions, de les accélérer et de minimiser les erreurs commises manuellement. Au lieu de dépendre de solutions en ligne, vous pouvez utiliser Webpack 5 pour construire des solutions personnalisées ou des boilerplates.il vous permet de créer des codes dans des modules. La configuration initiale part d'un seul module. Elle traite ensuite toutes ses dépendances, qui peuvent être directes ou indirectes. La configuration de Webpack permet en outre de déterminer si le code doit être compressé pour une exécution plus rapide ou s'il doit être accompagné de cartes de sources pour un meilleur suivi des erreurs. En mode production, Webpack fait de son mieux pour optimiser la compilation en minifiant automatiquement le code. Les meilleures pratiques de production peuvent être mises en œuvre pour améliorer les performances d'un site web. En outre, vous pouvez utiliser différents outils Webpack pour réduire la taille du bundle et l'utiliser avec des frameworks frontaux pour construire et déployer des applications web. Enfin, en mettant en œuvre les meilleures pratiques d'optimisation de Webpack, vous pouvez vous assurer que vos applications sont optimisées et fonctionnent efficacement.

Dans le monde rapide d'aujourd'hui, il est essentiel de réduire au minimum les temps de chargement et de réponse, car plus un site web met de temps à répondre, plus les utilisateurs le quittent. Ce cours enseigne comment l'optimisation web mesure et perçoit l'expérience de l'utilisateur en matière de temps de chargement et d'exécution. Vous pourrez identifier les outils, les API et les meilleures pratiques pour mesurer et améliorer les performances web. Vous découvrirez comment JavaScript peut créer des sites web hautement interactifs qui engagent les utilisateurs. D'un autre côté, l'augmentation de l'engagement a un coût en termes de performances qui peut avoir un impact négatif sur la convivialité du site web. Pour résoudre ce problème, vous apprendrez à utiliser un cadre de test automatisé afin d'augmenter la vitesse et l'efficacité des tests, d'améliorer leur précision et de réduire les coûts et les risques liés à la maintenance des tests. Mocha et Jasmine sont deux frameworks de test open-source que vous découvrirez dans ce module. Vous apprendrez également comment les tests frontaux impliquent la création de l'interface utilisateur graphique (GUI) d'un site web afin que les utilisateurs puissent voir et interagir avec le site ou l'application web.

Le débogage est un élément essentiel du processus de développement des logiciels. Les bogues dans les applications logicielles sont généralement causés par un événement non intentionnel ou inattendu et doivent être éliminés. Comme les logiciels peuvent contenir des bogues même après une planification méticuleuse et une programmation défensive, vous apprendrez dans ce cours les différentes stratégies qui peuvent être utilisées pour localiser l'erreur. Vous découvrirez comment les navigateurs incluent maintenant une variété d'add-ons ou d'extensions qui peuvent être utilisés pour le débogage et d'autres tâches de développement web. Vous apprendrez à utiliser un outil de débogage pour déboguer un programme sans recompiler ou modifier son code source. Vous saurez également comment Google Chrome DevTools permet aux développeurs de modifier le code directement dans le navigateur, de définir des points d'arrêt pour détecter les problèmes et de déboguer le code rapidement. Enfin, vous comprendrez comment la surveillance d'un site web évalue sa fonctionnalité, ses performances ou sa disponibilité et comment les outils de surveillance effectuent des tests de routine et envoient des notifications lorsqu'un site web est indisponible, ce qui facilite l'identification et la résolution des problèmes.