Le chemin empirique pour apprendre JavaScript

Cet article présente principalement comment apprendre JavaScript ? L'expérience des seniors, c'est-à-dire comment apprendre le front-end, a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

Puisque de temps en temps, certains camarades de classe me demandent des messages privés sur la façon d'apprendre le front-end. fin.
Je vous donnerai une réponse unifiée ici. Si je rencontre un camarade de classe qui me pose à nouveau cette question la prochaine fois, je vous enverrai directement l'adresse du lien de cet article.

Tout d’abord, permettez-moi de m’éloigner du sujet. À propos de quelqu'un qui me traite de grand dieu.
Personnellement, j'ai l'impression que c'est la même chose que lorsque quelqu'un vous traite de beau mec lorsque vous faites du shopping. Peu importe que vous soyez d'accord ou non.

Commençons par le sujet. Comment apprendre le front-end devrait être différent pour chaque personne. Les méthodes des autres peuvent ne pas vous convenir.
Parlons de ma méthode d’apprentissage.
Je passe la plupart de mon temps à apprendre le js. Parce que la courbe d'apprentissage de ce js est plate au début, puis raide.
Je ne parlerai pas de pratique et d'exercices de projet, mais je parlerai principalement de l'utilisation du temps en dehors du travail.
Comment ai-je appris ? Lire des livres et analyser le code source.
J'ai dénombré plus de 50 livres front-end ces derniers jours. La plupart d'entre eux sont des js. J'ai lu presque tous les livres du marché.

La première question est : Quels sont les avantages de la lecture ?
Les avantages devraient être évidents. Si vous lisez plus de livres, les fondations se solidifieront progressivement.
Après avoir trop lu, votre propre jugement s'améliorera naturellement.
En lisant les articles d'autres personnes, vous pouvez rapidement juger si chaque partie de ce que l'autre personne a dit est correcte ou non, et sur quelle partie vous n'êtes pas clair ou ambigu.
Bien sûr, il fournit également une base pour examiner le code source et analyser le code source.

Les avantages de lire 10 livres deux fois devraient être plus grands que de lire un livre 20 fois.
L'intersection de 10 livres est le noyau des connaissances de base, et l'union est toute la connaissance.
Bien sûr, les bons livres doivent être lus plus et encore. Mais lire un seul livre ne suffira pas.
Parce que l'objectif de chaque livre est différent. Il est très significatif de comprendre un point de connaissance sous différents aspects.
C'est pourquoi j'admire particulièrement les Indiens lorsqu'ils vous parlent anglais, si vous ne comprenez pas un mot, ils apparaîtront avec des mots ayant le même sens. Si vous en comprenez un, tout ira bien.
Il en va de même pour la lecture de livres. Si vous n’expliquez pas complètement une certaine partie, ne vous inquiétez pas, d’autres livres peuvent vous aider à comprendre.

La deuxième question est recommandations de livres.
Personnellement je trouve que c'est bien, tu peux le lire si tu n'as rien à faire. Les livres sont les suivants :

>"JavaScript Object-Oriented Programming Guide", le style est facile à comprendre, plus adapté aux débutants, le prototype est expliqué en détail, et les 12 méthodes d'héritage Drap de laine.

>"JS Definitive Guide" et "JS Advanced Programming", ces deux livres sont des classiques, mais ils sont trop épais. Il convient de considérer n'importe quel chapitre comme tel. a Un livre à lire. C'est tellement éloquent qu'il est difficile de tout lire d'un seul coup. Plus approprié comme ouvrage de référence.

>"JavaScript You Don't Know" se concentre sur les détails fondamentaux de js, y compris les fermetures, les prototypes, etc. Le "Deuxième Volume" est maintenant sorti et je suis toujours en train de le lire.

>"Modèles de conception JS et pratiques de développement" Les modèles de conception js doivent également être appris. Ce livre explique très clairement les modèles de conception js et n'est pas du tout obscur. Lire Ce n'est pas si difficile de se lever.

> "Regular Guide", lors de l'analyse du code source, si vous ne comprenez pas l'expression régulière, vous ne pourrez pas continuer. Ce livre est relativement clair.

