1.2 Mise en place du développement

Bienvenue sur ce nouveau chapitre où je vais vous parler de la mise en place du développement. Pour écrire du code javascript vous avez besoin d'un éditeur de code, il existe différents éditeur de code dans Sublime Text VSCode Atome et bien d'autres... Dans notre cas on va utiliser tout au long de cette formation VSCode donc pour télécharger cet éditeur c'est très simple on se rend au code.Studio.com, c'est un éditeur léger et très simple d'accès puissant et multiplatforme donc si c'est pas fais, je vous invite à le faire. On va aussi installer node JS, on se rend nodejs.org on a pas nécessairement besoin de NodeJS pour exécuter du code javascript mais comme je l'ai expliqué précédemment vous exécutez du code javascript à l'intérieur d'un navigateur ou dans Node, mais c'est bien d'avoir notre dans notre machine car on va l'utiliser pour installer des bibliothèques tierces. Voilà je vous invite à mettre la vidéo en pause si l'installation n'ai pas fait et on se retrouve juste après pour la démonstration. Alors on va créer un nouveau dossier Que l'on va appeler js_basic. Une fois le dossier créé. On va ouvrir VSCode On va ouvrir directement le dossier en question. Fichier. Ouvrir le dossier. On va créer dans ce dossier un nouveau fichier appelé index.html On va écrire un raccourci. Point d'exclamation. Cela permet de générer directement tous les composants d'un document HTML. L'en-tête et le corps de la page body et on va installer une extension. Appelle LiveServer. Pour moi c'est déjà fait mais je vous invite à le faire. LiveServer est un server web très leger Que l'on va utiliser pour servir tout notre application web. Une fois que c'est fait on retourne dans l'explorateur. Open With LiveServer. Cela va directement l'ouvrir. Ça veut dire que l'extension a été activé. On est censé avoir notre navigateur par défault ouvert.. Si ce n'est pas fait, je vous invite aller dans fichier. Préférence. On va taper LiveServeur. Donc là mon navigateur par défaut est chrome, on va modifier. On va récupérer directement l'adresse qui pointe vers notre application web. D'accord donc là ça correspond. Numéro d'hôte ou le numéro d'hebergeurs. Le numéro de port. Une fois qu'on a copié cette adresse. Coller directement. On a bien une page vide cette page maman c'est totalement normal. On va tester en fait notre extention. On va voir si ça modifie bien en temps réel, on va mettre H1. Hello World. J'ai directement. Modification. Salut les gens. On a même pas besoin d'enregistrer. On va bien la modification. Elle se fait automatiquement en temps réel. Voilà pour cette petite démonstration on se retrouve pour la prochaine video donc dans la prochaine video on va écrire notre tout premier code JavaScript.