Comment apprendre js

Un ami a dit qu’il voulait apprendre le javascript, mais il ne savait pas comment l’apprendre. Dans cet article, l'éditeur résume les points de connaissances importants et les méthodes d'apprentissage de JavaScript. C'est un peu long, mais c'est très utile. J'espère que cela vous sera utile.

1. Problèmes d'environnement de développement et de version JavaScript

Plus l'environnement de développement est simple, mieux c'est.

Tout d'abord, parlons du choix de l'éditeur, du texte sublime, du code, de l'atome, du webstorm et de HBuilder. Lorsqu'un débutant commence, il veut toujours trouver le meilleur éditeur. En fait, cet éditeur, c'est comme choisir un héros dans le jeu, il n'y en a pas de meilleur, seulement celui qui vous convient le mieux. choisissez simplement vs code. J'ai l'impression que c'est assez convivial pour les débutants.

Utilisez Chrome comme navigateur, puis vous pourrez commencer à coder.

Concernant la version JavaScript, je vous suggère de commencer à apprendre depuis ES5, puis de regarder les nouvelles fonctionnalités d'ES2015+ après avoir acquis une certaine base.

2. Grammaire de base

Il existe de nombreuses similitudes entre l'apprentissage des langages de programmation et l'apprentissage des langues naturelles. Nous devons partir des mots et de la grammaire les plus élémentaires.

• Variables : comment déclarer des variables et comment attribuer des valeurs aux variables.
• Type de données : quel est le type de données, quelle est la différence entre les nombres et les chaînes.
• Opérateurs et expressions : Quels sont les opérateurs couramment utilisés ? La différence entre "=", "==" et "===", etc.
• Instructions de branche : if, switch
• Instructions de boucle : for, while
• Fonction : Qu'est-ce qu'une fonction, que sont les paramètres et quelle est la valeur de retour.

Vous devez être très familier avec ces grammaires de base, sinon l'apprentissage ultérieur sera difficile.

3. Objet

L'objet est un concept très important et doit être appréhendé avec flexibilité :

• Objet : une collection non ordonnée d'attributs lorsque la valeur de l'attribut est un. fonction , nous appelons cette fonction une méthode de l'objet.
• Array : une collection ordonnée d'éléments. Méthodes courantes pour comprendre les tableaux
• Objets date : obtenir l'année, le mois, le jour, l'heure, la minute et la seconde
• Objets mathématiques : obtenir des nombres aléatoires
• Comprendre d'autres objets : réguliers des expressions, des objets de packaging, en fait les fonctions sont aussi des objets, mais une brève compréhension de ceux-ci suffira.

Chaque objet a de nombreuses méthodes. Sachez simplement où chercher ces méthodes. Ne les mémorisez pas. Tout comme lorsque nous apprenons l'anglais, nous devons mémoriser les mots nécessaires, mais la plupart des mots le savent. comment les utiliser. Il suffit de le rechercher dans un dictionnaire.

Le processus d'apprentissage de la [Grammaire de base] et de l'[Objet] est relativement ennuyeux, et le lien entre les points de connaissance n'est pas particulièrement étroit, tout comme lorsque nous apprenons les caractères chinois en première année du primaire, nous savons ce qu'est chaque personnage, mais je ne sais pas comment les assembler, donc je ne pratique que la formation de mots, la création de phrases et l'écriture de compositions à l'école primaire. Nous comparons les projets que nous réalisons à la rédaction d’essais, donc nous avons encore du chemin à parcourir, alors ne soyez pas impatient.

4. DOM

• Structure de l'arborescence DOM
• Nœuds : nœud d'élément, nœud de texte, nœud d'attribut
• Relation de nœud : frère, parent- niveau enfant, etc.
• Obtenir des nœuds : querySelector, querySelectorAll, etc.
• Opérations sur les nœuds : ajouter, supprimer, modifier, vérifier
• Liaison d'événement : flux d'événements et délégation d'événements Il faut comprendre

