IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Femme Profil pro
    Enseignant
    Inscrit en
    Avril 2021
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 33
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Avril 2021
    Messages : 28
    Par défaut Débuter en javascript (Questions sur l'environnement à utiliser/installer)
    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.

  2. #2
    Membre Expert
    Avatar de Archimède
    Homme Profil pro
    Enseignant
    Inscrit en
    Avril 2005
    Messages
    1 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Avril 2005
    Messages : 1 644
    Par défaut
    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.

  3. #3
    Membre averti
    Femme Profil pro
    Enseignant
    Inscrit en
    Avril 2021
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 33
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Avril 2021
    Messages : 28
    Par défaut
    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).

  4. #4
    Membre Expert
    Avatar de Archimède
    Homme Profil pro
    Enseignant
    Inscrit en
    Avril 2005
    Messages
    1 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Charente Maritime (Poitou Charente)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Avril 2005
    Messages : 1 644
    Par défaut
    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.

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2018
    Messages
    88
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2018
    Messages : 88
    Par défaut
    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

    Courage !!!

  6. #6
    Membre averti
    Femme Profil pro
    Enseignant
    Inscrit en
    Avril 2021
    Messages
    28
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 33
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Avril 2021
    Messages : 28
    Par défaut
    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.

Discussions similaires

  1. Débat : quelle distribution Linux choisir pour débuter ?
    Par Anonymous dans le forum Distributions
    Réponses: 227
    Dernier message: 18/02/2015, 10h09
  2. Débuter en JavaScript
    Par reverb94 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 21/01/2014, 19h38
  3. Réponses: 0
    Dernier message: 21/03/2012, 17h09
  4. Quelque question aavant de débuter en javascript
    Par Death83 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 19/08/2005, 08h07
  5. Comment débuter en programmation ?
    Par Marc Lussac dans le forum Débuter
    Réponses: 0
    Dernier message: 08/04/2002, 11h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo