Verbessern Sie Ihr JavaScript -Lernen mit lustigen Experimenten

Dieser Artikel wurde von Mark Brown überprüft. Vielen Dank an alle Peer -Rezensenten bei SitePoint für die Erhöhung der Inhalte von SitePoint -Inhalten!

Lernen im Bereich der Webentwicklung ist endlos. Unsere Branche ist ständig aktualisiert und verbessert, also sollten wir! Leider kann es anstrengend sein, mit dem Trend Schritt zu halten, aber es muss nicht sein. In diesem Artikel werde ich Ihnen zeigen, wie kleine Experimente ein unterhaltsamer und effektiver Weg sein können, um neues Wissen zu erlernen und sicherzustellen, dass das Lernen und Bleiben auf dem neuesten Stand ist immer Spaß.

Schlüsselpunkte

• Kleine Experimente können ein interessanter und effektiver Weg sein, um neues Wissen in der Webentwicklung und in JavaScript zu erlernen. Lernen kann angenehmer und weniger anstrengend sein, indem sie Regeln wie Vorbereitung auf Arbeit, Planungsaufgaben, Vermeidung von Fristen und etwas Zeit zum Unterhalten geben.
• Überprüfung Ihrer Experimente kann Ihnen helfen, Ihre Fähigkeiten und Ihr Wissen zu verbessern. Fragen Sie sich, ob Probleme während der Ausführung auftreten können, wenn eine bessere Vorbereitung oder die Verbesserung der Qualität der ausgeführten Arbeiten wertvolle Erkenntnisse liefern kann.
• Es gibt eine große Anzahl von Ressourcen und Tools zum Inspirieren und Lernen. Von visuellen Ressourcen wie Codepen, Dribble oder Behance bis hin zu JavaScript -Laufzeiten wie Node.js, Electron, Cordova und React Native bis hin zu APIs, Bibliotheken, Frameworks und sogar physischen Weltwerkzeugen wie Raspberry PI, Arduino und LEGO® Mindstorms® Es gibt eine Vielzahl von Optionen, mit denen Sie Ihre JavaScript -Fähigkeiten verbessern können.

Halten Sie den Spaß am Experiment

Haben Sie ein Nebenprojekt gemacht? Wenn Sie es getan haben, hatte ich glaube, dass Sie ein Projekt hatten, das zunächst sehr interessant war, aber es wurde schnell zu einem Chaos. In Schwierigkeiten zu sein macht keinen Spaß und kann die Motivation der Nebenprojekte und die Arbeit ernsthaft beschädigen. Der Hauptgrund dafür ist normalerweise die Ausbreitung von Reichweite oder Stress, und Sie sollten sich in Ihrer Freizeit entspannen. Durch die Durchsetzung einiger Regeln können wir sicherstellen, dass wir keine unangenehmen Überraschungen begegnen:

1. Bereiten Sie Ihre Arbeit vor. Stellen Sie sicher, dass Sie genau wissen, wie groß das Experiment ist und was es enthält. Wenn es zu viele gibt, teilen Sie es in leicht zu verwaltende Stücke mit jeweils mit Start und Ende oder geben Sie auf.
2. Planen Sie die Aufgabe. Bleib nicht jede Nacht spät. Planen Sie nur ein bis zwei Mal pro Woche, jedes Mal ein bis zwei Stunden.
3. Keine Frist. Jeder, einschließlich Sie, muss sich entspannen. Es ist in Ordnung, Ziele zu setzen, und es sollte in Ordnung sein, sie zu vermissen.
4. Geben Sie sich etwas Unterhaltungszeit. Während Sie nicht zögern sollten, ist das Leben mehr als nur ein Ticking auf einer Reihe von To-Do-Listen. Verbringen Sie Zeit, um die Früchte der Arbeit zu genießen.

kleine Experimente durchführen bedeutet nicht, dass sie nicht Teil eines größeren Projekts sein können. Nehmen Sie beispielsweise das Datenvisualisierungsprojekt als Beispiel. Es mag einige Zeit dauern, aber es ist leicht, in kleinere Aufgaben aufzuteilen:

• Richten Sie den Bauarbeitsablauf
ein
• Finden und erhalten Sie interessante Daten (dies ist eine coole API -Liste, die Sie inspirieren kann)
• Verwenden Sie Node.js, um Daten zu erhalten und zu verarbeiten, und verwenden Sie ES2015 -Funktionen
• Vergleichen und wählen Sie eine Technologie (Leinwand, WebGL, DOM/SVG) oder Bibliothek (D3.JS, P5.JS, Three.js), um Daten zu visualisieren
• Daten visualisieren Sie Daten mit dem Tool Ihrer Wahl

