Das Javascript-Toolkit: schneller & besser fehlerfreie Programme schreiben | Christian Heilmann | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Das Javascript-Toolkit: schneller & besser fehlerfreie Programme schreiben

teacher avatar Christian Heilmann, Principal Program Manager at Microsoft

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:46

    • 2.

      JavaScript heute

      8:41

    • 3.

      Verwendungszwecke für JavaScript

      6:25

    • 4.

      Der Zen-Moment im JavaScript-Universum

      4:15

    • 5.

      Hochmoderne Entwicklungsumgebungen

      10:22

    • 6.

      Die Vorzüge guter Editoren

      12:34

    • 7.

      Versionskontrolle

      9:15

    • 8.

      Von Debugging bis Linting

      6:01

    • 9.

      Immer auf dem neuesten Stand bei JS

      5:11

    • 10.

      Lerne die JavaScript-Community kennen

      3:59

    • 11.

      Hilfe anfordern

      5:47

    • 12.

      Abschließende Gedanken

      1:11

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

16.698

Teilnehmer:innen

15

Projekte

Über diesen Kurs

Mit diesem ausführlichen Leitfaden zu den wesentlichen neuen Tools und Techniken, die jede Entwicklerin und jeder Entwickler kennen sollte, wirst du im Handumdrehen zum JavaScript-Experten!

JavaScript hat sich seit den ersten Tagen seines Bestehens grundlegend verändert. Entwickler und Keynote-Speaker Christian Heilmann gibt dir alles an die Hand, was du brauchst, um dein Wissen auf den neuesten Stand zu bringen und dein JavaScript-Potenzial zu entfalten. Dieser Kurs enthält alles Wissenswerte für all die Entwicklerinnen und Entwickler, die auch weiterhin ganz vorne mitmischen möchten – angefangen bei der Stellung von JavaScript in der heutigen Programmierlandschaft bis zum Beitritt in die JavaScript-Community. Hier lernst du Folgendes:

  • Lerne das moderne JavaScript-Entwicklungspaket kennen.
  • Richte deine Entwicklungsumgebung so ein, dass Fehler vermieden werden.
  • Lerne, wie du die besten JavaScript-Ressourcen im Web ausfindig machst.
  • Lerne die JavaScript-Community kennen, um mitreden zu können.

Ganz gleich, ob du gerade die ersten Schritte mit JavaScript wagst oder schon seit Jahren damit arbeitest, nach diesem Kurs wirst du in der Lage sein, sauberer und schneller zu programmieren, bessere Arbeit zu leisten und Produkte auf einer ganz neuen Stufe zu schaffen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Christian Heilmann

Principal Program Manager at Microsoft

Kursleiter:in

Chris Heilmann dedicated the last 20 years of his life to make the web work and thrive. As a lead developer on some of the largest web products he learned that knowledge is not enough without teamwork and good handover. He is the author of several JavaScript books and the Developer Advocacy handbook. He is currently a Principal Program Manager in Microsoft and spends a lot of time pondering how machine learning and AI can aid humans and replace jobs we're too important to do.

Vollständiges Profil ansehen