DOM propose également de nombreuses méthodes. N'investissez toujours pas trop d'énergie. Les novices qui étudient seuls seront toujours gênés par ce grand nombre de méthodes. pour avoir une compréhension générale du DOM. Quant à Nous pouvons remplacer complètement ces interfaces désordonnées par jQuery ou des frameworks à l'avenir.

(Si vous êtes intéressé par le DOM, vous pouvez revenir étudier en profondeur après avoir maîtrisé les compétences un peu plus globalement, mais investir beaucoup de temps au début affectera en effet l'efficacité de l'apprentissage)

Cinq, jQuery

jQuery est un incontournable, mais il est vraiment facile de démarrer avec jQuery. Il faut deux jours pour comprendre l'utilisation de jQuery, puis vous pouvez utiliser jQuery pour y parvenir. divers effets de page. Vous trébucherez certainement au début, mais il y a beaucoup d'informations sur jQuery, il suffit d'apprendre et de le faire en même temps.

6. JavaScript avancé

Une fois que vous maîtrisez jQuery, vous pouvez commencer à apprendre du contenu plus avancé en JavaScript :

La différence entre les types primitifs et les types de référence
Diverses conversions de types et détection de types
Fermetures : fonctions au sein des fonctions, vous ne vous trompez tout simplement pas sur la façon dont vous les appliquez.
Prototype : comment les constructeurs, les propriétés du prototype et l'héritage basé sur le prototype sont implémentés.
Ceci : vous pouvez ouvrir une fosse et l'étudier attentivement

7. Comprendre le nœud

Le nœud peut maintenant être considéré comme un apprentissage incontournable pour le front-end, mais au lieu de apprendre à utiliser le nœud comme backend, utiliser divers outils dans l'écosystème des nœuds, en passant, utiliser le nœud pour comprendre l'arrière-plan.

• Utilisez node pour ouvrir un serveur statique
• Utilisez npm pour télécharger des modules tiers
• webpack
• babel

Il est préférable d'utiliser express pour écrire un programme d'arrière-plan simple (un seul server.js suffit) pour gérer certaines requêtes, de sorte que lorsque nous apprendrons ajax, nous puissions écrire nous-mêmes l'interface d'arrière-plan. Bien sûr, cela nécessite des connaissances de base. du protocole http.

8. Nouvelles fonctionnalités ES2015+

• Variables et constantes : Pourquoi abandonner var ?
• Affectation de structure
• Fonction flèche
• Modularisation
• classe
• Compilation

Comme promis, Async /await fonctions, etc., tout dépend de vos capacités. Si vous êtes intéressé, jetez un œil, cela n'affectera pas votre apprentissage ultérieur. Cependant, même si vous ne l'apprenez pas maintenant, vous devrez encore vous rattraper à l'avenir.

9. AJAX

Pour faire simple, comprenez le protocole http, qu'est-ce qu'une requête, qu'est-ce qu'une réponse, quelles sont les différences entre get et post, puis apprenez ajax et voyez que la syntaxe est fondamentalement Compris.

• Utilisez XMLHttpRequest pour envoyer une requête et recevoir des données.
• Utilisez jQuery pour envoyer une requête et recevoir des données.
• analyse json

C'est tout ce que vous devez savoir. Que vous travailliez ou étudiiez, vous rencontrerez certainement de nombreux problèmes à l'avenir. Nous analyserons les problèmes spécifiques en détail sur. cette fois-là.

10. Framework

Choisissez l'un des deux réactifs, angulaires et vue. Les débutants sans fondation recommandent fortement vue. Si vous passez du backend au frontend, angulaire est recommandé. frontend technique, réagir est recommandé.

Cet article s'adresse aux novices n'ayant aucune connaissance de base, il serait donc naturellement préférable de choisir Vue.

Enfin

Grâce à ces dix étapes, vous pouvez avoir une compréhension globale du système JavaScript, puis vous concentrer sur la direction à développer, en fonction de vos loisirs ou de vos besoins professionnels. Le chemin vers la technologie est long et ce n’est qu’un point de départ.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!