>"Développement d'applications Web riches en JavaScript basé sur MVC", après l'avoir lu, vous pouvez essentiellement écrire votre propre framework MVC. C'est un bon livre.

>"programmation fonctionnelle javascript", js est un langage fonctionnel, ce livre est une introduction à la programmation fonctionnelle, les fonctions sont des citoyens de première classe, c'est très important de .

>"js Ninja Secrets", écrit par l'auteur de jq, n'est pas aussi difficile à lire que le dit la légende Même si vous lisez et comprenez toutes les connaissances. points, vous ne pourrez pas le lire. Atteindre le niveau d’un expert mondial. Parce que tu n'as pas fait ce que tu voulais.

>"Javascript Framework Design", si vous lisez ce livre pour la première fois, vous aurez l'impression que ce livre est une liste de codes. À mon avis, ce livre se concentre sur la vue globale du framework.

Je pense que les livres ci-dessus sont des lectures incontournables sur le chemin pour devenir un maître, et ils doivent être lus encore et encore.

Pour être honnête, j'ai lu relativement peu de livres sur CSS, peut-être six ou sept au total. Il y a deux livres que je dois recommander :

> "The Definitive Guide to CSS", qui explique très clairement les connaissances de base du CSS. Quelles sont les priorités d'empilement, la hauteur des lignes, etc. N’importe quel livre ne peut pas être qualifié de « guide définitif ».

>Je continue de lire le livre "CSS Revealed", mais ce livre ne prend même pas la peine de parler des différentes propriétés de CSS3 de manière exhaustive. Ce dont le document de spécification CSS peut parler, il ne parlera que de ce qui vous intéresse le moins. Les 47 problèmes résolus dans ce livre sont tout aussi importants que les solutions et sont très inspirants. Vous n’êtes pas obligé d’acheter aucun des livres ci-dessus, achetez au moins ce livre.

La troisième question, Qu'en pensez-vous ?

Je crois que beaucoup d'étudiants veulent lire des livres, mais c'est difficile de continuer.
La partie texte est relativement facile à lire, mais lorsque je rencontre le code, mon cuir chevelu s'engourdit.
J'ai aussi rencontré ce problème au début.

Parlez-moi d'une théorie de l'apprentissage.
Par exemple, lors de l'apprentissage de l'anglais, il existe une théorie de l'eau bouillante.
Le vocabulaire doit atteindre 6000. S'il n'est pas atteint, le niveau d'anglais ne s'améliorera pas.
C'est la même chose que de faire bouillir de l'eau et de la laisser refroidir. 100 degrés, donc cette eau ne la boit jamais.
Une fois bouilli, il est prêt à boire.

Si vous ne supportez pas 20 livres, qu’est-ce que cela signifie ?

Vous n'avez jamais terminé aucun livre. Ce qui est familier, ce sont toujours les trois premiers chapitres. Ne riez pas, j'étais comme ça aussi.
La question est maintenant, comment finir de lire un livre ?
C’est facile, frappe.
Quand j'ai lu le livre "JavaScript Web Rich Application Development Based on MVC", j'ai eu ce sentiment. Finalement, un jour, j'ai décidé de lire ce livre du début à la fin.
J'ai tapé le texte et le code, puis j'ai dû lire chapitre par chapitre. Après avoir tapé le code, vous constaterez que ce n’est pas aussi difficile qu’il y paraissait auparavant.
Si vous êtes le genre d'étudiant qui s'endort en lisant un livre. Il est fortement recommandé de lire le livre « Guide de programmation orientée objet JavaScript » du début à la fin.
Après avoir lu un livre, votre confiance augmentera. Assurez-vous d’en avoir fini d’en lire un en premier. Après avoir lu trois livres, vous devriez pouvoir en lire un dans quelques jours. Tout est difficile au début, alors foncez.

La quatrième question est, Le niveau de lecture.

Après avoir lu le livre, vous devez le résumer vous-même et le comparer avec d'autres livres. Certains étudiants lisent « The Authoritative Guide » et « High Design » en même temps.
Sortez n'importe quel point de connaissance et vous pourrez l'expliquer clairement et clairement les yeux fermés, ce qui signifie que vous êtes assez bon.

