Get best of the week

Beste GitHub-Repositories für Webentwickler

Ein Programmierer verbringt viele Stunden damit, eine bestimmte Funktionalität zu entwickeln und sicherzustellen, dass der Code den in einer bestimmten Umgebung angewendeten Best Practices entspricht. Diese Uhr sollte nicht das regelmäßige Schreiben von Vorlagendesigns beinhalten. Ein Programmierer kann sich bei der richtigen Organisation der Arbeit sehr helfen, sich unnötige Dinge ersparen und Zeit in das Erlernen der richtigen Werkzeuge investieren. Eine gute Hilfe kann auch das Wissen über wertvolle Ressourcen sein, von denen eine Liste immer nützlich ist. Der Autor des Materials, dessen Übersetzung wir heute veröffentlichen, bietet an, mehrere GitHub-Repositories in Betracht zu ziehen, die es Webentwicklern ermöglichen, ihre Kenntnisse und Fähigkeiten zu verbessern, beim Schreiben von besserem Code zu helfen und schneller zu arbeiten.





Best Practices von Node.j.



133 Programmierer haben zum Node.js Best Practices- Repository beigetragen. Es hat mehr als 40.000 Sterne auf GitHub. Es wird fast täglich aktualisiert. Dies ist eine wunderbare Ressource, die es jedem ermöglicht, sich über die Entwicklungen in der Welt von Node.js auf dem Laufenden zu halten und gleichzeitig die besten praktischen Entwicklungsmethoden zu erlernen.

Dieses Repository enthält nicht nur Informationen zu den nützlichsten Entwicklungstechniken für Node.js, sondern auch Informationen zur Integration von Node.js in andere Plattformen, z. B. Docker und Kubernetes. Mittlerweile gibt es mehr als 80 „Best Practices“, Styleguides und Tipps zur Anwendungsarchitektur.

Hier sind einige der darin behandelten Entwicklungsbereiche:

  • Projekte strukturieren.
  • Fehlerverarbeitung.
  • Codestil
  • Testen und Sicherstellen eines qualitativ hochwertigen Codes.
  • Vorbereitung von Projekten für die Produktion.

HTML5 Boilerplate



HTML5 Boilerplate ist eine professionelle Front-End-Vorlage zum Erstellen schneller, zuverlässiger und flexibler Webanwendungen und Websites.

Dieses Projekt ist das Ergebnis langjähriger iterativer Entwicklung und hat eine große Menge an Wissen aus der Webprogrammierer-Community gesammelt. Er legt niemandem, der es verwendet, eine bestimmte Entwicklungsphilosophie auf, schreibt nicht die Verwendung eines bestimmten Rahmens vor. Mit diesem Projekt kann jeder seinen Code nach eigenem Ermessen entwerfen.

Hier sind die in der Vorlage dargestellten Funktionen:

  • Unterstützung für Normalize.css.
  • JQuery-Unterstützung mit CDN.
  • Apache Server Einstellungen.
  • Nützliche Hilfs-CSS-Klassen.
  • Standarddruckstile, Mechanismen zur Leistungsoptimierung und mehr.

Je nachdem, welche Funktionen dieser Vorlage genau verwendet werden sollen und wie genau damit gearbeitet werden soll, müssen möglicherweise bestimmte Materialien in Ihr Projekt kopiert werden. Die Verwendung solcher Materialien bedeutet, dass der Entwickler über eine vorkonfigurierte Basisvorlage verfügt. Dies beschleunigt die Entwicklung von Webprojekten.

Echte Welt



Dank des RealWorld- Repositorys können Sie ohne unnötige Schwierigkeiten die grundlegenden Konzepte und die Ideologie eines neuen Frameworks beherrschen.

Während der Programmierer etwas Neues lernt, liest er normalerweise die Dokumentation, führt Beispiele aus der Praxis in CodePen aus, analysiert diese Beispiele, sammelt sie, installiert Befehlszeilentools ... Im Allgemeinen ist dies sehr zeit- und arbeitsaufwendig. Darüber hinaus kann die Situation durch die Tatsache kompliziert werden, dass der Programmierer die Essenz der Werkzeuge, die er zu lernen versucht, nicht sehr gut verstanden hat.

Mit dem betreffenden Repository können Sie eine der Technologien auswählen, die für die Cliententwicklung unterstützt werden (React, Angular 2 und viele andere), eine beliebige Serverplattform (z. B. Node.js und Django) und bei der Integration eine echte Beispielanwendung anzeigen.

Da die Implementierungen der Beispiele den gesamten Stapel von Technologien verwenden, die für die Entwicklung eines Webprojekts erforderlich sind, ist es nicht möglich, ihre Teile vollständig zu kombinieren, aber trotz der Verwendung verschiedener Technologien in ihnen zeigen sie vergleichbare Funktionen und ähnliche UX-Spezifikationen.