Level: Intermediate

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo. Ich bin Chris Hermione, ich komme aus Berlin, Deutschland und ich bin seit über 20 Jahren Webentwickler und seitdem wir Javascript hatten, war das eine meiner Leidenschaften. Ich habe ein paar Bücher darüber geschrieben, ich habe viele Schulungen darüber gemacht, und heute werde ich etwas davon mit Ihnen teilen. Ich bin sehr aufgeregt, dass unsere Web-Community so groß geworden ist, dass Sie fast jede Woche zu Meetups oder Konferenzen gehen können und das ist, was ich tue. Ich gebe viele Schlüsselnotizen, ich gebe viele Schulungen, und ich interviewe in Unternehmen und mit Unternehmen, was sie mit den neuesten Technologien machen wollen , darunter maschinelles Lernen, künstliche Intelligenz, und auch gute alte Web-Entwicklung mit Javascript und anderen Sprachen. Dieser Kurs richtet sich an Leute, die Javascript verstehen wollen und es jetzt nutzen wollen, und sind irgendwie überwältigt von all den Angeboten, die es gibt, und der Fragmentierung der Lernmaterialien, die da draußen sind. Also, wenn Sie jemand sind, der gerade mit Javascript anfängt, ist das auch für Sie, oder wenn Sie jemand sind, der Javascript macht, aber das Gefühl hat , dass es mehr geben sollte, ist das auch für Sie. Es ist ein guter Überblick darüber, was der Javascript-Raum heutzutage macht und was Sie mit der Sprache machen können, und es ist viel mehr, als es früher war. Alle Materialien und alle Produkte, über die wir in diesem Kurs sprechen werden, sind webbasiert und Open Source. So können Sie plattformübergreifend mit ihnen arbeiten, Sie brauchen keinen Macintosh, Sie brauchen keinen Windows-Rechner, Sie können verwenden, was Sie wollen. Ich möchte nicht, dass Sie sagen, welche Umgebung Sie verwenden und welche Umgebung Sie einrichten möchten, stattdessen sollten Sie diejenige finden, die Sie am bequemsten macht. Also, nichts hier ist etwas, das Sie kaufen müssen, weil Open Source hilft uns viel bessere Entwickler zu sein. Ich hoffe, Sie finden etwas, das Sie begeistern wird und Sie werden nach dem Ende dieses Kurses ein besserer Javascript-Entwickler werden, also lasst uns los. 2. JavaScript heute: Hallo und herzlich willkommen zum Rediscovering JavaScript-Kurs. Heute möchten wir darüber sprechen, was JavaScript ist und was es geworden ist. Das Problem in JavaScript ist, dass es immer eine Sache war, die viele Leute tun wollen und nur ein paar Leute waren sehr begeistert. Sie haben wahrscheinlich mit JavaScript getäuscht oder Sie haben JavaScript geschrieben , aber die meiste Zeit haben Sie den Code anderer Leute verwendet. Als JavaScript kam, war es nur etwas, das wir auf Websites hinzugefügt und wir lernten, indem wir den Code anderer Leute betrachteten. Die View-Quelle war unser Lehrer und wir schauten uns tatsächlich an, was vor sich ging, kopierten und fügten Code von jemand anderem ein, änderten ein paar Zahlen herum, hoffen, dass nichts kaputt ist und dann hatten wir tatsächlich ein JavaScript, das unser eigenes war. Das hat sich sehr verändert. Wenn Sie JavaScript seit einiger Zeit verwenden und Sie jetzt zurück in die Welt gehen und Sie erkennen, dass die Leute über Dinge wie NPM sprechen, wie Knoten, wie Web-Pack. Die Sprache scheint viel komplexer zu sein, als sie früher war, sie war eher wie Java, Ruby oder diese Art von Sprachen, und ich möchte, dass Sie verstehen, dass dies normal ist und das ist eine normale Entwicklung und Sie Sie müssen sich nicht unzureichend darüber fühlen, Sie müssen sich nicht Sorgen darüber machen. Es bedeutet nur, dass die Vielseitigkeit von JavaScript selbst es möglich gemacht hat, in verschiedene Richtungen zu gehen. Also, wenn Sie heutzutage ein JavaScript-Entwickler werden, könnten Sie alles sein; Sie könnten nur ein Webentwickler sein, der einige schöne Dinge auf Websites mit JavaScript macht , Sie könnten ein Node-Entwickler sein, der Server-APIs erstellt, Microservices, all diese Art von coolen Dingen, oder Sie könnten sogar ein Hardcore-App-Entwickler sein, um so etwas wie Slack oder Atom in JavaScript, HTML und CSS zu bauen und es dann als eine Anwendung selbst zu packen. Nun, wenn Sie zurückdenken, was JavaScript früher war, werden Sie in eine Menge von Ressourcen online bekommen, die sehr, sehr veraltet und sehr, sehr gefährlich zu lernen heutzutage. Nehmen Sie zum Beispiel W3Schools hier, was immer das erste Ergebnis in Google ist , wenn Sie etwas zufällig in JavaScript gegoogelt haben. Es lehrt Ihnen viele Möglichkeiten, wie JavaScript früher zurück in den Tagen war und einige der JavaScript-Syntax, die damals war, aber eine Menge von diesem JavaScript ist nicht mehr, wie Sie Dinge heutzutage schreiben. Als jemand, der diese Ressourcen seit Jahren benutzt, haben wir ein paar Hang-ups, die wir loswerden sollten. Einer der Hang-ups ist, dass Browser immer schrecklich sein werden und Browser uns immer im Weg stehen und nicht die Dinge unterstützen, die wir tun möchten. Ein weiteres Aufhängen ist, dass unsere Endbenutzer ihre Umgebungen nicht aktualisieren und ein Problem mit neuen Funktionen haben, die wir haben wollen. Wir sollten uns von diesen Hangups und von diesen Ängsten befreien und deshalb brauchen wir neue Ressourcen, um JavaScript zu lernen und Ihre Informationen zu finden. Also, wenn Sie heutzutage etwas in JavaScript als ein paar Ressourcen nachschlagen möchten, möchte ich, dass Sie schnell mit Ihnen durchgehen, um mit zu spielen. Dies sind die Dinge, an die Sie immer gehen sollten, wenn Sie etwas Neues herausfinden möchten und sie sind immer auf dem neuesten Stand, weil es sich um Community-gesteuerte Umgebungen handelt. Also, als JavaScript eine Sache wurde, viele Leute aufgehört, JavaScript selbst zu schreiben, weil Browser problematisch waren, wie Internet Explorer, Netscape, was auch immer, Firefox, später, Opera, alle von ihnen hatten unterschiedliche Möglichkeiten, mit der Sprache umzugehen, weil die Sprache nicht richtig standardisiert war und wir vor dieser Zeit auch keine Web-Standards hatten. Als die Web Standard Bewegung kam und HTML5 zu einer Sache wurde, änderte sich das drastisch. Unsere Ressourcen heutzutage, unsere Browser sind heute standardbasiert und stimmen miteinander überein, was verschiedene Technologien verwendet werden sollten und was zum Standard wird und was nicht. Wir müssen nicht mehr nach der Innovation von Browser-Machern laufen und Dinge für einen Browser und anders für einen anderen Browser tun , und das ist eine wunderbare Sache. Eines der wichtigsten Dinge, die Leute früher getan haben, ist die Verwendung von jQuery anstelle von JavaScript, weil jQuery uns geholfen hat, das Spielfeld zu ebnen, um den Browsern tatsächlich die gleichen Erfahrungen zu geben und wir mussten nicht mehr darüber nachdenken. Aber heutzutage sind Browser so gut und die Standards so weit gegangen, dass Sie jQuery höchstwahrscheinlich nicht mehr brauchen würden sindso weit gegangen, dass Sie jQuery höchstwahrscheinlich nicht mehr brauchen würden, weil Sie tatsächlich zusätzlichen Code für eine Umgebung hinzufügen , die nicht mehr existiert und für Browser, die nicht mehr verwendet werden sollten. Die erste Ressource, die ich möchte, dass Sie aufgeregt werden, weil ich sehr aufgeregt bin, heißt caniuse.com. Caniuse.com ist eine Ressourcen-Website, die Ihnen sagt, was Browser diesen Tagen tun können und welche Browser-Unterstützung welche Funktion in welchem Format. Der häufigste Anwendungsfall für CaniUse ist, dass Sie dorthin gehen, um über die Unterstützung für etwas zu finden, sagen wir zum Beispiel, um API zu holen. Sobald Sie das in eingeben, erhalten Sie bereits die Ergebnisse, die Ihnen sagen, was Fetch in modernen Ersatz für XMLHttpRequest ist und welcher Browser es unterstützt. Sie können auch die roten Browser sehen, die es nicht unterstützen und manchmal gelbe Browser, die es unterstützen, aber Probleme haben. Sobald es irgendwelche Probleme gibt, wird es hier mit bekannten Problemen aufgelistet, wo Sie sie umgehen können. In diesem Fall haben wir keine, aber andere Funktionen können sie haben, so dass Sie wissen, wo die Probleme sind, wenn sie behoben werden und was passiert. Die Sache, dass Sie für jedes Feature, das Sie nachschlagen, eine Ressourcen-Registerkarte hier haben , die Ihnen über die Spezifikation zeigen, eine Demo haben, für Polyfill gehen und dann die verschiedenen Plattformen wie Internet Explorer Edge, Chrome, Firefox und WebKit und sehen, wann sie es versandt haben oder was das Problem mit dem Status gerade jetzt ist. Wenn Sie sich also immer darüber wundern, eine neue Funktion zu haben, von der jemand begeistert ist , und Sie sich fragen, ob Sie es in Ihren Produkten mit Ihren Endbenutzern verwenden können, ist dies eine großartige Ressource, die Sie betrachten können. Es wird ständig gepflegt, alle Browser-Hersteller geben Feedback an die Betreuer dieses Produkts. Also, hier lernen Sie, ob es sicher ist, etwas zu verwenden und sich auch darüber aufgeregt zu werden. Wenn Sie etwas über die Sprache Javascript selbst wissen wollen, also ist das für die Hardcore-Nerds über Javascript, die TC39 Ecma-Gruppe ist eigentlich die Leute, die die Sprache schreiben. Dies ist das Konsortium oder das ist das technische Komitee, das die nächste Version dieser Sprache erstellt und die aktuelle Version dieser Sprache beibehält. Also, dies ist die Hauptquelle für die Sprache selbst, nicht eine andere Ressource, die sagen könnte, als ob wir JavaScript kennen. Das sind die Leute, die es schaffen. Wenn Sie etwas in JavaScript nachschlagen möchten und Sie gehen und sehen möchten, wie etwas funktioniert, sind die MDN-Web-Dokumente für mich die beste Ressource. Sie sind nicht die beste Ressource, weil ich verwendet, um für Mozilla zu arbeiten, aber das ist weil, wo alle Browser-Hersteller erkennen, dass sie ihre Informationen in setzen sollten. Die MDN-Web-Dokumente sind ein offenes Wiki, so dass Sie es bearbeiten können, Sie können auch an dieser Community teilnehmen, und Sie werden Features sehen, die viel schneller aktualisiert werden können als jede andere Ressource da draußen. Also, wenn Sie in diesem Fall etwas wie zum Beispiel array.map nachschlagen , erhalten Sie nicht nur ein Beispiel dafür, was es ist, sondern Sie könnten alle Arten von Informationen bekommen, was es bedeutet. Es erklärt Ihnen also, dass die Kartenmethode ein neues Array mit den Ergebnissen des Aufrufs einer Providerfunktion erstellt und so weiter und so weiter. Sie können diese Beispiele live hier ausführen, Sie können sie dann zurücksetzen, um sie auch rückgängig zu machen und dann erhalten Sie detaillierte Informationen über die Syntax der Karte zu verwenden und wie Sie die Callbacks verwenden. Sie haben Auflistung zu den Spezifikationen erklären, wo verschiedene Dinge bedeuten und Sie haben auch eine Browser-Kompatibilitätstabelle hier aufgelistet, die, seltsam genug, kommt von Caniuse.com. Also, diese beiden Seiten sind eng miteinander verknüpft, so dass diese Informationen immer auf dem neuesten Stand sind. Wenn Sie etwas über die verschiedenen Browser wissen möchten und wie gut sie mit JavaScript funktionieren, haben Sie auch Glück. Damals als als ich als JavaScript-Entwickler anfing, waren das schwarze Codes. Niemand wusste, was kommt, niemand wusste, was los war. Heutzutage haben alle Browser Ressourcen und sogar Twitter-Konten, in denen Sie neue Informationen über sie finden. Dies ist der Microsoft für Edge, für Chrome macht das Chromium-Blog, für Safari macht das WebKit Blog, für Firefox tut, natürlich, der Firefox Blog und für andere wie Samsung Browser, Opera Browser, alle Browser-Hersteller sind sehr offen Entwickler , um mit ihnen zu sprechen und gehen Sie für sie. Dies sind also einige der Ressourcen, die Sie betrachten müssen, wenn Sie heutzutage mit JavaScript arbeiten möchten. Dies sind aktuelle Ressourcen, editierbare Ressourcen, an denen Sie teilnehmen können, und Sie können sie besser machen, wenn Sie möchten. Googeln Sie nicht nur zufällig nach Problemen in JavaScript, dann kopieren Sie den Code und fügen Sie ihn ein. Nehmen Sie diese Ressourcen und lernen Sie JavaScript von den Machern von JavaScript und von den Implementierern von JavaScript und Sie werden ein viel glücklicher Entwickler sein. Jetzt kennen wir einige der Ressourcen, die Sie immer wieder besuchen und lernen können , dass JavaScript nicht das ist, was es früher war. Im nächsten Video werden wir über einige der Funktionen sprechen, die JavaScript heutzutage macht, oder einige der Implementierungen, die JavaScript hat, über die Sie vielleicht nicht nachgedacht haben und Sie noch nicht gesehen haben. 3. Verwendungszwecke für JavaScript: Als jemand, der vor langer Zeit JavaScript gelernt hat, eigentlich ziemlich alte Schule darüber ist, könnte man denken, dass JavaScript etwas ist, das Sie gerade in HTML-Seiten einfügen, um sie interaktiver zu machen und etwas wie das Laden von etwas im Hintergrund, oder etwas im Hintergrund herunterladen, oder etwas interaktives machen. JavaScript ist vorbei gegangen, dass vor einiger Zeit, als HTML5 plötzlich zu einer Spezifikation wurde, wurde der HTML-Stack etwas, das mehr von JavaScript abhängig ist als zuvor. Weil einige der Funktionen, die wir brauchten, ohne sie keinen Sinn ergeben. Ein Canvas-Element tut nichts. Es ist nur eine Leinwand, die eigentlich im Namen impliziert wird. Also, Sie brauchten JavaScript, um etwas damit zu tun. Einige der anderen Funktionen von JavaScript sind auf den gleichen Weg gegangen. Also, die Idee, einen Texteditor zu haben, und etwas in eine HTML-Seite zu schreiben und es im Browser zu öffnen, nur um JavaScript zu haben, ist ziemlich alte Schule und Sie sollten darüber nachdenken, mehr als eine Plattform, oder als Umgebung, um etwas mit zu bauen. Wenn Sie sich im Web umsehen, was JavaScript gerade macht, gibt es viele Form-Dinge. Es gibt alle möglichen Dinge, die wir mit JavaScript machen , und Sie können wissen, was dort vor sich geht. Nehmen Sie zum Beispiel etwas wie three.js. Three.js ist eine 3D-Bibliothek, mit der Sie 3D-Animationen in JavaScript durchführen können. Etwas, für das wir in der Vergangenheit immer Flash verwendet haben. Also, JavaScript ist jetzt eine Sprache, die für hoch kreative Dinge verwendet wird, anstatt nur etwas, das im Web ist, um es schöner zu machen, oder um einen animierten Text im Hintergrund scrollen zu lassen. Dinge, die wir in der Vergangenheit mit Flash gemacht haben, befinden sich jetzt fest im Raum von JavaScript, da JavaScript in allen Browsern unterstützt und nicht heruntergeladen werden muss und nicht wie Flash installiert werden muss, Quicktime früher war, oder sogar Silverlight war. Andere Dinge, die JavaScript tut, werden tatsächlich zu einem Teil Ihres täglichen Lebens. Slack zum Beispiel ist wahrscheinlich ein Tool, das Sie verwendet haben und Slack ist in JavaScript mit HTML und CSS als die anderen beiden Technologien geschrieben. Also, im Wesentlichen, was wir mit Slack haben, es ist eine Anwendung, die im Browser laufen würde, verpackt in einem Installationsprogramm, so dass Sie sie auf dem Desktop, auf Ihrem Mobiltelefon und überall sonst verwenden können . Die Plattform tut dies basierend auf ihr heißt Electron. Electron ermöglicht es Ihnen, JavaScript, HTML und CSS zu schreiben und es dann als eine Anwendung zu verpacken, um es auf Ihren Betriebssystemen und auf einer anderen mobilen Plattform installiert zu bekommen . Also, JavaScript, das für Electron geschrieben wurde, ist viel wahrscheinlicher für einige Entwickler zu tun, weil Sie nicht so unbekannt, in welchem Browser es laufen wird. Sie wissen nicht, ob das Problem, dass Ihre Endbenutzer Dinge ein- und ausschalten können , weil Sie den Code steuern, und Sie steuern auch die Verteilung und den Installationsprozess in den Betriebssystemen selbst. Eine große Änderung im JavaScript-Bereich war, als Node herauskam. Node ist eine serverseitige Version von JavaScript, in der Sie alles schreiben können, was Sie zum Schreiben verwendet haben, und Dinge wie Java, PHP oder Python, jetzt in JavaScript selbst. Also, was Node Ihnen erlaubt, ist, Server zu schreiben, neue Microservices auszuführen, alles zu schreiben, was Sie in diesen älteren viel komplexeren Sprachen jetzt in JavaScript haben wollten . Node ist auf allen Plattformen installiert, und Sie werden in den meisten Fällen möchten Node installiert haben, weil die Werkzeuge von JavaScript, die in Node geschrieben sind, und ermöglichen es Ihnen, viel effektiver als JavaScript-Entwickler ist etwas, um wirklich aufgeregt zu sein und etwas zu verwenden. Da Node nun serverseitig ist und Node eine andere Art ist, Code zu schreiben, unterscheiden die Regeln, die sich als JavaScript-Entwickler in Node anwenden als Javascript-Entwickler, der Dinge für das Web schreibt. Also, seien Sie nicht zu frustriert, wenn Sie das nicht verstehen und Sie nicht in diesen Raum kommen wollen, aber es gibt immer noch viele Dinge in Node, die sehr effektiv sind und es viel effektiver machen zu verwenden. NPM ist der Paketmanager von JavaScript. Node-Lösungen werden nun in Paketen geschrieben und können dann als Pakete in Ihren Betriebssystemen installiert oder auch als Pakete in Ihrem anderen Code verwendet werden. Als jemand, der Old School JavaScript wie ich ist, klingt das sehr komplex und bis zu einem gewissen Grad ist es. Aber als jemand aus einer Pro-Welt oder einer Java-Welt kommt, ist dies eine sehr einfache und normale Art der Entwicklung. Was wir also mit NPM in Node haben, ist JavaScript-Leveling bis zu einer echten Software-Plattform zu werden , um riesige Anwendungen zu schreiben und riesige Anwendungen zu erstellen, die von wiederverwendbaren Komponenten zusammengesetzt sind. Da die Leute massive Anwendungen in JavaScript schreiben, zeigte die Sprache einige ihrer Probleme. Die Natur von JavaScript, dass es keine Typen hat, machte es für Leute, die aus anderen Sprachen kamen, schwer, Tausende und Tausende von Zeilen JavaScript zu schreiben und sie später neu zu faktorieren. TypeScript löst dieses Problem, indem ein Typsystem auf JavaScript gesetzt wird, und auf diese Weise macht es viel skalierbarer und viel einfacher zu refactorieren. Wenn Sie also riesige Anwendungen in JavaScript schreiben, ist TypeScript wahrscheinlich eine gute Idee, darüber nachzudenken, und TypeScript hat auch den Vorteil, dass er in seiner Syntax strenger ist als JavaScript. Also, Sie können das TypeScript später verwenden, wir werden dies in einem anderen Video tun, um Ihnen zu zeigen, was Ihre JavaScript-Fehler sind, während Sie sie tatsächlich schreiben. Ich will nicht, dass du entmutigt wirst, indem du all diese Werkzeuge schaust und jetzt denkst: „Oh, mein Gott. Ich muss sie alle verstehen.“ Dies sind verschiedene Optionen, wo JavaScript verwendet wird, und wo Sie ein Javascript-Entwickler werden können, oder können Sie ein JavaScript-Entwickler neu zu sein. Nicht jeder muss ein Knotenentwickler werden oder Electron verwenden, um Anwendungen zu erstellen, Sie können immer noch JavaScript verwenden, um normale Websites zu erstellen und sie auf andere Weise zu verpacken oder die Serverseite überhaupt nicht zu berühren. Also, was Javascript wegen seiner Vielseitigkeit als Sprache ist, ist es ein Streikposten-Mix. Es ist, als ob du die Dinge nimmst, die du benutzen willst, und karriereweise, ich würde den Leuten raten, eine Sache zu finden, die dich wirklich aufgeregt macht, und dich darauf zu konzentrieren. Anstatt ein Alleskönner zu sein und zu hoffen, dass Sie genug Zeit haben, um mit all diesen verschiedenen Implementierungen Schritt zu halten , denn höchstwahrscheinlich werden Sie diese Zeit nicht haben. Im nächsten Video werden wir über einige der Optionen sprechen, die Sie ein JavaScript-Entwickler werden müssen, oder manchmal, Sie wollen nicht wirklich, um JavaScript selbst schreiben , sondern etwas anderes verwenden, das Sie effektiver macht. 4. Der Zen-Moment im JavaScript-Universum: Willkommen zu diesem Video in der wiederentdeckenden JavaScript-Serie. In diesem Abschnitt möchte ich, dass Sie sich daran erinnern, dass JavaScript riesig ist und es alle Arten von Dingen gibt, die mit Javascript gemacht werden. Man sollte sich also nicht schlecht fühlen, wenn man sich überwältigt umsieht, was die Leute damit machen. Sie sollten auch nicht schlecht fühlen, dass andere Menschen besser darin sind , weil andere Menschen verschiedene Dinge tun. Also, wenn es heutzutage um die Verwendung von JavaScript geht, geht es nicht darum, alles zu wissen. Das ist fast unmöglich zu tun, weil die verschiedenen Wege Javascript rund um das Web und um Technologie-Stacks implementiert wird, nach verschiedenen Möglichkeiten gefragt, Javascript zu lernen und verschiedene Arten zu verwenden. Also etwas, das in einer Knotenumgebung Sinn macht, macht im Web und umgekehrt nicht notwendigerweise Sinn. Also, wenn Sie Javascript-Entwickler sind, der nur Vanilla Javascript, einfaches Javascript ohne Add-Ons, ohne Funktionen, ohne Datasets oder Toolsets um sie herum verwenden möchte einfaches Javascript ohne Add-Ons, , ist MDN Web Docs, wo Sie tatsächlich gehen zu leben. Hier finden Sie die Informationen und hier werden Sie Aufregung finden. Dies ist wahrscheinlich eine Community, in der Sie auch beitreten möchten und Sie auch Teil sein möchten. So können Sie dort glänzen, dort können Sie Ihre Informationen zurückgeben, und dort können Sie tun, worauf Sie eigentlich aufgeregt sind und was Sie tun können. Wenn Sie eher geneigt sind, JavaScript in einer Weise zu verwenden, um richtige Software-Dienste oder Server in solchen Dingen zu erstellen , dann ist die Knotenwelt, wo Sie viel aufgeregter sind. Diese verschiedenen Welten in JavaScript haben alle ihre unterschiedlichen Communities, haben unterschiedliche Slack-Kanäle, haben ihre unterschiedlichen Events und haben ihre unterschiedlichen Community-Versammlungen. Manchmal stehen Sie also als Webentwickler bei einem Knotenereignis, Sie verstehen kein einziges Wort. Während wie der Knotenentwickler zu einer Designkonferenz geht und nicht versteht, worauf die Leute aufgeregt sind wenn sie so viele verschiedene Dinge in JavaScript in der Notizumgebung tun. Stellen Sie also sicher, dass Sie einen Ort finden, an dem Sie aufgeregt sind , und konzentrieren Sie sich dann auf diesen. Schauen Sie sich die anderen nicht auf unterschiedliche Weise an, dass sie es falsch machen. Sie machen es einfach anders als du. Es ist auch nichts falsch daran einen anderen Ansatz für die Entwicklung mit einer Bibliothek zu verfolgen. React ist eine riesige Community und eine riesige Umgebung, die auch auf Javascript basiert, aber React selbst ist eine Sprache, die Dinge völlig anders macht als Browser es tun, und Vanilla Javascript tut es. Dies bedeutet nicht, dass Sie tatsächlich die Kosten aufgeben und Sie tatsächlich kein Javascript-Entwickler werden. Es bedeutet, dass Sie eine Verknüpfung nehmen oder Sie warten, um größere Anwendungen, verschiedene Anwendungen auf einem anderen Stack zu erstellen . Also, schauen Sie sich diese Dinge an und schauen Sie sich um, wo Sie Ihr Selbst interessiert finden werden. Sie können bei der Vanilla Javascript Welt bleiben und alles selbst bauen. Sie können zu einer serverseitigen Umgebung mit Knoten gehen oder Sie können UJS, Angular oder React verwenden, um Anwendungen in diesem Stack zu erstellen, ähnlich wie wir früher Leute hatten, die Dinge in jQuery schreiben, anstatt JavaScript weil jQuery damals das Problem der Browserunterschiede. Reagieren, und Vue, und Angular, in diesen, lösen andere Probleme, indem architektonische Ideen der Softwareentwicklung in den Javascript-Raum setzen. Also, nichts von diesen Dingen sollte oder sollte eine Barriere für Sie sein. Nichts von diesen Dingern würde dich schlecht fühlen. Aber verstehen Sie, dass, wenn Sie Javascript-Experte sind, Sie React wahrscheinlich nicht von Anfang an verstehen werden. Sie müssen sich bemühen und es auf diese Weise auf die gleiche Weise Vue.js lernen. Viele Designer mögen Vue.js, weil es viel einfacher ist als Vanilla Javascript. Denn jedes Mal, wenn wir über dieses JavaScript sprechen, sprechen wir über alle Ausnahmen, über die Sie sich Sorgen machen müssen. Mit Vue.js wurden viele dieser Dinge für Sie ausgeglüht, so dass Sie anfangen können, etwas Schönes und Schönes zu entwickeln, einfacher als indem Sie die Sprache selbst verstehen. Also, denken Sie an Javascript als, wieder, als Pick and Mix, als etwas, wo Sie gehen können und Sie müssen nicht in all diesen Communities spielen, aber Sie sollten eine von ihnen auswählen und sich in diesen aufregen. Also, ich hoffe, Sie fühlen sich ein bisschen ruhiger und Sie haben ein bisschen ein Zen-Gefühl über Javascript im Moment, zu wissen, dass Sie nicht in allen Teilen spielen müssen und alles verstehen, was um Sie herum vor sich geht. Im nächsten Video werden wir über die Entwicklungsumgebung für JavaScript sprechen, die sich drastisch geändert hat, als nur ein Texteditor in einem Browser zu sein. Also, ich möchte, dass Sie verstehen, wo Sie spielen, was zu tun ist und was zu installieren ist. 5. Hochmoderne Entwicklungsumgebungen: Willkommen zurück zu Rediscovering JavaScript. Dieses Mal möchte ich darüber sprechen, wie sich die Entwicklungsumgebung in den letzten Jahren verändert hat und einige der Dinge, die Sie vielleicht nicht bereits verwenden, aber Sie sollten sich viel effektiver machen. Es gibt immer eine seltsame Sache, die den Leuten sagt, dass du das lernen musst , um effektiver zu sein und sich wie eine Menge Arbeit anfühlt. Aber einige der Dinge, die ich Ihnen jetzt zeigen werde, sind so üblich und sind so nützlich, dass es eigentlich keinen Sinn macht, sie nicht zu benutzen. Wir waren immer super aufgeregt als JavaScript-Entwickler, dass alles, was wir brauchten, war ein Texteditor und ein Browser, um unser JavaScript in auszuführen. Dies hat sich geändert, da JavaScript jetzt anders ist als zuvor und auch die Umgebungen, die wir verwenden, haben sich enorm verändert. Das erste, worüber man nachdenken sollte, ist, wie sich Browser änderten. Browser sind nicht mehr die schwarzen Löcher. Was wir nicht wissen, was passiert und wie viel Unterstützung sie für JavaScript haben. Es ist auch heute fast unmöglich, JavaScript in einem Browser auszuschalten und es war viel einfacher für die Benutzer in den Tag. Aber wir haben ein Problem in Browsern heutzutage, da Menschen, die Add-Ons wie Ad Blocker und diese Art von Dingen haben , die Ihr JavaScript blockieren könnten , aber als Benutzer selbst sind die Menschen viel mehr in Ordnung mit JavaScript aktiv in den Browsern und die meisten von ihnen wissen es nicht einmal. Alle Browser sind heutzutage immergrün, so dass sie tatsächlich kommen alle zwei Tage, alle zwei Wochen, jeden Monat. Manchmal sind es bis zu drei Monate, bis eine neue Version herauskommt, aber es ist nicht wie die vier oder fünf Jahre, die wir zwischen verschiedenen Versionen von Internet Explorer und Menschen haben nicht aktualisiert. So ist das Upgrade der Browser viel einfacher als es früher war und das bedeutet für uns als JavaScript-Entwickler haben wir neue Funktionen zum Spielen. Jeder Browser kommt auch mit integrierten Entwickler-Tools. Also, das zum Beispiel hier ist Firefox und wenn ich das inspect-Element tippe, kann ich sehen, dass ich meinen HTML-Editor habe, ich habe einen Debugger, wo ich mein JavaScript debuggen kann und wir werden später darauf zurückkommen. Ich habe Style-Redakteure. Ich habe alle möglichen Netzwerk-Einblicke und Performance-Einblicke in meine Anwendungen und ich habe eine Konsole drin. Also, wenn Sie nur etwas JavaScript ausprobieren möchten, können Sie das verwenden, um tatsächlich JavaScript zu schreiben und wie ein drei plus zwei zu tun, was es Mathematik auf JavaScript ist, aber JavaScript-Editor zeigt Ihnen jetzt, dass dies fünf ist. Das nächste, was Browser haben, haben alle Entwicklertools. Also, es gibt Firefox, natürlich, mit dem Firefox-Tool, gibt es Chrome mit den Chrom-Entwickler-Tools, die wahrscheinlich diejenigen sind, die im Moment die anspruchsvollsten sind. Edge hat die F12-Entwicklungstools, die viel besser sind , als die Leute denken, weil wir sie seit Jahren nicht angesehen haben und sogar Safari einige wirklich gute Entwickler-Tools darin hat, aber Sie müssen es zuerst in einen Entwicklermodus verwandeln, um diese Entwickler-Tools. Mobile Browser haben nicht unbedingt Entwickler-Tools, aber viele von ihnen ermöglichen es Ihnen, von Ihrem Desktop zu Ihrem Mobiltelefon zu verbinden , um den Browser in diesen Entwickler-Tools als auch zu debuggen. So sind alle Browser in den letzten Jahren nicht nur Möglichkeiten geworden , JavaScript anzuzeigen und auszuführen, sondern auch Entwicklungsumgebungen, um JavaScript zu erstellen und JavaScript zu schreiben. Der nächste Schritt, den wir haben, ist, dass wir die normale Textnachrichten oder die Texteditoren, die wir haben, durch anspruchsvollere Editoren ersetzt die normale Textnachrichten oder haben. Wir gehen später ins Detail, was das bedeutet und welche Vorteile ein guter Redakteur für Sie hat. Aber es genügt zu sagen, dass viele von ihnen hackbar sind und das ist das Beste an ihnen. Diese Redakteure sind in Sprachen geschrieben, die wir selbst schreiben können. Wir können sie mit Erweiterungen erweitern oder wir können schreiben, Teil des Hauptcodes sein, weil alle von ihnen Open Source sind. Also, unsere Entwicklungsumgebungen, unsere Editor-Umgebungen sind Wege für uns geworden , einen Beitrag zu leisten, anstatt nur zu hoffen, dass ein Editor eine bestimmte Funktion hat und wir springen von Editor zu Editor und müssen lernen all die verschiedenen Funktionen von ihnen effektiver bei der Verwendung von ihnen zu werden. Das nächste, vor dem viele Leute Angst haben und sich fragen, warum wir es benutzen sollten, ist das Terminal. Das Terminal in diesem Fall, hier ist es jetzt als H auf meinem OS X-Rechner oder all meinen Windows-Rechner eingestellt. Ich habe auch die Ubuntu Shell. Es ist im Grunde eine Unix-Shell, also geht es zurück auf die Technologien der 1970er Jahre und wir als JavaScript-Entwickler haben uns immer gefragt, warum wir das jemals brauchen würden. Leute, die serverseitige Technologien wie Java, PHP, Perl geschrieben haben, waren in diesen Dingen viel effizienter und kennen sie bereits. Wir dachten nicht, dass es dort eine Notwendigkeit gäbe. Bei Knoten, die sich ändern, ist Node JavaScript, das auf der Serverseite ausgeführt wird, so dass alles, was Sie wissen müssen , Sie Node in ausführen müssen, im Terminal passiert. Das bedeutet auch, dass viele JavaScript-Tools wie Build-Prozesse, Paketverwaltung und so weiter und so weiter im Terminal selbst passiert. Also, es ist eine gute Fähigkeit zu haben. Es ist nicht allzu schwer, das Terminal zu lernen. Es fühlt sich manchmal etwas seltsam an und manchmal würden Sie eine Node-Anfrage machen und Sie erhalten wie fünf Bildschirme zufälliger Fehlermeldungen, Sie wissen nicht, was passiert. Aber lassen Sie sich davon nicht entmutigen. Was Sie im Terminal tun können und was Sie als JavaScript-Entwickler im Terminal tun , ist die Verwendung von eingebauten Tools, verwenden Sie die Skripte, verwenden Sie Node-Umgebungen, sondern auch Ihre Versionskontrolle und wir werden eine spezielle in Tiefe Video später auf Versionskontrolle und was es für Sie bedeutet und warum es eine vorteilhafte Sache ist. Also, das Terminal ist etwas Gutes zu wissen. Es ist nicht notwendig, dass Sie ein Experte darin sein müssen, aber es gibt viele gute Trainingsmaterialien da draußen und wenn Sie nur zum Beispiel einen Knoten starten, können Sie JavaScript in Ihrem Terminal auch hier ausführen und Sie können es durch Drücken von Strg+C zweimal. Sie werden also über Nacht kein Experte im Terminal sein , aber es ist etwas, worüber Sie nachdenken sollten weil viel zu viele gute Dinge im Terminal passieren heutzutage, was ziemlich bizarr ist , weil es zurück zu Technologie der 1970er Jahre, wenn man darüber nachdenkt. Eine andere Sache, die wir in der Vergangenheit verwendet haben, waren Bibliotheken und Frameworks, und natürlich gibt es jede Woche neue Frameworks. Alle von ihnen machen unser Leben einfacher, alle sind viel besser als einfaches JavaScript und einige von ihnen wirklich, wirklich einen Unterschied machen. Seien Sie also aufgeregt über sie, schauen Sie sich sie an. Aber seien Sie sich immer bewusst, dass es ein Experte in Version eines Frameworks für diesen Monat durch eine erstaunliche Fähigkeit, um ein halbes Jahr Zeit, ist es vielleicht nicht eine Sache, die Sie brauchen nicht mehr. Für mich sind Frameworks und Bibliotheken Dinge, die unser Leben einfacher machen und manchmal notwendig oder manchmal wirklich gut für die Projektarbeit sind. Aber ein Experte in nur einem von ihnen zu sein, könnte in naher Zukunft tatsächlich ein Problem sein, wenn Sie nicht flexibel genug sind , um auch von Zeit zu Zeit zwischen Frameworks zu springen und die darunter liegenden Technologien in JavaScript zu kennen, die Sprachfunktionen, die es diesen Bibliotheken ermöglichen, das zu sein, was sie sind, ist eine gute Fähigkeit zu haben, weil Sie dann unabhängig von der Bibliothek werden, die Sie verwenden möchten, und Sie verwenden einfach JavaScript und die Bibliothek für die Vorteile, die es wurde geschrieben für. Das Letzte, worüber ich wirklich aufgeregt bin und ich denke, dass viele Leute mehr nutzen sollten, Online-Redakteure sind oder Spielplätze mögen. Dies ist zum Beispiel JS bin hier. JS bin ist eine Gelegenheit für Sie, ein JavaScript, CSS und HTML zu schreiben und es direkt im Browser auszuführen. Also, in diesem Fall, wenn ich jetzt ein div hier habe und ich etwas damit machen möchte. Also, in CSS kann ich sagen, das div sollte eine Hintergrundfarbe grün und ihm eine Breite und Höhe geben. Dann, was ich mache, sehen Sie bereits, dass es hier gerade ein grünes div und in JavaScript kann ich jetzt einen Verweis darauf bekommen. Lassen Sie d gleich document.querySelector ('div'); und dann können Sie sagen, div.style.width entspricht 400 Pixel. Wenn ich das jetzt benutze und ich es ausführen sollte, dann sollte etwas passieren. Führen Sie mit JS und es verwandelt sich in die andere Breite obwohl es im CSS eine Breite von 10 Pixeln hat. Diese Dinge sind großartig, um Dinge schnell auszuprobieren , ohne selbst etwas auf Ihrem Computer einrichten zu müssen. Andere wie Code-Stift haben auch alle Arten von Pre-Compiler darin. Wenn Sie also SaaS verwenden möchten oder Sie eine Bibliothek wie View JS oder React verwenden möchten, ohne etwas davon zu installieren, sind dies großartige Möglichkeiten, um diese Dinge auszuprobieren. Sie sind auch kollaborativ, so dass andere Menschen eine Kopie von dem, was Sie getan haben, machen können , um die Umgebung zu ändern und etwas mit ihnen zu tun. Also, es gibt drei Dinge, die Sie damit machen können. Spielen Sie mit Dingen, probieren Sie sie aus, bitten Sie um Hilfe. Wenn Sie also etwas haben, das nicht in Ihrem Code funktioniert, schreiben Sie eine kleine Demo in eines dieser Dinge und senden Sie diesen Link herum, damit die Leute sie tatsächlich für Sie bearbeiten oder sie gemeinsam mit Ihnen bearbeiten können und dann können Sie finden Sie das Problem zusammen, außer zu beschreiben, was Ihr Problem ist. Also, das sind großartige Werkzeuge für den Unterricht. Dies sind großartige Werkzeuge zum Lernen und das sind großartige Werkzeuge für die Zusammenarbeit mit anderen Menschen und wenn Sie die Präprozessoren und Einstellungen verwenden , die Sie in diesem JavaScript-POA tun können, können Sie sagen, alle Arten von Pre-Compiler und alle Arten von verschiedenen Motoren, die Sie verwenden können. Das bedeutet, dass Sie Ihren Computer nicht einrichten müssen. Es bedeutet, dass Sie sich nicht mit Ihrer Umgebung verwirren müssen, Sie haben nur etwas online, mit dem Sie spielen, und wenn Sie es mögen, dann können Sie mit der Einrichtung Ihres Computers beginnen, und hier hat sich JavaScript aus der Vergangenheit geändert. Wir haben jetzt ein ganzes Ökosystem von Entwicklungstools, mit denen wir zusammenarbeiten können. Also, um zu wiederholen, sind Browser immergrün und alle von ihnen kommen zu Entwicklertools. Daher sollten wir die Entwicklertools verwenden und verstehen, was ihre Vorteile sind, anstatt Alerts oder Konsolenprotokolle überall in unserem Code zu platzieren. Bibliotheken und Frameworks helfen uns, Dinge zu tun, die in nativem JavaScript nicht so einfach gemacht werden können. Wenn Sie einfach etwas tun wollen, ist das wahrscheinlich eine gute Idee, aber es könnte gefährlich sein, sich nur auf sie zu verlassen. Redakteure sind viel besser als die Texteditoren der Vergangenheit, da sie alle integriert sind. Sie sind offen, sie sind erweiterbar und Sie können Code für sie schreiben. Online-Tools wie die JS Bin oder Code-Bins sind eine großartige Gelegenheit für Sie, Dinge auszuprobieren , ohne Ihren eigenen Computer zu vermasseln und Dinge an andere Leute zu senden, um gemeinsam daran zu arbeiten. Dies ist also nur ein paar der Dinge, wo JavaScript funktioniert und das Terminal ist das letzte, wo wir viel wie Versionskontrolle und Tooling in JavaScript selbst tun . All dies zu wissen, ist ein ziemlicher Aufwand oder ein ziemlich Job, aber es wird Sie viel effektiver machen und Sie brauchen nicht, um ein Experte in allen von ihnen zu sein. Sie müssen sie nur ausprobieren, wenn Sie sie brauchen und einige Informationen online finden. Das ist es, worüber ich in diesem Video mit dir reden wollte. 6. Die Vorzüge guter Editoren: Willkommen zurück. In diesem Abschnitt der Wiederentdeckung von Javascript möchte ich über Editor-Funktionen sprechen, die wir verwenden sollten, weil sie nur total Sinn ergeben. Wir waren immer sehr aufgeregt, dass Sie nur einen Texteditor brauchen um JavaScript oder sogar eine Befehlszeile zu schreiben, wenn Sie wollten aber wir haben in diesen Tagen so viele großartige Tools, um unser Leben so viel einfacher zu machen und uns zu erlauben, vorhersehbaren Code zu schreiben, wartbaren Code, weil der Editor selbst Funktionen für uns drin hat. In diesem Beispiel werden wir Visual Studio Code verwenden, der ein Open-Source-Editor von Microsoft ist. Sie können auch Atom verwenden, Sie können alle Arten von anderen Editoren verwenden. Die meisten Frameworks werden ihre eigenen Editoren haben. Ich liebe die Funktionen, die wir haben, und diese Editoren sind die gleichen für all diese verschiedenen Tools. Also, ich möchte nur über einige der Funktionen sprechen, die Sie vielleicht noch nicht in diesen gesehen haben. Nicht alle von ihnen sind Javascript-basiert, einige von ihnen werden auch über HTML und CSS sprechen, aber S Javascript wird zusammen mit diesen Technologien verwendet. Es macht Sinn, auch über sie nachzudenken. Jetzt erhalten Sie Visual Studio Code, indem Sie einfach in code.visualstudio.com gehen und Sie können es dort herunterladen. Sie können es für Mac, Linux oder Windows herunterladen. Es ist also ein plattformübergreifender, Open Source, kostenloser Editor , den Sie einfach auf Ihrem Computer installieren können und er läuft automatisch von dort aus. Es aktualisiert sich auch und Sie können sich anmelden, um die Entwicklervorschau zu erhalten, wenn Sie wirklich begeistert darüber sein möchten. Es verfügt auch über erweiterbare Dokumentation über den Editor selbst. Was es bedeutet, wie man es benutzt, welche Art von Features kommen, welche Art von Feature, die Node.Js und für JavaScript hat, wie man sie debuggt, und wie werden Feature-Sets für verschiedene Umgebungen, die Sie haben möchten. Diese werden ständig aktualisiert und Sie können sie auch bearbeiten, wenn Sie möchten. Wenn Sie in dieser Dokumentation etwas falsch finden, bearbeiten Sie diese bitte und senden Sie es an das Team zurück und Sie erhalten Funktionen davon. Nun, das erste, was Sie sich hier erinnern müssen oder was sehr wichtig ist , ist , dass es Visual Studio Code heißt, aber es hat nichts mit Visual Studio zu tun. Visual Studio ist eine Idee, die die meiste Zeit für mich als Javascript-Entwickler Overkill für das, was wir tun. Es hat seine Vorteile natürlich für die Verwendung in anderen Sprachen. Es ist eine sehr großartige Entwicklungsumgebung, aber es ist kein Visual Studio. Sie müssen sich also keine Gedanken darüber machen, dass es sich um ein Microsoft-Produkt handelt, Sie müssen alles mit Microsoft machen. Dies ist ein Open-Source-Produkt, das von Microsoft Menschen gepflegt wird , aber auch Menschen von außen nehmen daran teil. Also, ein paar Dinge, die ich darauf hinweisen möchte, dass Redakteure heutzutage haben , dass ich denke, sind viel spannender als das, was wir in der Vergangenheit hatten. Das erste, was Sie hier sehen, ist ein Farbschema und diese Festplatte hilft mir bereits in meinem Code, um zu sehen, was was ist. Dies ist also der Dokumentabfrageselektor und dies ist zum Beispiel ein Wert. Sie sehen also in Ihrem Code was ist, das Ihnen erlaubt, Ihren Code leicht durchzublättern und zu verstehen, was Sie tun, anstatt nur einen schwarzen Text auf weißem Hintergrund oder weißen Text auf schwarzem Hintergrund zu haben, den Sie verstehen, was was ist. Das nächste, was diese Editoren tun, was für Sie ziemlich erstaunlich ist, ist, dass Sie dies an Ihre Bedürfnisse ändern können. Wenn Sie zum Beispiel eine größere Schriftart benötigen, dann können Sie auf andere Schriftart Gesicht ändern können Sie eine andere Schriftart Gesicht haben. All diese Dinge sind einstellbar, so dass Sie dieses Ding zu Ihrem Editor so machen können, wie Sie es haben möchten. Es gibt viele Einstellungen da drin, es gibt viele Leute, die ihre eigenen Themen schreiben. Es gibt eine ganze Suite, es gibt eine ganze Community, um verschiedene Editoren zu sehen und das Thema von einem Editor zum anderen zu verschieben. Aber all diese Dinge sind dafür gedacht, dass Sie Ihren Code für sich selbst lesbarer und für die nächste Person lesbarer machen Ihren Code für sich selbst lesbarer und für die nächste Person lesbarer , die Ihren Code pflegen muss , der tatsächlich Sie in naher Zukunft sein könnte. Das nächste, was ich an Editoren heutzutage liebe, ist, dass sie automatisch Dinge für Sie tun, wie Einrückungen. Wie zum Beispiel, wenn Sie hier eine neue Funktion namens Myfunction haben, und Sie die Klammern machen, sehen Sie, dass bereits in die nächste Zeile eingerückt ist, um Ihren Code viel, viel lesbarer zu machen. Dort gibt es automatisierte Einstellungen und Sie kopieren und fügen eine Funktion in oder ein Stück Code ein, und es legt sie für Sie so vor, wie Sie es tun sollen. Das ist ziemlich mächtig, denn in der Vergangenheit hatten Sie all diese Beschwerden über eine Person, die Raum nutzte, es gibt eine, die Tabs benutzt. In diesem Fall können Sie einfach hier unten definieren, ob Sie Leerzeichen oder Tabulatoren möchten, und Sie können sie ändern, um sie von Leerzeichen in Tabulatoren zu konvertieren, und Sie können den automatischen Einrückungsindexcode für sich selbst durchführen. Also, während Sie Code geschrieben haben, die Syntax des Codes oder das Aussehen des wird die Syntax des Codes oder das Aussehen desCodes vom Editor für Sie gemacht, was es natürlich viel, viel einfacher macht , wartbar zu sein und Ihren Code viel lesbarer zu machen, und Sie können sich darauf konzentrieren, Ihren Code zu schreiben anstatt Ihren Code entsprechend zu stylen. Es gibt auch alle Arten von interessanten Features. Wie wenn Sie hier so etwas wie einen Adventshörer haben, können Sie eine gemeinsame Tat tun, um sie alle hervorzuheben, und wie Sie sehen können, haben wir jetzt verschiedene Cursor hier. Anstatt einen Cursor zu haben, haben Sie nun einen Cursor hinter jedem von ihnen. Wenn Sie also alle in etwas anderes umbenennen möchten, können Sie dies tun, indem Sie einfach Löschen drücken und es in etwas anderes umbenennen. Auf diese Weise müssen Sie das nicht Stück für Stück machen und die Dinge wiederholen, und wenn wir die Dinge wiederholen, machen wir Fehler. Auf diese Weise hilft Ihnen ein Editor viel, viel besser herauszufinden, was vor sich geht. automatische Vervollständigung ist etwas, das die meisten Editoren heutzutage auch für Sie haben, und das ist sehr, sehr nützlich, weil es zwei Dinge tut. Zunächst stellen Sie sicher, dass Sie Dinge nicht falsch schreiben, und zweitens tippen Sie viel weniger ein, und viel weniger Tippen bedeutet, dass Sie mehr Code in weniger Zeit schreiben können und Sie haben auch weniger Belastung für Ihre Finger. Also zum Beispiel, wenn ich die erste Zeile hier neu schreiben möchte, beginne ich mit einem Neustart-Button, und es erkannte bereits, dass ich einen Neustart-Button definiert habe. Alles, was ich eingeben muss, ist Ruhe oder all die anderen Dinge, die darauf anwendbar sein könnten. Also, dann habe ich einfach die obere Fertigstellung gedrückt und habe den Neustart-Button. Ich starte dann den AddEventListener. In diesem Fall könnte ich auch den addEventListener nehmen und ihn hervorheben, und auf diese Weise habe ich gelernt, was addEventListener bedeutet. Wenn ich mich zum Beispiel nicht erinnere, die Reihenfolge der Parameter in diesem oder ich weiß nicht, welche Art von Funktionen mir zur Verfügung stehen. Also, in diesem Fall, mspointerup, touchstart, pointercancel und so weiter und so weiter. Ich weiß jetzt, was diese Dinge sind, nur indem auf sie klicke und eine automatische Vervollständigung für mich bekomme. Das ist also, was ein guter Editor für Sie tut und es macht es viel einfacher, viel mehr Code zu schreiben, ohne Tippfehler zu tun. Nun, wenn Sie eine riesige Menge an Code haben, ist dies nicht zu viel von einer riesigen Menge an Code, es ist nur ein einfaches Spiel, das ich geschrieben habe. Sie können sehen, dass ein guter Editor diese Karten auch hier hat. So können Sie in der Karte selbst zu einem bestimmten Teil springen , anstatt es nur Zeile für Zeile tun zu müssen. Das ist also eine nette kleine Abkürzung, um auch zu einem Abschnitt im Code zu springen und es gibt Ihnen einen Überblick darüber, wie groß der Code ist, den Sie bisher geschrieben haben. Eine andere interessante Sache ist, wenn Sie eine große Menge an Code haben, fragen Sie sich manchmal, was etwas ist, das Sie einen Vogel nennen. Also zum Beispiel, ich habe eine Funktion, die Sie Clearmove genannt haben, und es steht hier, okay, definiert das ständig bewegen? Und wenn ich darauf klicke, kann ich Peek Definition sagen, und auf diese Weise kann ich sehen, wo sich die Funktion im anderen Teil des Codes befindet. Also muss ich nicht zwischen den beiden Abschnitten hin und her scrollen , um zu verstehen, was ich tue. Also kann ich das einfach mit einem bisschen ihrer Control-F12 oder mit einer Maus hier machen, und so kann ich wirklich verstehen, wo ich bin. Also kann ich sehen, dass dieser Code hier ist, der andere Code ist hier, also hätte ich das ganze Dokument springen müssen, nur um dieses Peeking zu machen. sind also einige Dinge, die hier sehr, sehr mächtig sind , wenn es darum geht, JavaScript zu schreiben. Andere Dinge, die ein guter Editor für Sie tun sollte auch erlauben, mehrere Editoren nebeneinander zu haben. In diesem Fall kann ich das hier teilen und ich kann mein HTML neben meinem JavaScript haben, also sehe ich, wie die beiden interagieren und ich zwischen ihnen springen kann. Eine zusätzliche Funktion, die etwas wie Visual Studio Code hat , ist, dass es die gesamte Umgebung hat, über die wir zuvor gesprochen haben, das Debuggen und die Konsole direkt in einem Editor hat. Sie müssen also nicht ständig zwischen dem Terminal und dem Editor springen , da Sie hier ein integriertes Terminal im System haben. Also, ich könnte einfach meine eingebauten Befehle meine Versionssteuerung Befehle direkt im Editor ohne ständig zwischen dem Terminal und meinem Editor springen zu müssen. Manchmal ist es eine gute Sache, zwischen den beiden zu springen, weil Sie Ihre Meinung ändern, aber es ist auch ziemlich schwer für Ihr kognitives Denken, von einem Editor zum anderen zu gehen. Während, wenn Sie in diesem bleiben, können Sie alle Befehle ausführen, die Sie hier tun müssen. Machen Sie also weiter von der Versionskontrolle, Sie können Ihre Build-Skripte ausführen, und all diese könnten auch automatisiert werden. Jedes Mal, wenn ich etwas im Editor speichere, würde es automatisch einen Teil meines erstellten Skripts oder einen Teil meiner Bereitstellung für mich tun. Auf diese Weise haben Sie alles in einem Editor. Dies ist auch großartig, wenn Sie Menschen etwas über Web-Entwicklung beibringen, Sie können ihnen einfach diesen einen Editor geben, anstatt zu sagen, dass Sie einen Editor benötigen, Sie müssen Ihr Terminal einrichten, Sie müssen Ihre Terminals auf diese Weise installieren. Eine andere Sache, die es tut, ist Fusseln. So haben Sie zum Beispiel weniger CSS hier, und ich habe einen Linter installiert. Also, wenn ich ihm die Probleme zeige, sollte es mir sagen, wenn etwas schief geht. So können Sie hier sehen, jetzt habe ich einen Semikolon, den ich gelöscht habe, und plötzlich wird der Hintergrund rot und sie haben zerrissene Linien unter diesen Dingern. Das ist ähnlich, wenn Sie einen Tippfehler in Wort tun, tut es jetzt innerhalb des Codes. Also in diesem Fall habe ich den Semikolon vergessen, der jetzt ein Fehler hier ist, es ist Semikolon erwartet, und dann ist der Rest des CSS-Selektors auch kaputt, weil der Semikolon nicht da ist. Wenn ich nun wieder ein Semikolon hineinlege, gehen alle diese Pfeile weg. Auf diese Weise habe ich direkt Einblick bekommen, während ich codiere, dass ich etwas falsch mache, anstatt zum Browser gehen, es debuggen und meine Probleme auf diese Weise finden zu müssen. Sie können dasselbe in JavaScript tun, indem Sie entweder eine Erweiterung installieren oder Sie können auch einfach einen Kommentar über Ihrem JavaScript namens ts-check verwenden. Dieser verwendet Type-Skripte Linter, um Ihr JavaScript erneut auszuführen. In diesem Fall zeigt es mir jetzt alle JavaScript-Fehler, die ich in diesem gemacht habe, und einige von ihnen sind eigentlich keine wirklich Fehler, aber es gibt falsche Positive. Aber wenn ich einen Fehler gemacht hätte, würde es mir das automatisch sagen. Wenn ich zum Beispiel das Spiel hier gelöscht habe und ich versucht habe, irgendwo anders auf das Spiel zuzugreifen, heißt es: „Spiel kann nicht gefunden werden“. Also in diesem Fall habe ich das Spiel nicht definiert, also kann ich nicht wirklich ein Spiel drehen, weil sie nicht existieren. Das wäre ein Fehler, dass der Browser mich werfen würde und ich dort debuggen müsste. Aber da ich den Linter im Editor selbst eingeschaltet habe, zeigt es mir Dinge, während ich es codiere und auf diese Weise werde ich ein besserer Entwickler, weil ich keine Fehler mache. Sie sehen auch die roten Punkte hier, sagen uns, wo all die Probleme sind, über die wir gerade gesprochen haben. Also einige von ihnen haben diese Probleme und du rollst über die schräg Linie, und dann sagt es dir, was das Problem dieser Dinge ist. Das letzte, was in diesem Editor großartig ist, ist, dass er die Versionskontrolle integriert hat, und wir werden später über die Versionskontrolle sprechen. Wenn Sie also etwas ändern und darauf klicken, können Sie tatsächlich die Unterschiede in Ihrer Zusammenführung sehen. Also in diesem Fall, wenn ich das zurück an den Server senden möchte, sagt es mir jetzt, dass diese neuen zwei Zeilen hinzugefügt wurden, und diese beiden Zeilen wurden gelöscht, und das Spiel wurde auch hier geändert. Also bekomme ich, bevor ich etwas an den Server an meine Kollegen schicke, es sagt mir all die Dinge, die passiert sind. Also im Wesentlichen sollte ein guter Editor es vor allem machen, einfach für Sie zu schreiben, indem Sie ein nettes Team haben und es einfacher machen, Dinge zu tippen, indem Sie automatische Vervollständigung und die Einrückung und diese Dinge für Sie haben. Die zusätzlichen Bits, die ich an Visual Studio Code und anderen liebe, stattdessen hat es ein Terminal integriert, es hat die Linting integriert, und es sagt mir, wenn ich etwas falsch mache, während ich etwas falsch mache, während ich etwas falsch mache anstatt dass ich es herausfinden muss, indem ich den Browser verfolgt und ihn dann bricht. Denken Sie also darüber nach, Ihren Editor für sich selbst einzurichten, und wenn Sie sich entscheiden, einen Visual Studio-Code zu verwenden, würden Sie wissen, dass es ein Open-Source-Editor ist und es wird nicht verschwinden, und das ist auch eine großartige Sache. Also jetzt wissen Sie, wie ein guter Editor Sie zu einem besseren Entwickler machen und die Erweiterungen dafür finden kann, ist es eigentlich etwas, um Ihren Editor als auch zu machen. Als nächstes möchte ich über etwas sprechen, das sehr wichtig ist , wenn man mit vielen anderen Leuten arbeiten will und auch wenn man sicherstellen will, dass das, was man heute getan hat, in drei Wochen verständlich ist, und das ist Versionskontrolle. 7. Versionskontrolle: Willkommen in diesem Teil des wiederentdeckenden JavaScript-Kurses, wo wir nicht über JavaScript an sich sprechen, sondern über Code sprechen, und wir sprechen über Versionskontrolle. Versionskontrolle ist etwas, das Sie vielleicht nicht getroffen haben wenn Sie ein Freiberufler sind oder Sie einfach etwas JavaScript für sich selbst geschrieben haben. Aber sobald Sie in einer Umgebung arbeiten, in der mehrere Personen, mit verschiedenen Kunden oder mit anderen Personen, oder mit anderen Personen Versionskontrolle ein absolutes Muss ist, denn es gibt nichts Besseres, als etwas zu haben das Ihnen sagt und zwingt Sie zu beschreiben, was Sie getan haben. Wir denken immer, dass wir in Ordnung sind, wenn wir uns unseren Code ein paar Wochen später ansehen , nachdem wir es nicht mit ihnen versucht haben. Aber glauben Sie mir, je länger Sie warten, desto mehr kommen Sie zurück zu Ihrem Code. Du hast keine Ahnung, was du getan hast, und du hast auch kein Verständnis dafür, was vor sich geht. Versionskontrolle ist wie das Erstellen verschiedener ZIP-Dateien und die Benennung von Version 1, Version 2, Version 3 oder das Erstellen verschiedener Ordner ist nicht das cleverste, weil Sie auch in Zukunft verwirrt werden. also sicher, dass der neue Code irgendwo anders als nur auf Ihrem Computer lebt , ist eine sehr, sehr einfache Möglichkeit, sicherzustellen, dass Ihr Code weiterlebt, selbst wenn etwas schief geht und Sie nur irgendwo anders eine Sicherheitskopie haben. Nun, in Bezug auf die Versionskontrolle, hatten wir in der Vergangenheit viele Werkzeuge. Wir hatten wie Visual SourceSafe, wir hatten SVN, wir hatten CVS, wir hatten CodeStar Team. Ich habe im Laufe der Jahre mit etwa 15 verschiedenen Typen in verschiedenen Unternehmen gearbeitet. In den letzten Jahren ist git jedoch zum Standard für fast alle da draußen geworden. Git ist ein Versionskontrollsystem, das auch ein Open-Source-System ist. Es ist frei verfügbar. Sie können auf git-scm.com herunterladen. Aber was git wirklich interessant für die Open-Source-Welt und für alle anderen auch gemacht wirklich interessant für die Open-Source-Welt und für alle hat, ist, dass GitHub zustande gekommen ist. GitHub ist eine Umgebung oder eine Community um Code herum. Es ist eine soziale Plattform für Code. Was GitHub Ihnen erlaubt, ist nicht nur, Ihren Code dorthin zu senden, damit er gehostet wird, damit andere Leute ihn dort herunterladen können, sondern es tut die Version, die git unter der Haube steuert. Jedes Mal, wenn Sie etwas ändern und Sie es an das System senden, müssen Sie einen Kommentar schreiben, was Sie getan haben und was Sie geändert haben, und dass am Ende ist eine großartige Gelegenheit für Sie, herauszufinden, wann etwas ging schief oder herauszufinden, wann eine Änderung passiert ist, die Sie nicht haben wollten. Indem Sie sich also zwingen, Ihre Sachen in die Versionskontrolle zu stecken, schreiben Sie bereits Dokumentation für Ihren Code in Form von Commit-Nachrichten, und das ist etwas, das Sie in Zukunft tun müssen, wenn Sie in größeren Teams arbeiten Jedenfalls, damit die Leute verstehen, was du getan hast. Die andere Sache, mit der die Versionssteuerung Ihnen natürlich hilft, ist, dass Sie zum Beispiel eine Version Ihres Codes in einem derZweige behalten eine Version Ihres Codes in einem der können und Sie einen anderen Zweig erstellen und kreativ sein können. In der Versionskontrolle können Sie also immer die letzten Versionen zurücksetzen und zu den nächsten Versionen wechseln. Also, wenn etwas schief geht, haben Sie einen Schritt vorwärts und einen Rückschritt. Auf diese Weise verlassen Sie eine Spur und Sie hinterlassen Ihren Code immer auf funktionale Weise. Das wirklich Interessante an GitHub als Plattform ist jedoch, dass Sie alle Arten von Community-Dingen haben, die umherlaufen und die Leute Ihren Code mögen können, Leute können Ihnen Sterne geben, Leute können es kommentieren, Leute können Ziehen Sie Anfragen, nehmen Sie Ihren Code, kopieren Sie ihn in ihr Repository, um zwei verschiedene Dinge damit zu tun , während Sie noch an der anderen arbeiten, und wenn sie Änderungen haben, die interessant sind, senden sie sie an Sie und das System findet automatisch den Unterschied zwischen den beiden und führt sie zusammen, ohne Ihren Code zu brechen. Das ist etwas, das fast unmöglich mit der Hand zu tun ist und wirklich bedeutet, dass man viel Kommunikation mit der anderen Person machen muss. Das System wurde geschrieben, git wurde geschrieben, um sicherzustellen, dass Sie diese beiden Dinge immer zusammenführen können , damit sie beide zusammenarbeiten. Das bedeutet, dass bei einem großen Codestück mehrere Personen gleichzeitig an verschiedenen Orten, in verschiedenen Zeitzonen, auf verschiedeneArten des Schreibens, in verschiedenen Editoren arbeiten können in verschiedenen Zeitzonen, auf verschiedene Arten des Schreibens, und der Code lebt in das Repository und das ist, wo jeder es findet. Die andere Sache, die GitHub sehr interessant macht, ist es eine einfache Möglichkeit, Ihre Systeme auch zu zeigen. Also, im letzten Video, zeigte ich, dass ich dieses kleine Spiel hier namens fünfzehn drei hatte, was nur ein kleines Spiel ist, als ich für mich selbst geschrieben habe, und ich wollte es nirgendwo auf dem Server setzen. Aber ich habe es in meiner Version, die hier in GitHub steuert. Ich habe noch keine Pull-Anfragen oder Probleme, die Leute an mich senden , weil ich es nicht an Leute gesendet habe und ich nicht mit Leuten gesprochen habe, die es ansehen. Ich habe eine Person, die es beobachtet. Ich weiß nicht, wer das ist, aber wir werden es bald herausfinden. Das Tolle daran ist, gerade jetzt, dass der Code hier ist, um ihn zu bearbeiten, aber Sie haben auch einen GitHub-Seiten-Zweig, also kann ich jetzt zum gleichen Repository hier gehen und anstatt den, kann ich einen codepo8.github.io machen und fünfzehn-drei, und dann können Sie das Spiel spielen. Also verwende ich GitHub nicht nur, um meinen Code sicher zu machen und ihn dort für die Wartung zu halten, sondern ich hoste auch eine ausführbare Version dieser Version in diesem Repository. Also, Sie können das Spiel hier spielen. Du kannst es ausprobieren. Du kannst es an Leute schicken. Also, in diesem Fall, eins plus vier mal drei gleich 15 und ich habe die Schreibantwort hier. Also, dies ist die Art von Dingen, die großartig sind, Dinge auszuprobieren und es an Leute zu senden, und Sie können leicht ein GitHub-Repository in eine gehostete Seite verwandeln , indem Sie einfach einen neuen Zweig namens GH-Seiten erstellen. All das ist auf der GitHub-Seite gut erklärt. Wir könnten es jetzt durchgehen, aber wenn Sie zu GitHub gehen, gibt es eine ganze Dokumentation, und es könnte sich in der Zukunft ändern. Stellen Sie also sicher, dass Sie immer zur Dokumentation selbst gehen. Das Tolle an diesem hier ist, dass ich mich nicht um das Hosting kümmern muss. Ich muss mich nicht um die Sicherheit des Servers kümmern. Ich habe nur meinen Code dort laufen, wo das Repository ist und auf diese Weise kann ich schöne Dinge tun. Ich kann auch eine readme.md-Datei haben, die tatsächlich erklärt, worum es in meinem Repository geht, und das ist eine Möglichkeit, Leute darüber zu begeistern. Also, zum Beispiel, in meinem Repository, habe ich diese Tindereske, die Leute seit einiger Zeit verwenden. Diese kleine Schnitt-Sortierschnittstelle, und ich habe nur ein animiertes GIF gemacht, um zu zeigen, wie es ist. Ich habe erklärt, wie man es benutzt und wie man es erweitert und wo man den Code herunterlädt. Also, wo ich meinen Code hostet, schreibe ich auch meine Dokumentation. Ich behalte alles in einem Raum, damit sie nicht synchron sind. Sie kommen nicht aus der Versionierung heraus, und alles wird in einer Sache gepflegt. Alles, was ich brauche, ist ein Editor und ein Terminal, um Dinge an das GitHub-Repository zu senden. Als professioneller Entwickler oder einfach nur ein Entwickler, der sicherstellen möchte , dass mein Code nicht von mir überschrieben wird, ist die Versionskontrolle eine sehr, sehr einfache Sache. Heutzutage, da GitHub frei ist und Git frei ist, ist es viel einfacher, dies zu tun, als es früher war. Denken Sie also darüber nach, die Versionskontrolle nicht nur zu verwenden Ihren Code mit anderen Personen zu teilen, sondern um sicherzustellen, dass Sie daran gewöhnt haben, zu dokumentieren, was Sie in Ihrem Code tun , damit die Leute Ihre Denken Sie an Ihren Code. Sie schreiben Ihre Dokumentation Ihres Codes als Quellkommentare, anstatt sie nur als Kommentare in Ihren Code zu schreiben, die viel schwieriger zu folgen sind und nicht so einfach zu verstehen sind. Also hat Versionskontrolle mir sehr geholfen, viel mit der Community zu teilen, Dinge aus der Community zu bekommen, die Arbeit anderer Leute wiederzuverwenden und Leute Dinge für mich reparieren zu lassen, ohne dass ich in 500 erklären muss E-Mails, was ich haben wollte, weil sie nur den Code angeschaut, behoben, mir eine Pull-Anfrage geschickt haben und zusammen bauen wir etwas Erstaunliches. Als JavaScript-Entwickler im Jahr 2018 denke ich, dass das eines der größten Dinge ist, Teil einer Community zu sein und das Community-Tool ist GitHub, weil dort unser Code lebt und unsere Kommentare leben. GitHub ist nicht nur für Hobbyprojekte und um Ihren eigenen Code wartbarer zu machen, es ist die Plattform, die jeder verwendet. Visual Studio-Code ist der Editor selbst auf GitHub. Die meisten Browser sind auf GitHub verfügbar. Die meisten Frameworks, die Sie verwenden wie wir handeln VueJS und diese Art von Dingen werden gepflegt und geschrieben und haben ihre Community auf GitHub. Es ist auch eine großartige Gelegenheit für Sie, in die JavaScript-Community zu gelangen , nicht unbedingt, indem Sie ein guter Programmierer sind, aber wenn Sie nur herausfinden, ob jemand einen Tippfehler in seiner Dokumentation hat, können Sie ihnen helfen, indem Sie ihn direkt in GitHub, senden Sie eine Pull-Anfrage und werden Teil eines Projekts, nur indem Sie mit etwas helfen, das Sie besser kennen als andere, was in diesem Fall Englisch sein könnte, anstatt codieren und die Leute werden damit zufrieden sein. Es gibt viele Unternehmen, die Anfänger-Dollar in ihren Repositories haben, etwas, das einfach zu beheben ist, aber ein Ingenieur auf dem Produkt könnte leicht tun , aber Sie als Neuling könnten tatsächlich versuchen, zu beheben, um zu verstehen, wie das Produkt gebaut wird. So können Sie in das Produkt gelangen, indem Sie etwas Einfaches fixieren und bereits eine positive Erfahrung haben, beginnend damit. Also, GitHub ist nichts, was Sie sagen, ist nur etwas, das Menschen in ihrer Freizeit tun. Es ist die Nummer eins Ressource im Moment, wo alles in Open Source und in freien Technologien passiert. Also, das war es um Versionskontrolle und wie es Ihnen helfen kann, ein besserer Entwickler zu werden , indem Sie Ihren Code kommentieren und ihn anderen Benutzern zur Verfügung stellen. Der nächste Schritt, den ich denke, dass wir als JavaScript-Entwickler nehmen sollten, ist, aufhören, Konsole und Warnungen überall zu setzen und wirklich untersuchen, wie Debugging in verschiedenen Umgebungen funktioniert. 8. Von Debugging bis Linting: Willkommen zu diesem Video im Teil der Rediscovering JavaScript-Serie. Worüber ich sprechen möchte, die Idee, vom Debuggen zum Linting zu wechseln oder vom Schreiben von Code zu wechseln, Fehler zu machen die Fehler herauszufinden und sie dann zu beheben, um Fehler zu vermeiden. letzter Zeit habe ich angefangen, viel mehr in verschiedenen Umgebungen zu schreiben und ich habe festgestellt, dass in einem meiner Lieblingstools in fast allen Texteditoren wie zum Beispiel Microsoft Word, dass, wenn ich etwas falsch tippe, bekomme ich eine squiggly Linie darunter und es sagt mir, dass dort etwas nicht stimmt. Also, bevor ich es tatsächlich abschicke oder bevor ich es ausdrucke, finde ich, dass ich etwas falsch gemacht habe und dass das Tool mich zu einem besseren Schriftsteller macht , indem ich mir sage, was schief läuft. Wahrscheinlich haben Sie dies und alle Arten von Editoren gesehen und die meiste Zeit haben Betriebssysteme das auch. Ein weiteres Tool, das Teil der Anhänge zu diesem Video sein wird , das ich liebe zu verwenden, ist Hemingway Editor, was mir nicht nur sagt, wenn ich etwas falsch in der Syntax geschrieben habe, sondern mir auch sagt, wenn mein Englisch komplex oder wenn ich Wörter verwendet habe, die einfacher sein könnten oder Wörter, die kürzer sein könnten. Also, es macht mich zu einem besseren Autor durch das Werkzeug, das mir sagt, während ich etwas erschaffe, dass etwas vor sich geht. Ich möchte, dass Sie genau auf die gleiche Weise über Code-Editoren nachdenken. Sie können Fusseln in allen Arten von Umgebungen einrichten. In Visual Studio Code gibt es zum Beispiel Erweiterungen für CSS-Linting, und es gibt auch Erweiterungen für JavaScript-Linting, und es gibt den integrierten TS, TypeScript-Linter, um Ihnen Ihre Fehler in JavaScript zu zeigen, die Sie Habe getan. Sie haben gesehen, wie ich Ihnen das früher im Visual Studio Code-Video gezeigt habe, also müssen wir das nicht mehr wiederholen. Aber ich denke, es ist ein sehr wichtiger Schritt zu verstehen, dass Sie Tools haben, die Ihnen sagen etwas schief läuft, bevor Sie es falsch machen, anstatt den ganzen Kreis zwischen dem Browser-Editor, Browser-Editor zu gehen und herauszufinden, was schief gehen. Jeder Code, jeder Fehler, den Sie nicht geschrieben haben, ist ein Fehler gespeichert und stellen Sie sicher, dass Ihre Endbenutzer auch keine Fehler finden. Eines dieser Dinge zu erinnern, ist auch, dass, als JavaScript-Entwickler in der Vergangenheit, unsere Hauptsache zu tun, um etwas herauszufinden, ist tatsächlich ein Konsolenprotokoll irgendwo in Ihrem Dokument oder davor, dass, sogar Alarm in unserem Dokument. Wenn Sie eine Warnung in einem JavaScript schreiben, stoppt es tatsächlich die Ausführung des Skripts, macht eine Warnbox in Ihrem Browser, dass Sie OK drücken müssen, und dann gehen Sie mit, dass. Mit dem Konsolenprotokoll erhalten Sie die Informationen in der Konsole der Browser-Entwicklertools und erhalten dort die Informationen. Es gibt zwei Probleme mit beiden. Zuallererst fügen Sie Ihrem Code zusätzlichen Code hinzu, den Endbenutzer oder das Endprodukt keinen Sinn ergibt. Sie sollten nie da sein. Kein Konsolenprotokoll sollte jemals auf einer Live-Website angezeigt werden, da Sie tatsächlich einige Informationen oder Einblicke über Ihren Code verschenkenkönnten tatsächlich einige Informationen oder Einblicke über Ihren Code verschenken , die Leute nicht sehen sollten, und Leute werden verwirrt, wenn sie diese Art von Nachrichten und viel natürlich, ist ein massiver Bug. Die Leute sagen: „Warum sagt mir diese Sache OK drücken soll, bevor ich auf die Website gehen kann?“ Aber selbst ein Konsolenprotokoll kann für Leute verwirrend sein, weil sie sich fragen, was passiert ist, wenn ihr Computer plötzlich etwas sagt , das sie nicht erwartet haben. Also, anstatt die Konsolenprotokollierungstechnik oder die Alarmtechnik zu verwenden, ist eine wichtige Sache, die ein neuer Entwickler oder als Entwickler heutzutage zu tun ist, sich an die Verwendung von Breakpoints zu gewöhnen. Breakpoint-Debugging ist seit Jahren eine sehr häufige Sache in anderen Sprachen, und JavaScript hatte vor langer Zeit auch ein Breakpoint-Debugging. Wie auch in Internet Explorer Four gab es Tools, die Sie dem Browser hinzufügen konnten, mit denen Sie Haltepunkt-Debugging statt Konsolenprotokollierung. Also, was soll ich damit meine? Sagen wir zum Beispiel, wir haben hier mein Spiel, über das wir früher gesprochen haben, das Fünfzehn- Drei-Sache. Wenn ich Entwicklertools eingebe, würde ich sagen, „Open Developer Tools“ und in meinem Debugger setze ich irgendwo in meinem Code einen Haltepunkt. Also in diesem Fall habe ich meine fifteen-three.js hier. Und jetzt sagen wir etwas, wohin es gehen würde, getdice, zum Beispiel. Ich kann hier einen Haltepunkt machen. Ich setze einen Haltepunkt, indem ich dies gerade jetzt hervorhebt, und wenn ich jetzt beginne, das Spiel zu spielen und ich diesen Würfel hier drücke, stoppt dieser Haltepunkt. So wird die Ausführung meines Codes gestoppt. Die Website führt den Rest des Codes nicht weiter aus. Der Redakteur selbst hat hier nur etwas. Jetzt muss ich Stack hier anrufen und ich habe alle Einstellungen. Also, anstatt selbst ein Konsolenprotokoll schreiben zu müssen, was ich sagen muss, Konsolenprotokoll, was ich haben möchte. Ich habe eine ganze Information darüber, was hier vor sich geht, ich habe dieses Fenster, ich habe die Schaltfläche, auf die ich geklickt habe, ich habe das T-Element definiert, wo ich jetzt weiß, was die Schaltfläche ist und so weiter und so weiter. Anstatt mich also mit vielen Konsolenprotokollen wiederholen zu müssen, bekam ich den ganzen Einblick in das, was passiert, um Würfelfunktion zu erhalten, die hier aufgerufen wird. Die Argumente, die hereinkamen, das erste war eine Null, klicken Sie, und ich kann Details über diese auch bekommen, was dort passiert ist. also Breakpoint-Debugging verwenden, können Sie Ihren Code schreiben und dann mit dem nächsten Schritt fortfahren. Jetzt funktioniert es nicht, weil wir zu der Zeit hier draußen etwas anderes gemacht haben, aber es ist etwas, das vorher behoben hätte. Denken Sie also über Haltepunkte als Ihr Freund nach, um über das ganze Bild von dem zu gelangen , was mit Ihrem Code schief gelaufen ist, anstatt nur ein Konsolenprotokoll, in dem Sie eine Sache auflisten, die schief gelaufen ist. Von der Protokollierung zum Debuggen zu gehen ist also ein großartiger Schritt, um ein besserer Entwickler zu werden, und von der Entwicklung zum Linting oder vom Debuggen zu Linting ist etwas, das sicherstellt, dass Sie keine Fehler schreiben, die Sie nicht beheben müssen. Sie vermeiden einfach, Bugs zu schreiben, und das ist ein guter Anfang, um ein glücklicherer JavaScript-Entwickler zu werden. Ich hoffe, Sie stimmen zu, dass Linting etwas ist, das Ihnen hilft, keine Fehler zu machen, während Debugging etwas ist, wo Sie Fehler gemacht haben und Sie herausfinden, was passiert ist. Es macht also Sinn, beide zu kennen, aber der begrenzende Teil ist etwas Neues, das wir normalerweise nicht angefasst haben. über etwas Neues spreche, werde ich im nächsten Video darüber sprechen, wie ich auf dem Laufenden bleiben kann, was im JavaScript-Bereich passiert und sicherstellen kann, dass Sie an Dinge gewöhnt sind, wenn sie bereit sind, verwendet zu werden. 9. Immer auf dem neuesten Stand bei JS: Willkommen in diesem Teil des wiederentdeckenden JavaScript-Kurses, wo ich über einige der Dinge auf einer höheren Ebene sprechen werde. Unser Problem mit JavaScript-Entwicklern der Vergangenheit ist, dass wir viel Schmerz und Elend mit uns daran erinnern, wie schlimm die Dinge in der Vergangenheit waren. Wir hatten immer schlechte Umgebungen wie Browser, die wir nicht kontrollieren konnten, Editoren, die die Dinge, die wir taten, nicht getan haben. Versionskontrolle war nicht eine Sache, so oft musste unser Code neu geschrieben werden wenn etwas schief gelaufen ist und ihn auf schlechten Festplatten speichern und so weiter und so weiter. Viele Male, wenn wir als Menschen, die JavaScript für eine lange, lange Zeit vor allem im Web verwenden , gehen über neue Technologien zu hören. Wir bekommen es mit einem Gefühl der Bedrohung und wir denken darüber, dass dies nicht das Richtige ist und es wird nicht passieren. Ich kann es nicht benutzen, aber meine Endnutzer werden solche Dinge nicht haben und wir werden sehr schützend für unser Wissen. Die Dinge, die wir seit Jahren und Jahren verwenden , sind die Dinge, die immer funktionieren würden und das neue Zeug, mit dem die coolen Kits arbeiten, ist nur neumodischen Dinge, die niemand verwenden sollte. Dies ist keine gesunde Einstellung in einer Umgebung, die sich so schnell bewegt, wie der JavaScript-Raum gerade ist. Also, ich möchte, dass wir einige unserer Wege überdenken, was wir getan haben, und auch einige unserer Kenntnisse über Dinge verwerfen , die schief gelaufen sind. Nur weil etwas in Browsern vor 10 Jahren oder fünf Jahren schief gelaufen ist, oder wir hatten ein Problem, uns selbst zu verstehen, warum so etwas wie keine Stühle eine coole Sache wäre, bedeutet nicht, dass es keine gute Sache ist. Es bedeutet tatsächlich, dass wir abgestanden werden und wir machen die Fehler davon auszugehen, dass Dinge schief laufen, wo sie eigentlich nicht sind. Indem wir also auf dem Laufenden bleiben, was in JavaScript passiert , indem wir uns darüber freuen, was dort vor sich geht, haben wir die Chance, unsere Idee zu verjüngen und den Spaß beim Programmieren wieder zu finden. Das Glück dessen zu finden, was wir in der Vergangenheit getan haben, als wir plötzlich wie das Wohnheim hatten und wir Browser für die Ajax zur Verfügung hatten, konnten wir Videos und Browser abspielen, die wir nicht vorher konnten, ohne Dinge wie Flash zu verwenden. Die Menge an Medien wie Medienbibliotheken in Browsern und die Menge an technischen Dingen, die Browser heutzutage tun können, sollte für uns spannend sein. Es sollte nicht sein, es hat nie funktioniert, also hat es in der Vergangenheit nicht funktioniert, so dass es jetzt nicht funktioniert. Daher müssen wir viel Zeit damit verbringen, Poly-Felder zu schreiben und Problemumgehungen zu schreiben und Bibliotheken zu verwenden, da Browser es nicht richtig machen. Wie ich in den anderen Videos bereits abgedeckt, wir leben in einer Welt, in der Browser sind immergrün, und Browser ändern sich ständig und alle Browser sind offen für die Kommunikation als auch. Wenn also etwas kaputt ist oder Sie etwas in den Standards oder in einem Browser sehen , den Sie mögen, können Sie mit anderen Browsermachern auf Mailinglisten, auf Twitter auf GitHub sprechen . Browser-Hersteller hörten auf, ihre Ingenieure in Kellern zu verstecken und ihnen vor langer Zeit nicht zu erlauben, mit der Welt zu sprechen. Wir sind alle öffentlich zugänglich, wir sind alle für Sie da und wir freuen uns über Feedback und wir machen es gerne möglich, wenn sie sinnvoll sind und wann sie standardisiert werden können. Also, fühlen Sie sich nicht entmutigt darüber, dass etwas nicht in einem Browser verfügbar ist, jetzt und denken, dass dies für die Zukunft sein wird , in zwei Wochen könnte der neue Browser aus sein und es könnte unterstützt werden und es liegt an uns, von unsere Umgebungen, um besser zu werden und Dinge zu unterstützen , die Sinn machen und das Web vorwärts bewegen. Also, die Umarmung neuer Technologie ist ein sehr, sehr wichtiger Teil, um uns als Entwickler zu verjüngen und herauszufinden, was heute cool an JavaScript ist. Auf der anderen Seite sollte man sich natürlich nicht zu aufgeregt über all die experimentellen Dinge oder die Dinge, die die Leute gerade ausprobieren. Ihr Computer, Ihre Umgebung, Ihr Editor und Ihr Browser, es ist nicht das, was Endbenutzer da draußen haben. Sie müssen einen schönen Weg dazwischen finden. Ich fing an, nicht mehr an der blutigen Kante in JavaScript zu leben , weil es frustrierend für mich wurde, Dinge auszuprobieren und dann zu sehen, wie sie nicht anders implementiert oder implementiert wurden und ich musste meinen Code ständig ändern. Das ist etwas, worauf viele Leute aufgeregt werden. Ich will nur Dinge für Leute bauen, die funktionieren. Also fand ich mich aufgeregt über die Neuigkeiten von einem Monat vor, die gerade jetzt die blutenden Nachrichten verbreiteten, und auf diese Weise fand ich mich wieder zu einem viel aufgeregten JavaScript-Entwickler, brachte sogar mein altes Wissen und meine alten Griffe von dem, was in der Vergangenheit schief gelaufen ist, in eine neue Umgebung. Also, werfen Sie einen Blick auf, was Browser tun, Sie einen Blick auf, welche Diskussionen in den Normungsgremien stattfinden, und wie ich zu Beginn dieses Kurses sagte, schauen Sie sich caniuse.com an, um zu sehen, ob die coole Sache, über die Sie gerade gelernt haben ist nur ein Pipe-Traum für jetzt oder ist bereits in zwei oder drei Browsern implementiert, was bedeutet, dass Sie es nach weiteren drei Monaten wahrscheinlich überall verwenden können. Lassen Sie sich also nicht davon entmutigen, dass Dinge sich schnell bewegen und die ganze Zeit innovativ sind. Seien Sie Teil dieser Innovation und Sie werden feststellen , dass JavaScript viel mehr Spaß macht, als es früher war. Hoffentlich fühlen Sie sich jetzt besser über das Tempo der JavaScript-Community und der neuen Technologie, weil Sie Ressourcen haben, um zu überprüfen, ob etwas wirklich so cool ist, wie Leute es sagen, und Sie können es einmal verwenden Es ist sicher zu bedienen. Das nächste, worüber ich jetzt sprechen möchte, ist, wie man die Community rund um JavaScript umarmt und wie man Teil davon wird. 10. Lerne die JavaScript-Community kennen: Willkommen in diesem Teil der Wiederentdeckung von JavaScript, aber ich möchte Sie dazu verleiten, Teil der JavaScript-Community zu sein, was wir nicht das erste Mal hatten, als wir damit begonnen haben. Es gab ein paar Mailinglisten, es gab ein paar Foren, aber die sozialen Medien haben sich noch nicht ganz angenommen und vor allem haben die Leute nicht ganz so viel wie heute um das Projekt zusammengearbeitet, jetzt, da wir GitHub und Pinsel-Steuerung. Also, wenn Sie gerade jemand in der JavaScript-Welt werden wollen, oder Sie neue Dinge nutzen und Neues ausprobieren wollen, sollten Sie tatsächlich an den Kommunikationskanälen teilnehmen. Sie können einfach dort bleiben und sich die Dinge für die ersten paar Monate ansehen. Du musst kein Teil sein, oder du musst nicht das Gefühl haben, dass du ganze Zeit das große neue Ding beisteuern musst. Es ist nur ein sehr interessanter Teil, wie viel wir miteinander kommunizieren. Soziale Plattformen wie GitHub, auf denen unser Code lebt und Menschen Dinge kommentieren und Pull-Anfragen senden und Issue-Anfragen senden können , sind eine gute Möglichkeit für Sie, um loszulegen und eine gute Möglichkeit , darüber, wie andere Menschen sind wie auch. Es ist erstaunlich, wie viel mehr drin Sie bekommen, wenn Sie die Menschen um Produkte und nicht nur das Produkt, so oft eine Zeit, ich bin nicht glücklich mit dem Produkt, aber dann schaue ich, wer sie pflegt, und wie gut sie tatsächlich mit der Gemeinschaft um sie herum umgehen, also anstatt die wütende Person zu sein, die nur sagt, das ist falsch und du solltest es ganz anders machen, fange ich an zu kommunizieren und zu sagen: „Warum hast du Tun Sie es so? Wäre es nicht besser, so zu sein?“ Also, es ist eine großartige Gelegenheit, sich an die Arbeit mit anderen Menschen zu gewöhnen , und es wird es wahrscheinlich besser für Sie in Ihrem eigenen Job als auch machen. Zum Beispiel, wenn ich versuche, Leute im Moment einzustellen, schaue ich mir ihre GitHub-Repositories an, und ich schaue mir ihre Aktivitäten auf GitHub an. Ich betrachte nicht nur die Qualität des Codes oder die erstaunliche Qualität ihres Codes, ich schaue auch an, wie sie mit anderen Menschen umgehen, wie sie mit Pull-Anfragen umgehen, welche Art von Kommentaren sie dem Wettbewerb geben, wie sie mit Kritik umgehen, und wie sie mit Lob umgehen, denn das ist es, worauf es am Ende hinausläuft. Die Leute arbeiten mit anderen Menschen zusammen, also möchte ich, dass die Leute Teamplayer sind , wenn ich sie einstelle, und es ist eine großartige Gelegenheit, zu glänzen und einen guten Eindruck für Sie zu geben , indem Sie bereits in den sozialen Umgebungen teilnehmen. Es gibt viele Slack-Kanäle über JavaScript, es gibt viele Mailinglisten, oben gibt es viele Meta, viele Ereignisse, die dort draußen stattfinden, also gibt es eine riesige Community, in der jeder begeistert von JavaScript ist . Stellen Sie also sicher, dass Sie sich für diejenigen in Ihrer Nähe umsehen oder sich nach Online-Teilnahme umsehen, und Sie werden feststellen, dass andere Menschen Sie inspirieren und auch Menschen inspirieren können. Stellen Sie sicher, dass Sie zu den richtigen gehen. Wenn Sie sich nicht für die Knotenentwicklung interessieren, dann ist wahrscheinlich eine Knotenslack nicht das Richtige für Sie. Aber auf der anderen Seite, wenn Sie nur das betrachten wollen und in den Knoten kommen und sehen wollen, wie die Leute ticken, ist es eine gute Möglichkeit, da reinzugehen und anfangen zu lauern und herauszufinden, was in der Umgebung passiert. Wenn Sie etwas Inspiration benötigen, gibt es großartige Repositories wie JS Pen und CodePen. CodePen ist eine wirklich nette und einladende Gemeinschaft von sehr, sehr kreativen Programmierer, die wie kleine Dinge zeigen, auf die Sie klicken und Sie sie ausprobieren und Sie können sie für sich selbst verzweigen, sie zu Ihrem GitHub-Repository führen und mit ihnen spielen. Also, anstatt nur etwas anzuschauen und zu sagen: „Oh, das ist erstaunlich.“ Sie können anfangen, damit herumherherumherzu experimentieren , Sie können Zahlen ändern , Sie können Zahlen ändern, Sie können dem Code hinzufügen, und Sie werden nie mit dem ursprünglichen Code dieser Person vermasseln , weil sobald Sie mit der Bearbeitung beginnen, es kopiert es in Ihr eigenes CodePen-Repository, so dass Sie nichts brechen können, aber Sie sind sehr eingeladen, zu spielen. Das ist, was ich möchte, dass Sie darüber nachdenken und auch über die JavaScript-Community. Wir brauchen eine vielseitigere Gemeinschaft. Wir brauchen Menschen, die nicht notwendigerweise schon seit Jahren da sind. Wir brauchen Menschen mit neuen und frischen Ideen, also fühlen Sie sich nicht von diesen Gruppen eingeschüchtert. Gehen Sie einfach da rein, schauen Sie sich um, und wenn Sie denken, dass Sie etwas zu tragen haben, tragen Sie bitte dazu bei. Hoffentlich sind Sie bereit, dort Ihre Spuren in der JavaScript-Community zu machen oder zumindest bereit zu sein , einen Blick darauf zu werfen und zu erkennen, dass es nicht nur um Code, sondern auch um Menschen geht. zu sprechen, wird auch Teil des nächsten Videos sein , in dem ich Ihnen beibringen werde, wie man Hilfe bekommt und wie man um Hilfe bittet, ohne zu überwältigend und zu ärgerlich für die Menschen zu sein. 11. Hilfe anfordern: Willkommen in diesem Video, in dem wir darüber sprechen, um Hilfe in der aktuellen JavaScript-Community zu bitten , und wie man die besten Ergebnisse erhält, wenn man um Hilfe bittet, und auch, wie man den Menschen Feedback gibt. Wir leben in einer JavaScript-Welt, in der alles sozial ist. größte Teil des Codes, mit dem wir spielen, und die Tools, mit denen wir spielen, sind Open Source und verfügbar. Was bedeutet, dass Sie auf GitHub Umfrageanfragen durchführen können, Probleme tun können, Dinge kommentieren können, Sie können einfach Daumen hoch geben, oder Sie können den Menschen einfach einen Stern geben. Die meisten Leute haben ihre Twitter-Konten, wo Sie mit ihnen Kontakt aufnehmen können, und Sie können sich dort über Dinge beschweren. Sie können Fehler mit Browsern auf GitHub ablegen. Sie können Fehler mit Browsern auf Twitter ablegen. Sie können auf Mailinglisten gehen. Sie können auf Slack-Kanäle gehen. Du kannst überall hingehen. Das Tolle an den Werkzeugen, die wir heutzutage haben, ist, dass sie alle online sind, und alle haben auch einen Teil davon, der Teil einer Gemeinschaft ist. Also, heutzutage, wenn ich ein JavaScript-Problem habe, gehe ich nicht wirklich zu einer Mailingliste und frage Leute, was das Problem ist, oder gehe zu einem Stack-Overflow und frage Leute, was das Problem ist, aber ich fange an, die Problem in erster Linie. Also, sieh dir deinen Code an, was ist da los? Aktivieren Sie die Begrenzung in Ihrem Editor und finden Sie heraus, ob es ein striktes Problem gibt , an das Sie noch nicht gedacht haben. Probieren Sie es in verschiedenen Browsern aus und probieren Sie es vielleicht auf einer anderen Plattform aus, um herauszufinden, ob etwas schief gelaufen ist. Nehmen Sie Ihr Mobiltelefon heraus und finden Sie heraus, ob es dort ein Problem gibt. Also, sobald Sie herausgefunden haben, wo das Problem ist und es immer noch ein Problem ist, und es ist wahrscheinlich etwas mit dem Code, dann ist das Beste, was zu tun ist, einen Eliminationstest zu schreiben. Schreiben Sie den einfachsten Weg, wie dieses Ding bricht, und legen Sie es dann auf CodePen auf, oder legen Sie es auf JSpin auf oder legen Sie es als Kern auf GitHub. Auf diese Weise können Sie Leute einladen, es selbst zu testen, zu überprüfen, ob es ein echtes Problem ist oder ob es kein Problem ist, und Ihnen dann sagen, wie Sie es beheben können. die Dinge so viel schneller macht, als nur zufällig zu fragen und sich zu fragen, was da los ist. Oft, wenn Sie zu Dingen wie Stack Overflow gehen, und Sie um Hilfe bitten, und Sie in Ihrer Frage sehr vage sind, werden Sie eine Menge Leute einladen, die entweder versuchen, Ihnen ihre eigene Agenda, ihre eigenen Vorurteile oder ihre eigenen Vorstellungen von dem, was die beste Lösung ist. Meistens verwenden Sie React, verwenden Sie einfach jQuery, anstatt eine Antwort auf ein JavaScript-Problem zu haben. Also, und dann ist das ein endloser Thread über Leute, ich weiß, dass du das nicht benutzen solltest, nein, du solltest das. Indem Sie es an den Code halten und mit einem Codebeispiel fragen, finden Sie heraus, dass viele Leute viel schwieriger haben , ihre eigene Agenda und ihre eigenen Ideen zu entwickeln, weil es bereits auf dieses Problem hinausgekocht ist, und das eine Problem zu finden. Also, diese Art von Frage zu stellen, ist eine sehr, sehr einfache Möglichkeit, die schnellsten Antworten da draußen zu bekommen. Normalerweise schreibe ich auf CodePen, ich lösche es auf Twitter oder einem Slack-Kanal aus , und dann können Leute mit mir anfangen, kollaborative Bearbeitung mit mir, so dass ich sehen kann, während sie meinen Code tatsächlich bearbeiten und wir können in Kommentaren oder Codekommentaren kommunizieren, während Sie codieren. Das macht auch viel Spaß, und gut, um andere Menschen zu unterrichten. Es ist eine großartige Gelegenheit für Sie, andere Leute kennenzulernen , die später andere Probleme für Sie lösen können, oder vielleicht ein Projekt zusammen mit ihnen in Gang zu bringen. Wenn Sie selbst mehr Feedback geben möchten und mehr Hilfe geben möchten, schauen Sie sich die Dinge an, schauen Sie sich Repositories auf GitHub an. Viele Repositories haben Fehler, die behoben werden müssen, sind aber immer auf dem Backburner, und jeder im Kernteam des Produkts ist zu beschäftigt, um diese Fehler zu beheben. Also, sie kennzeichnen sie als erstes Mal einen Bug, der eine großartige Gelegenheit für Sie ist , einfach da rein zu gehen, ihnen zu helfen, indem Sie einen 10-Sekunden-Job machen, und Sie sind bereits Teil dieser Community, und Sie sind bereits auf dem Radar von Menschen. Lassen Sie uns nicht vergessen, dass je mehr man Menschen kennenlernt und je positiver der Aspekt oft ein Eindruck ist, den man gibt, umso wahrscheinlicher ist, dass diese Leute mit Ihnen reden. Das gibt Ihnen Möglichkeiten, wie zu sprechenden Veranstaltungen oder sogar Jobs zu gehen. meiste Teil meiner Karriere in JavaScript in den letzten 10 Jahren war Mundpropaganda, und ich habe versucht, mein Bestes zu tun, um online eine nette Person zu sein, und dafür zu sorgen, dass ich so definiert bin, wie ich sein kann, damit die Leute etwas falsch in meiner Befragung sehen können, oder in meiner Kritik etwas falsch auszusprechen. Kritik öffentlich zu geben, ist eine sehr gefährliche Sache. Du willst sicherstellen, dass du Menschen nicht zerstörst, und du entmutigst sie nicht davon, weiterzumachen. Aber wenn Sie es bis zu einem technischen Niveau halten, wenn Sie es bis zum Codebeispiel halten und Sie beweisen, dass etwas nicht stimmt, dann gibt es keine Emotionen, und das ist kein Problem mit ihnen, weil es bewiesen werden kann, dass Sie nur wollte helfen und du hast gesehen, dass etwas schief gelaufen ist. Lassen Sie sich also nicht entmutigen durch so viel Lärm, durch so viel Kommunikation, und durch so viel harte Kritik und harte Kommunikation in der Gemeinschaft. Viele Male sind das Leute, die einfach nur gehört werden wollen. Sie wollen anderen Menschen nicht wehtun. Sie sind einfach nicht ganz gut darin, Leute um Hilfe zu bitten. Also, vielleicht nur einen Schritt zurück und sagen: „Okay, ich werde nicht wütend wegen dieser Sache werden, ich gehe zu dem anderen Thread, wo es interessante Diskussionen gibt , denn das ist eine gute Sache zu tun.“ Lassen Sie sich nicht entmutigen, indem Sie denken, dass Sie nicht mit den Nachrichten mithalten können, weil niemand das kann. Wir sind gerade bei einem Rattenrennen, bei dem jeder versucht, das coole neue Ding zu machen, und erfinden die coole neue Funktion aus der Sprache, das ist in Ordnung. Es ist Innovation, es ist Kreativität, es ist chaotisch. Aber lassen Sie sich nicht entmutigen, indem Sie sagen, dass ich zu langsam dafür bin , weil wir alle nur mit Wasser kochen, einschließlich mir. Ich hoffe, Sie haben etwas aus dieser ganzen Sache gelernt, und ich hoffe, Sie wissen jetzt, dass es am einfachsten ist, Hilfe zu bekommen, wenn Sie sich an die Fakten halten, und Sie machen es für andere so einfach wie möglich, Dinge für Sie zu reparieren, anstatt etwas zu finden in Ihrem Code oder Ihrer Dokumentation, weil das zu viel Arbeit ist. Sie möchten es den Menschen so einfach wie möglich machen, Ihnen zu helfen, und wenn Sie Menschen helfen, machen Sie es so einfach wie möglich für sie zu verstehen, was sie falsch gemacht haben, und erklären Sie es ihnen in einer schönen Art und Weise nicht Anders als du alles falsch machst, und ich bin besser als du. Dies würde unsere Gemeinschaft viel, viel besser machen , und ich freue mich darauf. 12. Abschließende Gedanken: Nun, das ist ein Wrap. Ich hoffe, Sie haben diesen Kurs genossen, und ich hoffe, Sie verstehen jetzt, dass die Wiederentdeckung von JavaScript eine interessante Sache ist wie das Wissen, das Sie in der Vergangenheit haben, veraltet sein könnte und etwas davon nicht mehr notwendig ist, aber gibt es eine große neue Welt der Kommunikation da draußen. Es gibt eine großartige Community rund um JavaScript, an der Sie teilnehmen können, und vor allem sind die Werkzeuge Sprünge gekommen, seit wir es das erste Mal gemacht haben. Browser sind immergrün, Editoren sind Open-Source und selbst geschrieben und typescript, so dass Sie sie bearbeiten und Erweiterungen für sie erhalten können. Das Terminal ist jetzt auch die Heimat von JavaScript. Sie können echte Anwendungen in JavaScript erstellen, die breiter sind als nur Web-Dinge. Es gibt so viele Dinge, mit denen man spielen kann. Es wäre traurig, keinen Blick zu werfen und nicht mutig genug zu sagen: „Hey, ich habe es in der Vergangenheit getan, ich kann es wieder lernen.“ Also, lassen Sie sich nicht von der Geschwindigkeit der Dinge entmutigen, es gibt eine Menge Hype um sie herum, aber es gibt eine Menge coole Dinge zu finden. Also, ich hoffe, du hast etwas Interessantes gefunden. Wenn Sie mit etwas gespielt haben, wenn Sie etwas nicht verständliches gefunden haben, wenn Sie mehr Details über einige Dinge erhalten möchten, wenden Sie sich bitte an uns, geben Sie uns Kommentare, laden Sie einige der Beispiele hoch, die Sie getan haben wo du deine Wege geändert hast, je nachdem, was du vorher getan hast, und ich freue mich darauf, mehr von dir zu sehen.