Comment commencer à coder en JavaScript ? Partie 1 Cours de JavaScript du débutant à avancé

Dans cette série, nous passerons de Débutant à Avancé en JavaScript en 10 articles de blog. À la fin de cette série, vous connaîtrez tous les éléments de base nécessaires pour commencer à coder en JavaScript.

Comment commencer à coder en JavaScript ? – table des matières :

1. À qui s’adresse ce cours ?
2. Que pouvez-vous réellement faire avec JavaScript ?
3. Pourquoi JavaScript est-il si populaire ?
4. Où pouvez-vous écrire et exécuter du code JavaScript ?
5. Comment commencer à coder en JavaScript ?

À qui s’adresse ce cours ?

Ce cours est pour vous si vous êtes quelqu’un qui souhaite commencer à coder en JavaScript, ou si vous souhaitez rafraîchir vos connaissances en JavaScript. Je vous recommande également de mettre ce tutoriel en favori pour votre référence future. Chaque fois que vous voudrez avoir une rapide réintroduction concernant les concepts ou peut-être juste vous souvenir de la syntaxe utilisée en JavaScript, ce sera un bon moment pour revoir cette série à l’avenir.

Que pouvez-vous réellement faire avec JavaScript ?

Avant de plonger dans JavaScript, il est bon de savoir ce que vous pouvez réellement faire avec JavaScript. Vous connaissez peut-être JavaScript comme le langage qui domine le web. Et vous auriez tout à fait raison ! JavaScript, qui a commencé comme un langage front-end pour ajouter du comportement aux sites web, est maintenant utilisé dans tous les aspects des sites web.

Il est couramment utilisé dans le développement web front-end, généralement avec d’autres frameworks et bibliothèques JavaScript tels que React. C’est également le langage le plus courant utilisé dans le développement web back-end grâce à Node.js, qui vous permet d’exécuter JavaScript sur les serveurs web. Mais ce n’est pas là que cela s’arrête. JavaScript est utilisé dans toutes sortes d’endroits, y compris la création d’applications web progressives, jusqu’aux applications de bureau. Il a également récemment commencé à être utilisé dans l’apprentissage automatique avec TensorFlow.js. Grâce à Node.js encore, il peut également être utilisé pour contrôler des drones, des robots ainsi que des dispositifs IoT.

Pourquoi JavaScript est-il si populaire ?

JavaScript est actuellement le langage de programmation le plus populaire et c’est pour une bonne raison. Il y a plusieurs facteurs principaux qui font de JavaScript ce qu’il est aujourd’hui. Cela inclut la large disponibilité des environnements d’exécution, la sécurité des versions de code grâce à Babel et une large adoption dans la communauté. Voyons ce qu’ils sont un par un.

Large disponibilité

JavaScript domine le web, de l’avant à l’arrière. Si vous lisez cet article pour rafraîchir vos connaissances en JavaScript, vous savez probablement qu’il y a de nouveaux frameworks JavaScript qui apparaissent tous les quelques mois, surtout en ce qui concerne le développement web front-end, car il peut y avoir de nombreuses approches pour l’optimiser.

Comme nous le verrons plus tard dans l’article, vous n’avez pas besoin d’installer de logiciel spécial pour commencer à écrire et exécuter votre code JavaScript, car vous avez déjà les outils nécessaires dans votre navigateur. Cela abaisse à lui seul la barrière pour commencer à apprendre le langage, car la plupart des langages de programmation nécessiteront que vous installiez et configuriez des environnements de codage pour même commencer.

Sécurité des versions

Le but même d’écrire un code est de l’exécuter quand il est censé s’exécuter. Et en faisant cela, la dernière chose que vous voulez, c’est que la moitié de votre site web ne fonctionne pas pour une quantité significative d’utilisateurs. Mais que pouvez-vous faire si votre code doit s’exécuter sur 1000 combinaisons différentes de dispositifs et de navigateurs ? Pour qui allez-vous optimiser et qui allez-vous laisser de côté en tant qu’utilisateur ? Devez-vous même faire un tel choix ? Si la moitié de vos utilisateurs ont de vieux dispositifs et l’autre moitié a des dispositifs tout neufs, pour qui allez-vous optimiser votre code, et qui allez-vous ignorer en tant que client ? La réponse est, espérons-le, personne, grâce à Babel.

