Teilen Sie einige GitHub-Bibliotheken, die es wert sind, von Front-End-Entwicklern gesammelt zu werden

Es ist immer schön, jede Menge Ressourcen zur Hand zu haben.

Als Programmierer müssen wir uns auf Funktionen und Best Practices konzentrieren, anstatt immer wieder Standardcode zu schreiben. Die Eliminierung verschwendeten Aufwands und die Investition von Zeit in das Erlernen der Verwendung der richtigen Werkzeuge oder des Wissens, wie man nützliche Ressourcen nutzt, kann uns erheblich dabei helfen, Zeit zu sparen.

In diesem Artikel lernen wir einige WEB Bibliotheken kennen, die uns erheblich dabei helfen können, unsere GitHub Entwicklungskompetenzen zu verbessern. Diese Bibliotheken werden Ihnen auch dabei helfen, besseren Code zu schreiben.

Best Practices für Node.js

Diese Bibliothek ist ein großartiger Ort, um über die Welt informiert zu bleiben und zu lernen über Best Practices bei der Verwendung. Mit Node Sternen und 133 Mitwirkenden wird diese Bibliothek fast täglich aktualisiert. 40k

Diese Bibliothek fasst und organisiert Best Practices mit höherem Rang

, einschließlich Node.js Best Practices. Verfügt derzeit über mehr als 80 Best Practices, Styleguides, Strukturempfehlungen usw. Node.js + Docker

Einige gängige Best Practices sind:

Organisieren Sie Ihre Projekte besser
• Fehlerbehandlungspraktiken
• Codierungsstilpraktiken
• Testen und allgemeine Qualitätspraktiken
• Produktionspraktiken durchführen und mehr

Klicken, um zu springenzum Lager

HTML5 Boilerplate

ist eine professionelle Frontend-Vorlage zum Erstellen schneller, robuster und anpassungsfähiger HTML5 Boilerplate Anwendungen oder Websites. Web

Dieses Projekt ist das Produkt jahrelanger iterativer Entwicklung und Community-Wissen. Es wird keine bestimmte Entwicklungsphilosophie oder ein bestimmtes Framework vorgeschrieben, sodass Sie die Freiheit haben, Ihren Code so zu erstellen, wie Sie es möchten.

Enthält vordefinierte Funktionen wie:

Normalize.css
• jQuery mit CDN
• Apache-Serverkonfigurationen
• Nützlich
• Hilfsklassen CSS
Standardstile, Leistungsoptimierung usw.

Kopieren Sie die erforderlichen Dateien und fügen Sie sie in Ihr Projektverzeichnis ein, je nachdem, was Sie verwenden möchten und wie Sie es verwenden innen. Dadurch erhalten Sie eine konfigurierte Vorlage, was die Entwicklung beschleunigt.

Klicken Sie hier, um zu springenzum Lager

RealWorld

Master 1. Die Kernkonzepte und Ideologien des neuen Rahmens sind kein Wermutstropfen.

Wenn Sie das Konzept nicht richtig verstehen, müssen Sie die Dokumentation lesen, den Beispielcode ausführen, die Beispielanwendung zerlegen und wieder zusammensetzen, sie lokal installieren

usw. Das kostet zu viel So viele Erfahrungen, frustrierend. CLI

ermöglicht Ihnen die Auswahl eines beliebigen Frontends (RealWorld, React usw.) und eines beliebigen Backends (Angular2, Node usw.) und deren Integration, um die realen Beispiele Ihrer Anwendung anzuzeigen . Django

Da sich diese Implementierungen auf Technologie-Stacks beziehen, können sie natürlich nicht gemischt werden, folgen aber dennoch den gleichen Funktions- und UX-Spezifikationen.

Einige gängige Integrationsbeispiele:

Angular + ngrx + nx
• ClojureScript + re-frame
• React/MobX
• Go + Gin
• NestJS + TypeORM/Prisma

Im Repository finden Sie unzählige Beispiele. Geh und finde es!

