Zusammenfassung des Weges zum effizienten Lernen von JavaScript

1. Zuerst werde ich den Chrome-Browser installieren und direkt die Vertrautheit mit grundlegender Syntax, Variablen, Datentypen, mathematischen Operationen und Zeichen in der Entwicklungstools-Konsole üben Zeichenfolgenoperationen, Bedingungen, grundlegende Schleifenstrukturen, einfache Funktionsdefinitionen und -aufrufe usw. Der Grund, warum ich Chrome-Entwicklungstools verwende, ist, dass ich mich derzeit nicht mit einem separaten Editor herumschlagen möchte und auch keine Dateien öffnen muss Ordner und dann einige konfigurieren Das Tool kam endlich mit der echten JS-Programmierung in Berührung. Ich möchte so direkt wie möglich mit dem Schreiben von JS beginnen. Das ist das Wichtigste, was ich lernen sollte JS so schnell wie möglich schreiben

2. Mit der grundlegenden Syntax vertraut In Zukunft werde ich ein paar etwas herausfordernde kleine Programme in devtools => Console kompilieren, z. B. die Implementierung einer einfachen Fibonaci-Sequenz, z. B. das Drucken von a 99 Multiplikationstabelle Sie können sich auch selbst ein paar Fragen stellen oder zufällig im Internet nach interessanten Themen suchen. Es geht nicht darum, etwas zu finden, das Sie tun können, und sich selbst Code schreiben zu lassen Unterschätzen Sie diese langweilig aussehenden Programme nicht. Sobald Sie das Leistungsniveau erreicht haben, können Sie mit dem ersten beginnen. Vor dem Projekt eignen sich diese kleinen Programme, die nicht verfügbar sind, am besten zum Üben, da sie keine anderen Aspekte beinhalten Sie müssen sich nur darauf konzentrieren, das richtige Programm mit der richtigen Syntax zu schreiben. Dadurch werden Sie mit der JS-Sprache selbst vertrauter.

3. Ich denke, es ist fast an der Zeit, die Verwendung von JS für die Webentwicklung zu lernen, aber keine Sorge, ich bin zu diesem Zeitpunkt noch nicht bereit, ein neues Projekt zu erstellen, also werde ich immer noch in Devtools sein. Aber der Schwerpunkt liegt auf der Vertrautheit mit DOM. Ich werde mit einfachem window.alert und window.prompt beginnen und langsam mit der Verwendung der DOM-API experimentieren. Ich werde ein DOM-Programmierbuch kaufen, es auf meinen Schreibtisch legen und Kapitel für Jahr lesen Beim Anschauen und Ausprobieren kam ich nach und nach mit den allgemeinen Operationen von DOM in Berührung, wie z. B. document.getElementById, document.getElementsByClassName, addEventListner usw. Diese Aufrufe enthalten sehr wichtige Konzepte, z. B. was ist ID, was ist Klasse, Was ist Event, wofür werden sie verwendet und wie interagiert die JS-Sprache mit ihnen über APIs? Ich werde mehrere Website-Seiten auswählen und einige Änderungen an den Elementen der Seite vornehmen, z. B. die Verwendung von JS zum Ändern der Schriftart und Hintergrundfarbe der Elemente oder das vorübergehende Hinzufügen von Ereignisüberwachung usw. Sie können die Auswirkungen des Verhaltens der DOM-API direkt auf der Webseite sehen. Es ist anschaulicher als das Schreiben reiner JS-Programme und kann die Neugier des Lernens wecken Programmierer.

4. Normalerweise haben Sie nach der Lektüre eines Buches über DOM-Programmierung ein allgemeines Verständnis für die Verwendung von JS in der Webprogrammierung. Zu diesem Zeitpunkt werde ich ein Projekt für mich selbst auswählen, beispielsweise ein Message Board, und HTML5 Boilerplate als Vorlage verwenden, um mit der Entwicklung des ersten Web-Front-End-Projekts zu beginnen. Daten können direkt in IndexDB gespeichert werden, sodass Sie sich zu diesem Zeitpunkt keine Gedanken über Hintergrundvorgänge machen müssen. Ich werde grob überlegen, welche Funktionen ich ausführen möchte, und dann das zuvor erworbene Wissen über JS- und DOM-Operationen nutzen, um diese Funktionen gut zu implementieren. Dieses Projekt wird viel Zeit in Anspruch nehmen, deshalb sage ich mir, ich solle geduldig sein. Wenn ich auf eine Frage stoße, verwende ich eine Suchmaschine, um die Antwort zu finden, oder gehe zum Buch, um das entsprechende Kapitel zu finden.