Ich benutze das Trello -Board, um alle meine Experimente zu verfolgen. Dort werde ich sie auflisten und planen und relevante Informationen hinzufügen, bevor ich mit dem Experiment starte. Für größere Projekte erstelle ich in der Regel ein neues Board speziell für das Projekt und füge Karten für jede Aufgabe hinzu. Jede Alternative ist ausreichend. Das Aufnehmen von Dingen kann das Geräusch in meinem Kopf beseitigen!

Überprüfungsexperiment

Zusätzlich zum Lernen durch praktische Operationen Neue Dinge sind auch Experimente eine hervorragende Gelegenheit, sich selbst zu verbessern. Überprüfen Sie Ihr Experiment und stellen Sie sich die folgenden Fragen:

Können während der Ausführung Probleme auftreten, durch eine bessere Vorbereitung? Wenn ja, was soll ich tun?
Wie hoch ist die Qualität der ausgeführten Arbeit und wie kann ich sie verbessern?
Kann ich mein Experiment effektiver vorbereiten?

Überprüfung und Verbesserung dessen, was wir tun, wird uns Erfahrungen bringen - es ist von unschätzbarem Wert in unserer Branche. Gleiches gilt für Kommunikation und Aufzeichnung. Viele experimentelle Bewertungen machen einen großartigen Blog -Beitrag aus.

Obwohl es wenig mit JavaScript zu tun hat, besteht eines meiner besonders interessanten Experimente darin, Vektorgrafiken in Sass zu erstellen, in dem ich die Koordinatengrafik in einen Pfad umwandelte und es in einen einzelnen Pixel -Box -Schatten rastert. Ich lernte nicht nur die Sass -Funktion, mit der ich vorher nicht vertraut war, sondern musste auch einige Algorithmen studieren.

Auf der Suche nach Inspiration

Wenn Sie nicht sicher sind, was Sie als nächstes lernen sollen, ist es am besten, sich über einige Ressourcen auf dem Laufenden zu halten.

Wenn Sie visuelle Effekte und Kunst mögen, ist CodePen ein großartiger Ausgangspunkt. Ausgewählte Arbeiten sind oft mit erstaunlichen Pinselstrichen gefüllt, die sich genauer ansehen, wie sie funktionieren. Wenn Sie sich abenteuerlustiger fühlen, probieren Sie Dribbble oder Behance.

sitePoint wird von vielen Autoren aus verschiedenen Hintergründen angetrieben. Daher ist der JavaScript -Kanal voller JavaScript -Essenzen.

Laufzeitumgebung

Sie wissen vielleicht bereits, dass JavaScript im Browser ausgeführt werden kann, aber wussten Sie, dass JavaScript auch außerhalb des Browsers ausgeführt werden kann?

• node.js ist bei weitem die beliebteste JavaScript-Laufzeit ohne Browser. Mit der Verwendung können Sie Skripte, Befehlszeilenschnittstellen, Desktop-Anwendungen und mehr schreiben. Es läuft unter Windows, OS X und Linux.
Mit
• Electron können Sie plattformübergreifende Desktop-Anwendungen mit herkömmlichem HTML, CSS und JavaScript erstellen.
Mit
• mit Cordova können Sie mobile Anwendungen mithilfe von HTML, CSS und JavaScript erstellen.
Mit
• React Native können Sie mobile Anwendungen mithilfe des React -Frameworks erstellen.

Browser -API

In den letzten Jahren wurden viele neue APIs in den Browser eingeführt, mit denen Sie alle möglichen interessanten Dinge tun können.

• API für Service Worker ist eine große API, die es uns ermöglicht, verschiedene Vorgänge auszuführen, z. B. die Bereitstellung von Offline -Unterstützung.
• weBRTC ist eine API, mit der wir eine Echtzeitverbindung mit einem anderen Computer herstellen und Audio- und Videodaten übergeben können.

Einige APIs ermöglichen es uns, Gerätehardware wie Lesesensoren oder das Gerät bestimmte Operationen (z. B. Vibrationen) zu verwenden.

• Umgebungslichtsensor liefert Informationen über die Helligkeit von Umgebungslicht, mit denen wir unsere Website oder Anwendung anpassen können.
• Der Batteriestatus ist ziemlich selbstverständlich. Schwerere Anwendungen können es verwenden, um den Stromsparmodus zu aktivieren.
• Geografischer Standort liefert uns Informationen über den Standort des Benutzers.
• Wir können Netzwerkinformationen verwenden, um Clients kleinere Dateien bereitzustellen.
• Benachrichtigungen sind für viele Anwendungen wie Chat -Anwendungen sehr nützlich.
• Erstellen Sie ein Spiel, das die Maus zum Eingeben nutzt? Zeigerschloss ist dein Freund.
• Mit dem Proximity -Sensor können Sie den Abstand zwischen dem Benutzer und dem Gerät verstehen. Vielleicht kann dies verwendet werden, um Umarmungen zu erkennen?
• Die Gerätrichtung ermöglicht es uns, Änderungen in der Richtung zu erkennen.
• Vibration ermöglicht es uns, das Gerät zu vibrieren, was sich hervorragend zum Spielen eignet.

Bibliotheken und Frameworks

Die meisten Bibliotheken sind so konzipiert, dass sie Aufgaben problemlos ausführen. Daher ist es immer vorteilhaft, Erfahrung mit ihnen zu haben. Beliebtere Bibliotheken und Frameworks wie Angular und React können sogar ein Muss für die Arbeit sein. Ein oder zwei Experimente können auch eine großartige Möglichkeit sein, sich auf ein Interview vorzubereiten.

Wisse, dass Bibliotheken und Frameworks nur begrenzte Lebensdauer haben. Obwohl sie nützlich sind, sollten Sie in der Lage sein, die Probleme zu verstehen, die sie lösen und sie ohne sie lösen können.

Struktur

• Angular ist ein MVC -Framework, das viele Teams noch verwenden.
• React ist eine Bibliothek für die Darstellung von Ansichten.
• Polymer ist eine Bibliothek zum Erstellen von Webkomponenten.
• lodash.js, unterstrich.js und ramda.js sind alle funktionale Programmierbibliotheken. Einige Teams benutzen sie gerne, aber viele tun es nicht. In jedem Fall ist ein gutes Verständnis der funktionalen Programmierung eine sehr beliebte Fähigkeit.

visual

• d3.js ist eine Grafik- und DOM -Betriebsbibliothek, die sehr gut funktioniert, wenn Sie Grafiken mithilfe von SVG oder HTML rendern möchten.
• p5.js ist eine verarbeitungsinspirierte Bibliothek (ein flexibles Software-Skizzenbuch und eine Sprache für "& gt; lernen, wie man im Kontext der visuellen Künste codiert"). Es verfügt über eine reiche Reihe von Funktionen, um Formen zu zeichnen und Berechnungen durchzuführen.
• Drei.js ist eine hochrangige 3D-API zur Abstraking der schwierigen Teile von WebGL.

Physische Welt

persönlich war ich sehr aufgeregt, wenn ich Software schreiben konnte, um Dinge in der physischen Welt zu tun. Wenn ja, erwägen Sie einen der folgenden Sätze:

• Raspberry Pi ist ein Single-Board-Computer mit Kreditkartengröße und perfekt zum Lehren oder Lernen.
• Der Arduino ähnelt dem Raspberry Pi, konzentriert sich jedoch mehr auf den Elektronikaspekt.
• LEGO® MindStorms® ist ein Mikrocomputer, der LEGO -Hardware steuern kann. Was magst du nicht?
• Johhny-Five ist ein JavaScript-Framework für Robotik und das Internet der Dinge, die auf einem Arduino oder einem ähnlichen Gerät installiert werden können.

Alle oben genannten können in JavaScript programmiert werden oder JavaScript ausführen.

Schlussfolgerung

Kleine Experimente sind eine hervorragende Praxis, um neue Dinge zu lernen. Ein weiterer Vorteil ist, dass sie Ihnen helfen können, die Art und Weise zu verbessern, wie Sie arbeiten, was in unserer Branche von unschätzbarem Wert ist. Durch die Durchsetzung einiger Regeln können wir die Experimente interessant halten und uns motivieren, mehr zu lernen und besser zu werden.

Für diejenigen, die Schwierigkeiten haben, hoffe ich, dass dieser Artikel Sie dazu inspiriert, ein neues, interessantes Experiment zu starten. Für diejenigen, die sich nicht sicher sind, mit was Sie als nächstes umgehen sollen, hoffe ich, dass dieser Artikel Ihnen etwas Inspiration gibt. Oder haben Sie einige gute Ideen zum Experimentieren? Oder fehlt mir vielleicht etwas? In jedem Fall würde ich Sie gerne in den Kommentaren unten hören.

häufig gestellte Fragen zu JavaScript -Lernexperimenten

Welche praktischen Projekte kann ich machen, um meine JavaScript -Fähigkeiten zu verbessern?

Es gibt viele praktische Projekte, die Sie durchführen können, um Ihre JavaScript -Fähigkeiten zu verbessern. Sie können beispielsweise einen einfachen Taschenrechner, eine digitale Uhr oder eine Wetteranwendung erstellen. Diese Projekte helfen Ihnen dabei, zu verstehen, wie JavaScript mit HTML und CSS interagiert, um funktionale Webanwendungen zu erstellen. Sie können auch versuchen, eine To-Do-List-Anwendung zu erstellen, mit der Sie verstehen können, wie DOM-Modelle (Dokumentobjekte) mithilfe von JavaScript manipuliert werden.

Wie verwende ich JavaScript in Google -Experimenten?

Google Experiment ist eine Plattform, mit der Sie Ihre JavaScript -Fähigkeiten testen und demonstrieren können. Sie können interaktive Experimente mit JavaScript erstellen und mit der Welt teilen. Um JavaScript in Google -Experimenten zu verwenden, benötigen Sie ein grundlegendes Verständnis dafür, wie JavaScript funktioniert und wie Sie es verwenden, um Webelemente zu manipulieren.

Welche Rolle spielt JavaScript beim Erstellen interaktiver Webseiten?

JavaScript spielt eine entscheidende Rolle bei der Erstellung interaktiver Webseiten. Sie können Elemente auf Webseiten basierend auf Benutzeraktionen manipulieren. Sie können beispielsweise JavaScript verwenden, um den Inhalt einer Webseite zu ändern, wenn ein Benutzer auf eine Schaltfläche klickt, oder um Elemente auf der Webseite zu animieren.

Wie erstelle ich Animationen mit JavaScript?

JavaScript bietet verschiedene Möglichkeiten, Animationen auf Webseiten zu erstellen. Sie können reibungslose Animationen mit der RequestArimationFrame -Methode erstellen. Diese Methode fordert den Browser an, die Animation auszuführen, und fordert den Browser an, die angegebene Funktion aufzurufen, um die Animation vor dem nächsten Neuzug zu aktualisieren.

Welche Bedeutung hat JavaScript für die Webentwicklung?

JavaScript ist eine grundlegende Komponente der Webentwicklung. Sie können interaktive und dynamische Webseiten erstellen, indem Sie Elemente auf einer Webseite manipulieren. Ohne JavaScript ist die Webseite statisch und reagiert nicht auf Benutzeroperationen.

Wie verbessere ich meine JavaScript -Codierungsfähigkeiten?

Der beste Weg, um JavaScript -Codierungsfähigkeiten zu verbessern, ist die Übung. Sie können Ihre Fähigkeiten praktizieren, indem Sie verschiedene Projekte durchführen, z. B. eine Taschenrechnerin oder eine Aufgabenlistenanwendung. Sie können auch an Codierungsherausforderungen auf Plattformen wie CodePen teilnehmen, um Ihre Fähigkeiten zu testen.

Was sind die Ressourcen für das Lernen von JavaScript?

Es gibt viele Ressourcen für das Lernen von JavaScript. Websites wie Codecademy, Freecodecamp und Mozilla Developer Network bieten kostenlose Tutorials und Führer auf JavaScript. Sie können auch viele Video -Tutorials auf YouTube finden.

Wie debugge ich meinen JavaScript -Code?

Sie können die Konsole im Browser -Entwickler -Tools verwenden, um Javascript -Code zu debuggen. Mit der Konsole können Sie Nachrichten protokollieren, Fehler anzeigen und den JavaScript -Code in Echtzeit ausführen.

Welche Rolle spielt JavaScript in der Front-End-Entwicklung?

JavaScript ist ein wichtiger Bestandteil der Front-End-Entwicklung. Sie können interaktive und dynamische Webseiten erstellen, Benutzereingaben überprüfen und mit dem Webserver kommunizieren.

Wie interagiere ich mit einem Webserver mit JavaScript?

Sie können JavaScript verwenden, um Anforderungen an den Webserver zu senden und Antworten zu erhalten. Dies erfolgt mit dem Fetch -API oder dem XMLHTTPREquest -Objekt. Auf diese Weise können Sie Teile der Seite aktualisieren, ohne die gesamte Seite neu zu laden.

Das obige ist der detaillierte Inhalt vonVerbessern Sie Ihr JavaScript -Lernen mit lustigen Experimenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!