Babel est un logiciel qui s’assure que votre code s’exécute même sur les très vieux navigateurs qui utilisent une version très ancienne de JavaScript. De cette façon, vous n’avez pas à faire un choix qui vous amènerait à ignorer la moitié de vos clients. Pour être clair, vous n’écrivez pas de code avec Babel, ou ce n’est pas une variante de JavaScript. Mais c’est un logiciel extrêmement couramment utilisé qui prend votre code JavaScript déjà écrit et fonctionnel, et le convertit à la version de JavaScript que d’autres navigateurs comprennent, même s’ils ont une version très ancienne de JavaScript dans leurs navigateurs.

Adoption massive par la communauté

Chaque fois que vous écrivez du code, il est inévitable que vous rencontriez des problèmes. Et à ces moments-là, quel que soit le langage de programmation avec lequel vous travaillez, il peut être extrêmement utile de voir votre problème déjà répondu par quelqu’un d’utile sur Internet. C’est là que le soutien de la communauté entre en jeu, et donc StackOverflow.

Si vous ne savez pas ce qu’est StackOverflow, c’est essentiellement le plus grand forum de programmation que les gens utilisent pour poser et répondre à des questions de programmation. Ce n’est pas le seul endroit où vous trouverez des réponses, il y a certainement des endroits qui seront très utiles pour répondre à vos questions spécifiques, mais il y a de fortes chances que vous trouviez la majorité de vos réponses là-bas. Je ne vous suggère pas non plus d’aller simplement sur StackOverflow et de chercher vos problèmes là-bas. En général, une recherche Google vous donnera les meilleurs résultats.

Et vous ne vous y attendez peut-être pas autant, en apprenant à coder, mais une grande partie du développement logiciel consiste à savoir quoi chercher sur Google pour trouver vos réponses plus efficacement.

C’est pourquoi beaucoup de gens veulent commencer à coder en JavaScript – avoir JavaScript comme le langage de programmation le plus populaire vous aide définitivement à travailler avec le langage à la fois à court et à long terme. Chaque fois que vous écrivez

JavaScript, imaginez juste des milliers de personnes codant JavaScript avec vous, en même temps. Certains posent des questions, d’autres répondent à des questions.

Lorsque vous codez en JavaScript, vous n’êtes pas seul.

Où pouvez-vous écrire et exécuter du code JavaScript ?

Il existe plusieurs endroits où vous pouvez commencer à coder en JavaScript. Vous pouvez techniquement écrire du JavaScript n’importe où, y compris dans un simple carnet ou éditeur de texte. Mais vous avez également besoin d’un moteur JavaScript pour exécuter réellement votre code. Mais comment en obtenir un ? Eh bien, si vous vous souvenez du début de l’article, vous savez que vous l’avez déjà dans votre navigateur.

Dans cette série d’articles de blog, nous utiliserons Google Chrome comme navigateur, car c’est l’un des navigateurs les plus couramment utilisés dans le développement web. Et c’est pour une bonne raison, Chrome fournit certains des meilleurs outils qui rendent votre vie beaucoup plus facile lors de l’exécution de développement web. Chrome a un moteur JavaScript appelé le V8 Engine, qui prend votre code JavaScript et l’exécute. Ce moteur JavaScript est également utilisé dans le développement de Node.js, le logiciel qui vous permet de sortir JavaScript du navigateur. Node.js est également la raison pour laquelle nous pouvons utiliser JavaScript dans toutes sortes d’endroits, y compris d’un serveur web à un drone.

