Résumé du chemin vers un apprentissage efficace de JavaScript

1. Tout d'abord, je vais installer le navigateur Chrome et m'entraîner directement à me familiariser avec la syntaxe de base, les variables, les types de données, les opérations mathématiques et les caractères dans les outils de développement => console. Opérations de chaîne, conditions, structures de boucle de base, définitions et appels de fonctions simples, etc. La raison pour laquelle j'utilise les outils de développement Chrome est que je ne veux pas m'embêter avec un éditeur séparé pour le moment, et je n'ai pas non plus besoin d'ouvrir des fichiers et L'outil est enfin entré en contact avec la vraie programmation JS. Je veux commencer à écrire du JS le plus directement possible avec le moins d'interférences possible. C'est la chose la plus importante que j'apprenne en JS, et bien sûr, je devrais le faire. écrivez JS dès que possible

2. Familiarisé avec la syntaxe de base À l'avenir, je compilerai quelques petits programmes légèrement difficiles dans devtools => console, comme l'implémentation d'une simple séquence de fibonaci, comme l'impression d'un 99 table de multiplication. Vous pouvez également vous poser quelques questions, ou trouver au hasard des sujets intéressants sur Internet, que d'autres aient écrit à leur sujet ou non, le but n'est pas de trouver quelque chose à faire et de vous laisser écrire du code. Ne sous-estimez pas ces programmes ennuyeux. Une fois que vous avez atteint le niveau de compétence, vous pouvez commencer le premier avant le projet, ces petits programmes qui ne sont pas disponibles sont les plus adaptés à la pratique, car ils n'impliquent pas d'autres aspects. de connaissances (comme DOM), vous ne serez donc pas trop dérangé. Vous n'avez qu'à vous concentrer sur l'écriture du bon programme avec la syntaxe correcte. Ce processus vous familiarisera davantage avec le langage JS lui-même.

3. Je pense qu'il est presque temps d'apprendre à utiliser JS pour le développement web, mais ne vous inquiétez pas, je ne suis pas prêt à créer un nouveau projet pour le moment, donc je serai toujours dans les outils de développement, mais l'accent est mis sur la familiarité avec DOM, je vais commencer par simple window.alert, window.prompt et expérimenter lentement comment utiliser l'API DOM. J'achèterai un livre de programmation DOM, je le mettrai sur mon bureau et je lirai les chapitres. En regardant et en essayant, je suis progressivement entré en contact avec les opérations courantes du DOM, telles que document.getElementById, document.getElementsByClassName, addEventListner, etc. Ces appels contiennent des concepts très importants, tels que qu'est-ce que l'ID, qu'est-ce que la classe, qu'est-ce que Event , à quoi servent-ils et comment le langage JS interagit-il avec eux via les API. Je vais sélectionner plusieurs pages du site Web et apporter quelques modifications aux éléments de la page, comme utiliser JS pour changer la police et la couleur d'arrière-plan des éléments, ou ajouter temporairement une écoute d'événements, etc. Vous pouvez voir directement les effets du comportement de l'API DOM sur la page Web. C'est très intuitif et intéressant que d'écrire des programmes JS purs auparavant et peut stimuler la curiosité de l'apprentissage du DOM. programmeurs.

4. Habituellement, après avoir lu un livre sur la programmation DOM, vous avez une compréhension générale de l'utilisation de JS dans la programmation Web. À ce stade, je vais choisir un projet pour moi-même, comme un babillard électronique, et utiliser HTML5 Boilerplate comme modèle pour démarrer le développement du premier projet Web front-end. Les données peuvent être stockées directement dans IndexDB, vous n'avez donc pas à vous soucier des opérations en arrière-plan pour le moment. Je vais réfléchir grossièrement aux fonctions que je souhaite effectuer, puis utiliser les connaissances que j'ai acquises auparavant sur les opérations JS et DOM pour bien implémenter ces fonctions. Ce projet va me prendre beaucoup de temps, alors je me dis d'être patient. Lorsque je rencontre une question, j'utilise un moteur de recherche pour trouver la réponse, ou j'irai dans le livre pour trouver le chapitre correspondant.