5. Nachdem ich das erste Projekt geschrieben habe, werde ich zum ersten Mal ein Erfolgserlebnis verspüren, auch wenn das Projekt klein und nicht kompliziert ist. Ich werde einen Lehrer finden, der es für mich überprüft und sich seine Meinungen und Vorschläge anhört. Ich kann auch einige Fragen vorbereiten und ihn bitten, mir zu helfen, zu sehen, wie ich als nächstes iterieren soll. Zu diesem Zeitpunkt werde ich die grundlegenden Operationen von Git und die grundlegende Verwendung von Github erlernen, dann das Projekt pushen und die erforderlichen Änderungen an Git übertragen.

6. Davor habe ich alles native JS geschrieben, ohne Bibliotheken oder Frameworks zu verwenden. Der Vorteil davon ist, dass ich mich nicht vorzeitig mit den Konzepten von Bibliotheken und Frameworks befassen muss, denn jetzt ist Was Wirklich wichtig ist die JS-Sprache selbst. Tatsächlich hat sich mein Programmierbereich im Vergleich zu den Anfängen erheblich erweitert. Sie sehen, ich habe JS und DOM verwendet, um einige sehr praktische Funktionen zu schreiben und ein Front-End-Projekt abzuschließen.

7. Zu diesem Zeitpunkt habe ich mehr Möglichkeiten: Ich kann weiterhin natives JS verwenden, um ein oder zwei ähnliche Projekte abzuschließen, z. B. Registrierung und Anmeldung, dynamische Bildanzeige usw.; Versuchen Sie, das Programm des aktuellen Projekts zu verbessern und einige Codeverbesserungen vorzunehmen. Zu diesem Zeitpunkt können Sie Bücher wie JS-Muster lesen, da die Codestruktur des ersten Projekts normalerweise keine spezielle Programmierung aufweist Ich kann Ihnen sagen, dass bessere JS-Programme dies können. Ich kann auch die Gelegenheit nutzen, das Projekt, an dem ich arbeite, in jQuery-basierten Code umzustrukturieren, damit ich die Grundlagen von jQuery erlernen und die Vorteile von jQuery durch Vergleich verstehen kann ; Ich kann sogar den aktuellen Projektcode in ES6-Syntax umstrukturieren, sodass er im Vergleich zu den Vorteilen der ES6-Syntax verwendet werden kann.

8. Als nächstes werde ich komplexere Projekte wie TODOLIST schreiben und eine solche Anwendung von Anfang bis Ende implementieren. Ich werde auch die erste Version in nativem JS (ES5) schreiben und dann entscheiden, ob ich auf jQuery umgestalten möchte . Oder ES6, oder bei Interesse sogar TypeScript. Wenn Sie weiterhin Bücher über JS-Programmierung lesen, sollte Ihre Aufmerksamkeit auf dem „Design“ des Programms liegen und nicht auf den grammatikalischen Details. In den meisten Fällen kann nach grammatikalischen Problemen gesucht werden. Das Programm „Design“ besteht darin, die Anforderungen der Anwendung zu analysieren, welche Funktionen sie hat, ob sie in Module unterteilt werden muss, ob die Module leicht zu unterteilen sind, wie schrittweise eine architektonische Lösung gefunden werden kann, welche Art von Modularisierung natürlicher ist und wie um mit Fehlern umzugehen, ob Template-Unterstützung benötigt wird, ob komplexe Anwendungsfälle selbst implementiert oder in Bibliotheken von Drittanbietern integriert werden sollen und andere Themen, die weit von der eigentlichen Entwicklung entfernt sind.

9. Nachdem ich es geschrieben habe, werde ich einen Lehrer finden (kostenlos oder kostenpflichtig), der meine Implementierung überprüft und ihn auf die Fehler in meinem Verständnis hinweist ist wertvolle Lernmöglichkeit. Genau wie beim ersten Projekt werde ich immer noch auf der Grundlage des Feedbacks des Lehrers und meiner eigenen Überlegungen entscheiden, ob ich mit der Iteration fortfahre und wie ich mich weiter verbessern kann. Zu diesem Zeitpunkt kaufe und lese ich möglicherweise alle wichtigen Javascript-Bücher auf dem Markt. Das Lesen des ersten Buches ist sehr langsam und das zweite Buch ist nicht schnell, aber wenn ich das vierte oder fünfte Buch lese, kann ich es lesen Wählen Sie sehr schnell die Kapitel aus, die Sie nicht verstehen, lesen Sie sie gezielt und wenden Sie dann die im Buch erwähnten Kenntnisse, Fähigkeiten und Praktiken auf die Projekte an, die Sie zuvor geschrieben haben.