Lorsque vous souhaitez commencer à coder en JavaScript, il est bon de savoir que vous avez besoin d’un moteur JavaScript pour exécuter votre code, et maintenant vous savez que vous en avez déjà un qui vient avec votre navigateur. Vous savez également que si vous souhaitez exécuter JavaScript en dehors du navigateur, vous devrez télécharger et installer Node.js pour cela. Mais quand il s’agit réellement d’écrire le code et de l’exécuter, que signifie tout cela pour votre expérience de codage ? En général, vous voudrez utiliser une sorte d’IDE (Environnement de Développement Intégré) pour écrire votre code. De cette façon, comme vous pouvez le deviner par le nom, il est livré avec de nombreux outils qui facilitent votre travail avec le code à long terme. Cela peut inclure tout, d’une complétion de texte pour moins de saisie, à un débogueur. Comme beaucoup de gens travaillent avec ces IDE, il existe également des extensions très courantes qui vous permettent de personnaliser votre environnement de codage, y compris la coloration des parenthèses dans le code pour faciliter la visualisation des parenthèses ouvrantes et fermantes correspondantes. Si vous n’avez aucune idée de ce que font les parenthèses, pour l’instant ne vous inquiétez pas et nous les verrons avec tous les détails que vous devez connaître dans cette série de blogs.

Actuellement, certains des IDE les plus populaires incluent Visual Studio Code, Atom et Sublime Text. Mais pour cela, nous commencerons par l’option la plus simple que nous pouvons utiliser, qui est en fait d’utiliser le navigateur Chrome lui-même pour écrire et exécuter le code JavaScript.

Maintenant que vous avez quelques informations de base sur JavaScript, configurons réellement notre environnement de codage et commençons avec un code “Hello, World !”.

Comment commencer à coder en JavaScript ?

Pour commencer à coder en JavaScript, nous devons configurer l’environnement de codage.

Comme nous l’avons également mentionné précédemment, nous utiliserons Google Chrome comme notre navigateur tout au long de cette série d’articles de blog. Si vous avez déjà Chrome installé, super ! Si ce n’est pas le cas, la première étape est en fait d’installer Google Chrome. Pour télécharger Chrome, vous pouvez simplement rechercher “télécharger Google Chrome”, pour le télécharger depuis son site web ou ici vous pouvez trouver un lien pour votre commodité pour télécharger Chrome :

Google Chrome – Téléchargez le navigateur rapide et sécurisé de Google

Maintenant, vous pouvez aller de l’avant et cliquer sur le bouton “Télécharger Chrome” pour commencer le téléchargement. Une fois téléchargé, vous pouvez double-cliquer dessus et passer par le processus d’installation, comme vous le feriez avec toute autre application que vous téléchargez sur Internet. Il peut également vous demander de vous connecter à l’un de vos comptes Google, ce que vous pouvez faire.

Une fois que vous avez installé Chrome, double-cliquez dessus pour ouvrir une fenêtre. Maintenant, vous devriez voir l’écran classique de recherche Google :

Pour commencer à coder en JavaScript, la prochaine étape consiste à ouvrir l’endroit réel où nous allons écrire et exécuter le code dans le navigateur Chrome. Dans le menu du haut, allez à : Menu, puis Développeur, puis cliquez sur Console JavaScript. Vous pouvez également utiliser le raccourci pour Mac, qui est “option + commande + J”.

Juste après avoir fait cela, vous devriez voir la console JavaScript s’ouvrir, qui devrait ressembler à quelque chose comme ceci :

Si vous êtes arrivé jusqu’ici, génial ! Il est temps de faire un pas significatif qui vous permettra de commencer à coder en JavaScript. Commençons votre voyage JavaScript avec un hello world. Allez-y et tapez ce qui suit :

alert("Hello, World!");

Après avoir tapé cela, exécutons notre code en appuyant sur la touche “Entrée” ou “Retour” de votre clavier !

Maintenant, vous devriez voir une alerte apparaître qui ressemble à ceci :

Et avec cela, vous venez d’écrire votre premier code “hello world” ! Maintenant, vous savez comment commencer à coder en JavaScript.

Dans le prochain article de blog, vous verrez les bases de JavaScript avec des exemples de code.