5. Après avoir écrit le premier projet, je ressentirai pour la première fois un sentiment d'accomplissement, même si le projet est petit et pas compliqué. Je trouverai un professeur pour le réviser pour moi et écouterai ses opinions et suggestions. Je peux également préparer quelques questions et lui demander de m'aider à voir comment itérer ensuite. À ce stade, j'apprendrai les opérations de base de git et l'utilisation de base de github, puis je pousserai le projet et validerai les modifications requises dans git.

6. Avant cela, j'écrivais tous les JS natifs, sans utiliser de bibliothèques ou de frameworks. L'avantage est que je n'ai pas besoin de m'embrouiller prématurément avec les concepts de bibliothèques et de frameworks, car maintenant qu'est-ce que c'est. Le langage JS lui-même est vraiment important. En fait, mon domaine de programmation a été considérablement élargi par rapport au début. Vous voyez, j'ai utilisé JS et DOM pour écrire des fonctions très pratiques et réalisé un projet front-end.

7. En ce moment, j'ai plus de choix. Je peux : continuer à utiliser JS natif pour réaliser un ou deux projets similaires, comme l'inscription et la connexion, l'affichage dynamique d'images, etc. ; essayez d'améliorer le programme du projet en cours et d'apporter quelques améliorations au code. À ce stade, vous pouvez lire des livres comme les modèles JS, car la structure du code du premier projet n'a généralement pas de programmation spéciale, mais de tels livres. peut vous dire que de meilleurs programmes JS peuvent le faire. Que diriez-vous : Je peux également profiter de l'opportunité de restructurer le projet sur lequel je travaille en code basé sur jQuery, afin de pouvoir apprendre les bases de jQuery et comprendre les avantages de jQuery par comparaison. ; Je peux même restructurer le code du projet actuel dans la syntaxe ES6, afin qu'il puisse être utilisé dans Avantages de la syntaxe ES6 en comparaison.

8. Ensuite, j'écrirai des projets plus complexes, tels que TODOLIST, et implémenterai une telle application du début à la fin. J'écrirai également la première version en JS natif (ES5), puis choisirai de refactoriser vers jQuery. . Ou ES6, ou même TypeScript si vous êtes intéressé. Si vous continuez à lire des livres sur la programmation JS, votre attention doit se porter sur la « conception » du programme, et non sur les détails grammaticaux. La plupart du temps, des problèmes grammaticaux peuvent être recherchés. La "conception" du programme consiste à analyser les besoins de l'application, quelles fonctions, si elle doit être divisée en modules, si les modules sont faciles à diviser, comment trouver progressivement la solution architecturale, quel type de modularisation est le plus naturel, comment pour gérer les erreurs, si la prise en charge des modèles est requise, si des cas d'utilisation complexes doivent être implémentés par soi-même ou intégrés à des bibliothèques tierces, et d'autres problèmes qui sont loin du développement réel.

9. Je mettrai toujours ce projet dans github. Après l'avoir écrit, je trouverai un professeur (gratuit ou payant n'a pas d'importance) pour revoir ma mise en œuvre et le laisser signaler les erreurs de ma compréhension. constituent de précieuses opportunités d’apprentissage. Tout comme pour le premier projet, je déciderai toujours si je dois continuer à itérer et comment continuer à m'améliorer en fonction des commentaires de l'enseignant et de ma propre réflexion. À ce stade, je peux acheter et lire tous les livres Javascript incontournables du marché. La lecture du premier livre est très lente et le deuxième livre n'est pas rapide, mais lorsque je lis le quatrième ou le cinquième livre, je peux le lire. très rapidement. , sélectionnez les chapitres que vous ne comprenez pas et lisez-les spécifiquement, puis appliquez les connaissances, les compétences et les pratiques mentionnées dans le livre aux projets que vous avez écrits auparavant.

10 J'ai maintenant une base relativement complète en JS (ES5) et je suis relativement compétent. Au moins, je sais à peu près quelle est la direction lorsque je rencontre un problème. J'ai également été exposé à jQuery, peut-être même que je le connais, ES6 aussi ; J’ai une image relativement complète et profonde de l’écologie fondamentale du langage. Maintenant, je veux apprendre un framework. Je vais faire quelques devoirs pour voir quel framework j'aime. Après l'avoir choisi, je vais d'abord terminer le tutoriel officiel et comprendre quelques problèmes conceptuels de base.