Klicken Sie hier, um zu springenzum Lager

Sie kennen JS noch nicht

Dies ist eine Reihe von Büchern, die sich mit

den Kernmechanismen der Sprache befassen. JavaScript

Alle Bücher sind kostenlos und Sie können sie jederzeit online lesen.

Die vom Autor empfohlene Lesereihenfolge lautet:

• Erste Schritte
• Umfang und Abschlüsse
• Objekte und Klassen (noch nicht begonnen)
• Typen und Grammatik (noch nicht gestartet)
• Synchronisierung und Asynchronisierung (noch nicht gestartet)
• ES.Next & Beyond (noch nicht gestartet)

Klicken Sie hier, um zum Repository zu springen

Airbnb-JavaScript-Leitfaden

Dies ist sehr genau, bereitgestellt von Airbnb und professionelle Styleguides.

Dieser Leitfaden hilft Ihnen, JavaScript von Grund auf zu verstehen, indem er in die Grundlagen und Codeausschnitte eintaucht.

Einige der beliebtesten Dinge, die in diesem Handbuch behandelt werden, sind:

• Pfeilfunktionen
• Variables Heben
• Destrukturieren
• Kommentare
• Leistung
• Test

Klicken, um zu springenzum Lager

Märchenbuch

Storybook ist eine Entwicklungsumgebung für UI Komponenten, mit der Sie die Komponentenbibliothek durchsuchen, die verschiedenen Zustände jeder Komponente anzeigen und entwickeln und testen können Komponenten interaktiv.

Storybook läuft außerhalb von app, wodurch Sie UI Komponenten unabhängig entwickeln können, wodurch die Wiederverwendbarkeit, Testbarkeit und Entwicklungsgeschwindigkeit von Komponenten verbessert wird. Sie können schnell erstellen, ohne sich um anwendungsspezifische Abhängigkeiten kümmern zu müssen.

Es enthält ein CLI und einige Codebeispiele, damit Sie sich mit Storybook vertraut machen können.

Klicken Sie, um zum Repository zu springen

Front-End-Checkliste

Front-End-Checklist ist eine umfassende Liste von allem, was vor einer Website oder Seite wird in Gebrauch genommen. Alle Elemente, die vorhanden sein oder getestet werden müssen. HTML

Es handelt sich um ein Lager, das auf Front-End-Basis

entwickelt wurde und mehr Wert auf Leistung, Sicherheit und Web usw. legt. Alle Elemente in SEO

sind für die meisten Projekte erforderlich, einige Elemente können jedoch weggelassen werden. Front-End-Checklist

Enthält:

Dokumente oder Artikel
• Online-Tools/Testtools
• Medien- oder Videoinhalte

Klicken Sie hier, um zu springenZum Repository

Inspiration und Ressourcen

Dieser Beitrag ist inspiriert von

Tech Sapien und all seiner erstaunlichen Arbeit. Auch die Bilder in der Bibliothek stammen vom selben Ort.

Zusammenfassung

Alle oben genannten Bibliotheken sind nicht die einzigen verfügbaren Ressourcen, ich bin mir sicher, dass es da draußen jede Menge tolle Projekte gibt. Dies sind einige der Ressourcen, die ich hilfreich fand und in die ich mich regelmäßig vertiefte.

Vergessen Sie nicht, diese Bibliothekspunkte zu geben

. Vielen Dank an alle wunderbaren Mitwirkenden, die eine so nützliche Ressource für uns geschaffen haben Star

Original englischer Text Adresse: https ://dev.to/sayanide/best-github-repos-for-web-developers-9id

Wenn es Fehler in der Übersetzung gibt, korrigieren Sie mich bitte korrigiere mich. Hilft.

Tutorial-Empfehlung: „

Git-Tutorial“

Das obige ist der detaillierte Inhalt vonTeilen Sie einige GitHub-Bibliotheken, die es wert sind, von Front-End-Entwicklern gesammelt zu werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!