La prochaine étape consiste à apprendre le code source.
Avant de regarder le code source du framework, je tiens à dire une chose : si vous ne comprenez pas l'API dom, pas de problème, vous pouvez utiliser Baidu. Mais les règles doivent d’abord être étudiées.
Sinon, c'est là que la plupart des gens sont frustrés lorsqu'ils tentent d'analyser le code source.

Comment lire le code source ?

Frappez, frappez.

Quels codes valent la peine d'être saisis ?
Le code source d'excellents frameworks ou bibliothèques vaut le détour.
Mais utiliser jq pour frapper et commencer, ça ne marchera pas. Raison : Trop long. Huit ou neuf mille lignes ! !

Personnellement, je pense que la bibliothèque underscore.js est un bon premier choix. Les raisons sont tous des outils et des méthodes. Après avoir fini de frapper, mon niveau devrait être légèrement amélioré.
En fait, il existe certaines implémentations d'API. Vous devez les traiter comme getElementById et les imprimer profondément dans votre esprit. Par exemple, la méthode extend doit être utilisée avec la bouche ouverte.
Après avoir terminé la bibliothèque de traits de soulignement, vous pouvez envisager de lire le livre "Javascript Functional Programming".

Le code source de jq n'est pas facile à saisir. Ensuite, le code source de zepto fait moins de 1800 lignes, et il devrait être terminé en une journée.
Après avoir tapé plusieurs fois, Baidu clarifiera tout ce que vous ne comprenez pas, et vous pourrez ensuite écrire votre propre bibliothèque de type jq.
Ensuite, vous pouvez l'écrire comme une compétence dans votre CV. Par exemple, "J'ai créé ma propre bibliothèque jquery".
Bien sûr, le processus de saisie peut également vous aider à comprendre l'API de jq.

Ensuite backbone.js, car ce framework est un framework mvc basé sur les classes jq et underscore. Il n'y a pas beaucoup de lignes de code. Frappez-le.
spine.js est similaire à backbone. Avant de frapper dessus, vous pouvez d'abord lire le livre "JavaScript Web Rich Application Development Based on MVC".
J'espère que vous pourrez ajouter ceci à votre CV, "Créé votre propre framework MVC".

J'en ai également frappé d'autres. Inclut jq.validate.js, y compris certains plugins.
Si vous le souhaitez, vous pouvez appuyer sur le bootstrap. Il y a beaucoup de code source, vous pouvez le saisir un par un selon le plug-in.
Je comprends de l'analyse que les plug-ins pour les carrousels, les paginations, les listes déroulantes, etc. ne peuvent pas être écrits en quelques minutes.
Au moins, ce serait formidable de voir comment les interfaces API des autres sont conçues. D’ailleurs, j’ai aussi beaucoup appris en lisant son code CSS.
En parlant de plug-ins, il y en a deux qu'il faut mentionner, l'un est le plug-in de table et l'autre est l'arborescence. Après avoir terminé toute la saisie, vous pouvez écrire dans votre CV « Créé mon propre cadre d'interface utilisateur ».

Bien sûr, vous pouvez également taper le code du framework que vous aimez. L'important est de comprendre son principe de mise en œuvre. Il est préférable de comprendre pourquoi il est conçu tel quel. Si vous êtes familier avec les modèles de conception, vous constaterez souvent que c'est comme ça. Quelque chose s'est produit. . .
Ce qui suit n'est qu'une introduction à l'analyse du code source. Il est également utilisé pour l'apprentissage. Enfin, si vous pouvez l'utiliser dans vos propres projets, c'est la bonne façon.
Même si cela ne sert à rien, cela reste un bon moyen de tuer le temps, bien meilleur que de regarder des séries télé. Quand j'étais libre et que je m'ennuyais, je tapais le code source du trait de soulignement derrière mon dos.

Enfin, si vous pouvez écrire ces quelques phrases sur votre CV comme prévu, vous devez être une personne formidable. Allez.

Post-scriptum : Le but initial de la rédaction de cet article est, comme mentionné au début de l'article, de pouvoir répondre aux questions de chacun.
Tout article sur ce site qui partage une expérience d'apprentissage résonnera fondamentalement. C'est en effet un sujet qui mérite d'être discuté.
Parlons de quelques autres choses ici.

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!