11. Ensuite, ce que j'ai fait, c'est de réécrire le projet précédent (comme TODOLIST) en utilisant un framework. À ce moment-là, je n'ai plus l'impression que c'est très profond, car j'ai déjà du JS. J'ai une certaine expérience dans la recherche de réponses et le débogage moi-même. Même si le cadre lui-même n'est pas clair, je peux trouver la réponse par moi-même grâce à la recherche ou à la recherche. Même si je ne la trouve pas, j'ai au moins une réflexion de base sur le développement. Même si je ne connais pas la réponse, j'ai toujours une direction générale. Si je veux poser des questions aux autres, je peux aussi poser des questions plus précieuses. pour répondre. Je suis devenu un professionnel. Le chemin du développement n'est pas parce que je connais ceci et cela du cadre, mais parce que j'ai les habitudes et les qualités de base pour faire du développement.

12. Peut-être que j'ai trouvé mon premier emploi front-end à ce moment-là. Après un certain temps, je me suis retrouvé intéressé par le développement backend de nœuds et électronique. Après avoir lu les documents de base, j'ai trouvé que ce n'était pas nécessaire. Comment apprendre à utiliser ces choses. Parce que je connais déjà l'architecture, les structures communes, les modèles et les principaux concepts des programmes JS, donc tant qu'ils font partie de l'écosystème JS, quelle que soit la nouvelle technologie publiée, qu'il s'agisse d'une bibliothèque, d'un framework ou d'un modèle , je peux être le premier à le faire. Il faut du temps pour trouver un moyen de les comprendre. J'ai appris à apprendre, ces choses sont importantes dans les programmes JS et comment les concepts sont combinés et modifiés. aucune différence entre apprendre JS et utiliser JS.

13. Ensuite, généralement ceux qui l'apprennent étape par étape et qui ont de solides bases linguistiques n'ont plus besoin de personne pour leur enseigner.

Je pense qu'il y a certains concepts et opérations qui sont contraires au pas à pas.

1. Poursuivre un apprentissage "systématique" trop tôt. Vous êtes trop ambitieux. Il est facile d'avoir une vision haute et une main basse. Vous devez respecter les règles de l'apprentissage, admettre que vous êtes un. personne ordinaire, et prévenez-vous de ne pas être rusé ou gourmand, prenez votre temps

2. J'ai l'impression que la lecture du code source est l'apprentissage le plus "essentiel", mais je finis par tomber dans un gouffre de détails et incapable de m'en sortir

3. Me plonger prématurément dans la "dernière" technologie, Par exemple, si vous apprenez les frameworks avant d'avoir de bonnes bases linguistiques, vous obtiendrez la moitié du résultat avec la moitié de l'effort. La dernière "technologie" et la technologie de base ne sont souvent pas la même chose. Avec la base et le noyau, l'apprentissage de nouvelles technologies est le plus efficace, mais l'inverse n'est pas vrai

4. L'apprentissage de la programmation est assimilé à la lecture de livres et accumuler des « connaissances », mais la programmation est finalement une compétence. On ne peut rien apprendre sans le faire. Ce que l'on « sait » et ce que l'on « peut » sont deux choses différentes

5. Essayer de trouver le. Le "meilleur" parcours d'apprentissage dès le début sans apprendre des choses spécifiques est probablement le plus gros gaspillage. L'objectif significatif est de se dire ce que vous ferez demain, plutôt que de supposer ce que vous "devriez" apprendre demain

6. accumulation de matériel d'apprentissage, pensant que plus vous trouvez d'informations et plus la liste est complète, plus vous apprendrez vite et mieux. En fait, c'est exactement le contraire. Plus vous listez, plus le bruit est grand et plus fort. Pression psychologique et frustration. Plus il est facile d'abandonner, à un moment donné, un livre et une petite quantité d'informations en ligne suffisent. "Collecter" est une mauvaise habitude. Les personnes qui apprennent devraient poursuivre la digestion des connaissances au lieu de les accumuler.

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!