Les cours Javascript

Toutes les bases pour apprendre et utiliser le javascript dans des applications web.

Vue.JS est un framework sorti en 2014. Depuis, un bon bout de chemin a été fait et Vue.JS devient de plus en plus utilisé chaque jour. Considéré comme le framework JS le plus simple à appréhender et le plus intuitif, Vue.JS est un choix couramment fait par les développeurs web et étudiants qui souhaitent se mettre à un framework. Ce cours sera une introduction à Vue.JS 3, par la pratique, adaptée pour les débutants.

Apprends à gérer un panier e-commerce avec le localStorage :
- Enregistrement d'un panier dans le localstorage
- Récupération d'un panier dans le localstorage
- Ajout d'un produit au panier
- Suppression d'un produit au panier
- Modification de la quantité d'un produit
- Calcul du total panier

Apprenons à quoi sert une Promise et comment l'utiliser pour mieux gérer nos appels asynchrones en javascript et éviter le callback hell

L'Ajax ou Asynchronous Javascript and Xml est un outils indispensable du développeur web, qui permet d'envoyer des requêtes asynchrone vers des serveurs ou des api, et d'obtenir des résultats sans aucune perturbation pour l'utilisateur. Avec la montée en puissance des Api Rest ces dernières années, de plus en plus de site fonctionnent uniquement en communiquant via Ajax entre le frontend et le backend. Il est donc primordial de bien le connaitre et le comprendre pour devenir un développeur aguerri.

Dès que l'on développe avec Vue.JS, on est vite amené à des problématiques simples : comment éviter de dupliquer tel élément, comment séparer mes différents modules et surtout : comment faire une SPA ? La solution : les composants. Au sein de ce cours nous verrons leur utilisation. Et toujours dans la série des cours sur Vue : de la théorie mais surtout de la pratique !

La création d'une SPA (Single Page Application) est un bel aboutissement d'une application utilisant un framework javascript comme Vue.JS. Au fil de ce cours sera vu l'utilisation de vue router 4 pour atteindre cet objectif. Après les bases et les composants avec Vue.JS, il s'agit de la suite logique !

Créer des composants réutilisable en html, css et javascript.

Tu souhaites créer des blocs HTML dynamiques à l'aide de javascript? Ce cours est fait pour toi, nous allons voir les différentes façon de créer du contenu HTML en javascript, ainsi que leurs avantages et inconvénients.

Lorsqu'on commence à bien utiliser Vue.JS, notamment avec les composants, on est obligé d'utiliser un outil de build qui comprendra les fichiers .vue et gèrera nos assets et nos fichiers. Vue-cli en est un dédié, spécialisé pour Vue. Voici dans ce tutoriel comment débuter un projet avec cet outil.

Apprends à afficher une galerie d'image à partir d'un jeu de données et implémenter une lightbox pour ouvrir l'image en plus grand et ajouter un mode diaporama pour faire défiler les images en javascript.

Webpack est un bundler JS incontournable dans le monde du web. Il permet de packager nos codes JS et leur dépendance en "bundles". Il permet également l'utilisation de transpileur, linter et autres merveilles du genre. Ce cours permettra de configurer Webpack simplement et d'ainsi pouvoir l'utiliser dans la plupart des applications web.

Apprenez à créer les bases d'un MMORPG 2D, avec des map, des personnes, des animations, des interactions et un inventaire d'objets.

Apprends à utiliser le fetch pour charger le contenu d'un fichier ou envoyer une requête web à une api REST

Apprends le concept du design pattern Factory, son utilité et comment l'implémenter en javascript.

Apprends à utiliser l'apiValidation pour vérifier le remplissage d'un formulaire et y ajouter des contraintes.

Apprends à manipuler le DOM avec les fonctions getElementBy et querySelector.