Débuter en javascript (Questions sur l'environnement à utiliser/installer)

**Meroga** · 26/07/2021, 12h09

Bonjour,
j'essaye de me (re)mettre à javascript et je ne comprends absolument rien. Dans mes souvenirs il n'y avait besoin de rien si ce n'est d'un navigateur et d'un éditeur de texte mais tous les tutoriels que je trouve parle d'environnement à installer, de serveur local ou d'environnement en ligne auxquels je ne comprends rien (ni comment s'en servir ni comment ça fonctionne).
Comment débuter ? (mon objectif in fine est d'apprendre à utiliser la librairie React)
Merci d'avance.

**Archimède** · 26/07/2021, 14h55

Salut,
déjà que veux-tu faire avec javascript... c'est la question à se poser ? car avant de se lancer dans l'utilisation de bibliothèques, il faut faire du basique et ensuite cibler le bon outil suivant l'objectif à atteindre.
Pour le développement, utilise visual studio code, il est génial... Super autocompletion, coloration syntaxique etc...ça facilite la vie par rapport à un simple éditeur de texte où tu n'as aucune suggestion d'aide dans le codage.

**Meroga** · 26/07/2021, 15h11

Merci pour ta réponse.
Pour Visual Studio Code je l'ai téléchargé oui pour l'instant je n'ai pas eu l'occasion de m'apercevoir de son potentiel.
Pour mon objectif, justement je ne sais pas trop, je cherche à réaliser un projet en React pour me familiariser avec cette bibliothèque. Pour l'instant je n'ai pas encore d'idée de projet, ça dépendra de ce qu'on peut faire ou non avec cette bibliothèque.
Mais de toute façon, je n'en suis même pas là. Visiblement il faut utiliser des "modules" en javascript (chose que je ne connais pas) mais ça ne marche pas sur mon ordinateur (ça déclenche un tas d'erreurs et je ne comprends absolument rien de ce qu'il se passe).

**Archimède** · 26/07/2021, 15h53

Re,
pour React.js, je ne connais pas cette bibliothèque, je ne peux pas t'aider... Mais je ne pense pas que ce soit la bonne stratégie de démarrer directement sur l'utilisation d'une bibliothèque sans connaître l'essentiel du langage javascript.
Pour l'intérêt de vscode, commence par créer un nouveau fichier et enregistre-le au format html. tape ensuite ! dans la saisie du code, tu verras apparaître Emet Abbreviation, clique dessus et tu auras l'ossature directe d'une page html.
A l'intérieur d'une balise <script>, toutes les propriétés de tes objets javascript sont accessibles en faisant ton_objet point(.). Il suffit de choisir... etc
C'est tout de même mieux qu'un simple éditeur de texte.
Après, il faut que tu te fixes un objectif de réalisation. Javascript n'est pas dissociable de html et css.
Fais déjà des tutos basiques de réalisation de page web en maitrisant les trois.
Après tu pourras te lancer dans l'utilisation de bibliothèques spécifiques suivant tes besoins.

**alexiiiis** · 29/07/2021, 04h51

Avant d'attaquer directement avec React qui demande quelques connaissances de Javascript, il serait plus judicieux comme l'a précisé Archimède de reprendre les bases avec seulement un fichier Html et un autre Script et de regarder les résultats dans la console de ton navigateur web.

Si tu maitrises l'anglais je t'oriente vers le site freecodecamp, tu peux apprendre Javascript gratuitement avec des petits algos basiques. Et ensuite commencer à apprendre React.

Donc tu te fais un dossier avec 2 fichiers :

- index.html

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <script src="script.js"></script>
    </body>
</html>

- script.js

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// Tout ton code Javascript
console.log('Hello World');

Et ensuite ouvre index.html dans ton navigateur web, tu appuies sur la touches F12 ou tu cliques droit et "inspecter"
Et la tu choisis Console(1) et tu verras apparaître le résultat(2) de ce que tu as saisi dans ton fichier script.js

Nom : res.png
Affichages : 179
Taille : 12,2 Ko

Nom : res.png
Affichages : 179
Taille : 12,2 Ko

Courage !!!

**Meroga** · 29/07/2021, 11h19

Bonjour,
j'ai été voir ton site mais il faut s'inscrire pour avoir accès aux cours.
Merci pour ton exemple mais je sais déjà faire ce genre de choses en fait. Et je sais aussi ce qu'est une variable, une fonction, une fonction fléchée, une classe, les événements, le DOM, etc.
J'ai réussi à finir ce tuto https://fr.reactjs.org/tutorial/tutorial.html qui permet de créer un jeu de morpion en React (en suivant les étapes au fur et à mesure et en cherchant par moi même au lieu de copier-coller).

Ce que je n'ai pas très bien compris c'est :
- Quand peut-on simplement ouvrir un bloc note et écrire le code et quand faut-il passer par un serveur pour que ça marche ?
- Si on doit passer par un serveur, que faut-il "installer" et pour quoi ? Qu'est-ce que Babel ?
- Faut-il préférer un outil en ligne comme "codepen.io" ou une installation en dur sa machine ? Dans le premier cas, y a-t-il un outil plus adapter ?
- Quid de Github ? Je veux dire je sais que ça permet de gérer les différentes branches et versions du code mais cela apporte-t-il autre chose quant au développement Web ?
- Est-il courant de faire des "tests" (type Junit) ? Si oui, quel environnement utiliser ?

Sur React plus particulièrement :

- Pourquoi préfère-t-on utiliser des composants fonctionnels plutôt que sous forme de classe ?
- J'ai défini des fonctions dans une fonctions, est-ce une bonne pratique ?
Merci d'avance.

Débuter en javascript (Questions sur l'environnement à utiliser/installer)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager