Heim > Web-Frontend > js-Tutorial > Hauptteil

Unterhaltsame Experimente zur Verbesserung Ihres JavaScript-Lernens

阿神
Freigeben: 2017-01-23 14:43:12
Original
1098 Leute haben es durchsucht

Es gibt kein Ende des Lernens – insbesondere in der Webentwicklung. Unsere Branche aktualisiert und verbessert sich ständig, und das sollte auch bei uns der Fall sein. Beharrlichkeit kann anstrengend sein, muss es aber nicht. In diesem Artikel zeige ich Ihnen, wie Sie aus kleinen Experimenten eine unterhaltsame und effektive Möglichkeit machen, etwas Neues zu lernen und sicherzustellen, dass Sie Spaß am Lernen haben und auf dem Laufenden bleiben.

Machen Sie weiterhin Spaß am Experimentieren

Machen Sie Nebenprojekte? Wenn ja, bin ich mir sicher, dass Sie an einem Projekt gearbeitet haben, das anfangs viel Spaß gemacht hat, sich aber schnell in ein Chaos verwandelt hat. Feststecken macht keinen Spaß und kann den Projekten beider Parteien und Ihrer Arbeit großen Schaden zufügen. Der Hauptgrund dafür ist oft eine schleichende Belastung oder Stress, und Sie sollten sich in Ihrer Freizeit entspannen. Durch die Durchsetzung einiger Regeln können wir sicherstellen, dass wir keine unangenehmen Überraschungen erleben:

1. Bereiten Sie Ihre Arbeit vor . Stellen Sie sicher, dass Sie wissen, wie groß Ihr Experiment ist und was es beinhaltet. Wenn es zu viel ist, teilen Sie es in überschaubare Stücke auf, wobei jedes Stück einen Anfang und ein Ende hat, oder beenden Sie es.

2.Geplante Aufgaben. Bleiben Sie nicht jede Nacht lange wach. Planen Sie einfach ein oder zwei Stunden ein oder zwei pro Woche ein.

3.Keine Frist. Jeder, auch Sie, muss sich entspannen. Es ist gut, sich Ziele zu setzen, und es ist in Ordnung, sie nicht zu erreichen.

4. Gönnen Sie sich etwas Spaß Sie sollten zwar nicht zögern, aber das Leben besteht aus mehr als nur dem Abhaken von Kästchen auf Ihrer To-Do-Liste. Nehmen Sie sich die Zeit, die Früchte Ihrer Arbeit zu genießen.

Nur ​​weil Sie kleine Experimente durchführen, heißt das nicht, dass sie nicht Teil eines größeren Projekts sein können. Nehmen Sie als Beispiel ein Datenvisualisierungsprojekt. Die Fertigstellung wird einige Zeit in Anspruch nehmen, kann aber leicht in kleine Aufgaben unterteilt werden:

●Einen Build-Workflow einrichten

●Interessante Daten abrufen ( Dies ist eine Liste von APIs, die Sie inspirieren werden)

● Erhalten und verarbeiten Sie Daten mit Node.js und nutzen Sie dabei die ES2015-Funktionen

● Vergleichen Sie und wählen Sie eine Technologie aus (Canvas, WebGL, DOM/ SVG) oder Bibliotheken (d3.js, p5.js, THREE.js) Visualisieren Sie Daten

●Visualisieren Sie Daten mit dem Tool Ihrer Wahl

Ich verwende Trello-Vorlagen, um alle meine Experimente zu verfolgen. Dort liste ich sie auf, plane sie und füge relevante Informationen hinzu, bis das Experiment beginnt. Bei größeren Projekten neige ich dazu, neue Vorlagen dafür zu erstellen und Karten für jede Aufgabe hinzuzufügen. Möglicherweise erfüllen auch andere alternative Tools die Anforderungen. Durch das Dokumentieren von Dingen werden Ablenkungen vermieden.

Überprüfung von Experimenten

Experimente sind nicht nur das Lernen, indem man tatsächlich neue Dinge tut Auch eine großartige Gelegenheit, sich zu verbessern. Überprüfen Sie Ihr Experiment und stellen Sie sich die folgenden Fragen:

1. Könnten Probleme bei der Durchführung durch eine bessere Vorbereitung vermieden werden? die durchgeführte Arbeit und was kann ich tun, um sie zu verbessern?

3. Kann ich meine Experimente effektiver vorbereiten?

Durch die Überprüfung und Verbesserung unserer Arbeit können wir Erfahrungen sammeln – was auch sehr wichtig ist wertvoll für unsere Branche. Viele experimentelle Rezensionen machen einen guten Blogbeitrag aus.

LaufumgebungSie wissen wahrscheinlich bereits, dass JavaScript im Browser funktioniert, aber wussten Sie, dass Sie JavaScript-Programme auch außerhalb des Browsers ausführen können? Browser?

●Node.js ist mit Abstand das beliebteste JavaScript, für dessen Ausführung kein Browser erforderlich ist. Damit können Sie Skripte, Befehlszeilenschnittstellen, Desktop-Anwendungen und andere Dinge schreiben. Es läuft unter Windows, OS X und Linux.

●Electron ermöglicht Ihnen die Erstellung plattformübergreifender Desktop-Anwendungen mit altmodischem HTML, CSS und JavaScript.

●Mit Cordova können Sie mobile Software mit HTML, CSS und JavaScript erstellen.

●Mit React Native können Sie mobile Software mithilfe des React-Frameworks erstellen.

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

●Die Service Worker API ist eine größere API, mit der wir verschiedene Dinge tun können, beispielsweise die Bereitstellung von Offline-Support.

●WebRTC ist eine API, die es uns ermöglicht, eine Echtzeitverbindung zu einem anderen Computer herzustellen

Es gibt einige APIs, die es uns ermöglichen, Geräteverbindungen zu verwenden, um Dinge wie das Lesen von Sensordaten oder Make Das Gerät macht etwas (z. B. vibrieren).

●Der Umgebungslichtsensor liefert Informationen zur Umgebungshelligkeit, mit denen wir die Helligkeit von Websites oder Anwendungen anpassen können.

●Die Funktion des Batteriestatus ist auf einen Blick klar. Wir können nach dem Batteriestatus fragen. Programme, die viel Strom verbrauchen, können damit den Energiesparmodus aktivieren.

●Geolocation liefert uns Informationen über den Standort des Benutzers.

● Wir können Netzwerkinformationen nutzen, um Kunden kleinere Dateien bereitzustellen.

●Benachrichtigungen sind für viele Anwendungen, beispielsweise Chat-Anwendungen, sehr nützlich.

●Wenn Sie ein Spiel erstellen, das Mauseingaben verwendet, ist die Verwendung der Zeigersperre genau das Richtige für Sie.

●Nähe ermöglicht es Ihnen zu verstehen, wie eng Benutzer und Gerät miteinander verbunden sind. Vielleicht könnte dies verwendet werden, um „Umarmungen“ zu erkennen?

●Mit der Geräteausrichtung können wir erkennen, wann eine Ausrichtungsänderung auftritt.

●Vibration ermöglicht es uns, das Gerät zu vibrieren, was bei Spielen großartig ist.

Bibliotheken und Frameworks

Die meisten Bibliotheken sind so konzipiert, dass sie die Arbeit erleichtern erfordert nicht viel Erfahrung, um es zu verwenden. Viele beliebte Bibliotheken und Frameworks (wie Angular und Reacti) gelten sogar als unverzichtbare Wissenssysteme für Karrieren. Ein oder zwei Arten von Reserven können Ihnen dabei helfen, sich in Vorstellungsgesprächen besser auszudrücken.

Nachdem wir wussten, dass sich Bibliotheken und Frameworks noch so lange weiterentwickeln können. Obwohl sie hilfreich sind, sollten Sie die Probleme verstehen, die Frameworks und Bibliotheken lösen, und in der Lage sein, sie ohne die Hilfe dieser Bibliotheken und Frameworks zu lösen.

Framework-Struktur

●Angular ist ein MVC-Framework, das immer noch von vielen Teams verwendet wird.

●React ist eine Bibliothek zum Rendern von Ansichten.

●Polymer ist eine Bibliothek zum Erstellen von Webkomponenten.

●Lodash.js, Underscore.js und Ramda.js sind alles funktionale Programmierbibliotheken. Einige Teams nutzen sie gerne, viele jedoch nicht. In jedem Fall ist das Verständnis der funktionalen Programmierung eine gute Entwicklungskompetenz und Sie sollten sich diese Frameworks ansehen.

Reale Welt

Wenn ich persönlich herausfinde, dass ich durch das Schreiben von Software etwas in der realen Welt tun kann, bin ich wirklich sehr aufgeregt. Bedenken Sie Folgendes:

●Der Raspberry Pi ist ein Einplatinencomputer im Kreditkartenformat, der sich perfekt zum Lehren und Lernen eignet.

●Arduino ähnelt Raspberry Pi, konzentriert sich jedoch mehr auf die elektronische Seite der Dinge.

●LEGO® MINDSTORMS® ist ein Minicomputer, der LEGO-Hardware steuern kann. Warum nicht wählen?

● Johhny-Five Johhny-Five ist ein JavaScript-Framework für Robotik und IoT, das auf einem Arduino oder einem ähnlichen Gerät installiert werden kann.

Alle oben genannten Minicomputer sind programmierbar und können über JavaScript entwickelt werden.

Fazit

Kleine Experimente sind eine tolle Möglichkeit, neue Dinge praktisch zu lernen . Ein weiterer Vorteil besteht darin, dass kleine Experimente Ihnen helfen können, Ihre Arbeitsweise und das, was in der Branche am wertvollsten ist, zu verbessern. Durch die Durchsetzung einiger Regeln können wir weiterhin Spaß am Experimentieren haben und uns motivieren, mehr zu lernen und besser zu werden.

Für diejenigen unter Ihnen, die nicht weiterkommen, hoffe ich, dass dieser Beitrag Ihnen die Motivation gegeben hat, ein neues und unterhaltsames Experiment zu starten. Für diejenigen unter Ihnen, die sich nicht sicher sind, was sie als nächstes angehen sollen, hoffe ich, dass dieser Artikel Ihnen etwas Inspiration gegeben hat. Wenn Sie sich für einen Begriff im Artikel interessieren, können Sie gerne nach detaillierteren Inhalten suchen und eine größere Welt entdecken.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!