10 Ich verfüge jetzt über relativ umfassende Kenntnisse in JS (ES5) und bin relativ kompetent. Zumindest weiß ich ungefähr, in welche Richtung es geht, wenn ich auf ein Problem stoße. Ich war auch mit jQuery vertraut, vielleicht sogar mit ES6. Ich habe ein relativ umfassendes und tiefgreifendes Bild der grundlegenden Ökologie der Sprache. Jetzt möchte ich ein paar Hausaufgaben machen, um herauszufinden, welches Framework mir gefällt. Nachdem ich es ausgewählt habe, werde ich zunächst das offizielle Tutorial absolvieren und einige grundlegende konzeptionelle Probleme verstehen.

11. Dann habe ich das vorherige Projekt (z. B. TODOLIST) mithilfe des Frameworks neu geschrieben. Zu diesem Zeitpunkt habe ich nicht mehr das Gefühl, dass es sehr tiefgreifend ist, da ich im Grunde bereits über JS verfüge Ich habe einige Erfahrung darin, Antworten zu finden und selbst Fehler zu beheben. Auch wenn das Framework selbst unklar ist, kann ich die Antwort selbst durch Suchen oder Recherchieren finden. Auch wenn ich es nicht finden kann, habe ich zumindest grundlegende Entwicklungsdenken. Obwohl ich die Antwort nicht kenne, habe ich immer noch eine allgemeine Richtung. Wenn ich anderen Fragen stellen möchte, kann ich auch Fragen stellen, die wertvoller sind Ich bin nicht zum Profi geworden, weil ich dies und das über den Rahmen weiß, sondern weil ich die grundlegenden Gewohnheiten und Qualitäten habe, um mich weiterzuentwickeln.

12. Vielleicht habe ich zu dieser Zeit meinen ersten Front-End-Job gefunden. Nach dem Lesen der grundlegenden Dokumente stellte ich fest, dass dies nicht notwendig war. Wie man lernt, diese Dinge zu nutzen. Da ich bereits mit der Architektur, den allgemeinen Strukturen, Mustern und Hauptkonzepten von JS-Programmen vertraut bin, spielt es keine Rolle, welche neue Technologie veröffentlicht wird, unabhängig davon, ob es sich um eine Bibliothek, ein Framework oder ein Muster handelt, solange es sich im JS-Ökosystem befindet Ich kann der Erste sein, der dies tut. Es hat Zeit gedauert, einen Weg zu finden, sie zu verstehen, was die wichtigen Dinge in JS-Programmen sind und wie Konzepte kombiniert und geändert werden Es gibt keinen Unterschied zwischen dem Erlernen von JS und der Verwendung von JS.

13. Dann brauchen diejenigen, die es Schritt für Schritt lernen und über ein solides Sprachfundament verfügen, normalerweise niemanden mehr, der sie unterrichtet.

Ich denke, es gibt einige Konzepte und Abläufe, die im Widerspruch zu Schritt-für-Schritt stehen.

Verfolgen Sie zu früh „systematisches“ Lernen. Es ist leicht, eine hohe Vision zu haben und die menschliche Energie ist begrenzt Normaler Mensch, und warnen Sie davor, knifflig oder gierig zu sein, nehmen Sie sich Zeit

2. Ich denke, dass das Lesen des Quellcodes das „wesentlichste“ Lernen ist, aber am Ende falle ich in eine Grube voller Details und Ich kann mich nicht davon befreien

3. Ich vertiefe mich vorzeitig in die „neueste“ Technologie. Wenn Sie beispielsweise Frameworks lernen, bevor Sie eine gute Sprachgrundlage haben, werden Sie mit halbem Aufwand die Hälfte des Ergebnisses erzielen „Neueste“ Technologie und Kerntechnologie sind oft nicht dasselbe. Mit der Grundlage und dem Kern ist das Erlernen neuer Technologien am effizientesten, aber das Gegenteil ist nicht der Fall

4. Das Erlernen des Programmierens wird mit dem Lesen von Büchern gleichgesetzt und das Ansammeln von „Wissen“, aber letztendlich ist Programmieren eine Fähigkeit. Man kann nichts lernen, ohne es zu tun.

5. Der Versuch, das zu finden Der „beste“ Lernweg von Anfang an, ohne bestimmte Dinge zu lernen, ist wahrscheinlich die größte Verschwendung. Das sinnvolle Ziel besteht darin, sich selbst zu sagen, was man morgen tun wird, anstatt anzunehmen, was man morgen lernen „sollte“. Sammeln Sie Lernmaterialien und denken Sie, je mehr Informationen Sie finden und je vollständiger die Liste ist, desto schneller und besser. Tatsächlich ist es genau das Gegenteil, je mehr Sie auflisten, desto größer und stärker Psychischer Druck und Frustration. Irgendwann reicht ein Buch und eine kleine Menge an Online-Informationen. Menschen, die lernen, sollten sich der Aufarbeitung widmen

Das obige ist der detaillierte Inhalt vonZusammenfassung des Weges zum effizienten Lernen von JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!