Hier sind einige beliebte Beispiele für die Technologieintegration aus diesem Repository:

  • Winkel + ngrx + nx
  • ClojureScript + Re-Frame
  • Reagieren / MobX
  • Go + Gin
  • NestJS + TypeORM / Prisma

Dies ist nur ein kleiner Teil dessen, was im RealWorld-Repository zu finden ist. Ich nehme an, Sie werden daran interessiert sein, es zu erkunden.

Übrigens gibt es nicht nur Beispiele für die Webentwicklung. Etwas, das auf NativeScript basiert, kann hier von jenen gefunden werden, die Projekte für mobile Geräte erstellen.

Das Repository arbeitet an der Vorbereitung von Beispielen für die folgenden Technologien: React Native, Jasonette, Swift, C # und Xamarin, Kotlin / Android, Onymos, Quasar Framework, Swift Perfect und Flutter.

Sie kennen JS noch nicht



Im JS Yet- Repository finden Sie eine Reihe von Büchern zum detaillierten Studium der grundlegenden JavaScript-Mechanismen.

Alle Bücher sind kostenlos erhältlich, Sie können sie direkt im Repository lesen.

Hier ist die Reihenfolge, in der empfohlen wird, diese Bücher zu studieren:

  1. Loslegen.
  2. Geltungsbereich und Verschlüsse.
  3. Objekte & Klassen.
  4. Typen & Grammatik.
  5. Sync & Async.
  6. ES.Next & Beyond.

Die Bücher Nr. 1 und 2 können bereits gelesen werden, die Bücher 3-4 sind noch nicht fertig. Es ist zu beachten, dass die zweite Ausgabe dieser Bücher in diesem Repository präsentiert wird. Und hier finden Sie sechs Bücher der ersten Ausgabe.

Airbnb JavaScript Style Guide



Der Airbnb JavaScript Style Guide , der sich im Airbnb JavaScript Style Guide- Repository befindet , ist ein detailliertes und professionell geschriebenes Dokument.

Dieses Handbuch kann dem Programmierer helfen, die internen Mechanismen der Sprache zu verstehen, nachdem er ihre grundlegenden Mechanismen eingehend untersucht hat. Hier finden Sie nützliche Demo-Code-Schnipsel.

Hier sind einige beliebte Themen, die in diesem Handbuch behandelt werden:

  • Pfeilfunktionen.
  • Variablen auslösen.
  • Arbeiten Sie mit Typen und Typkonvertierung.
  • Stile für ECMAScript 6+ (ES 2015+).
  • Testen.
  • Performance.

Märchenbuch



Im Storybook- Repository finden Sie den Code der gleichnamigen Entwicklungsumgebung, mit der Benutzeroberflächenkomponenten erstellt werden. In dieser Umgebung können Sie mit Komponentenbibliotheken arbeiten, Komponenten in verschiedenen Zuständen untersuchen und Komponenten in einem interaktiven Modus entwickeln und testen.

Die Storybook-Umgebung wird außerhalb der Anwendung ausgeführt. Auf diese Weise können Sie Schnittstellenkomponenten isoliert entwickeln, wodurch die Wiederverwendbarkeit von Komponenten verbessert, ihre Testbarkeit verbessert und die Entwicklungsgeschwindigkeit erhöht werden kann. Sie können sehr schnell Komponenten im Storybook erstellen, ohne sich um die für eine bestimmte Anwendung spezifischen Abhängigkeiten kümmern zu müssen.

Das Storybook enthält ein Befehlszeilentool und Codebeispiele, um diese Umgebung schnell zu erlernen.

Front-End-Checkliste



Im Front-End-Checklisten- Repository finden Sie eine umfassende Liste dessen, was im Projekt vor seiner Veröffentlichung in der Produktion enthalten sein sollte oder was überprüft werden sollte, bevor das Projekt als betriebsbereit angesehen werden kann.

Dieses Repository richtet sich an die Webentwicklungs-Client-Seite. Es befasst sich mit Themen wie Produktivität, Sicherheit, SEO. Die Anforderungen in diesem Repository sollten von den meisten Projekten erfüllt werden. Einige dieser Anforderungen können jedoch unter bestimmten Bedingungen nicht erfüllt werden. Einige sind möglicherweise weniger wichtig als andere. Zu den Empfehlungen gehören das Lesen zusätzlicher Dokumentationen, die Verwendung verschiedener Tools und das Ansehen von Videos mit Erläuterungen zu einigen schwierigen Problemen.

Zusammenfassung


Vielen Dank an alle, die diesen Ort gelesen haben. Die Repositories, über die ich hier gesprochen habe, sind bei weitem nicht die einzigen Ressourcen dieser Art. Ich bin sicher, dass es eine große Anzahl ähnlicher Ressourcen gibt. Aber diese Repositories, die ich hier geteilt habe, bringen mir echten Nutzen. Ich hoffe, sie sind auch für Sie nützlich.

Welche Repositories (für Webentwickler) finden Sie nützlich?

More articles:


All Articles