🍰 🍿 👩‍🍳 Meilleurs référentiels GitHub pour les développeurs Web 💆🏻 👱 📄

Un programmeur passe de nombreuses heures à développer une certaine fonctionnalité et à s'assurer que le code est conforme aux meilleures pratiques adoptées dans un environnement particulier. Cette montre ne doit pas inclure la rédaction régulière de modèles de modèles. Un programmeur peut grandement s'aider dans la bonne organisation du travail, se sauver des choses inutiles et investir du temps dans l'apprentissage des bons outils. Une bonne aide peut également être la connaissance de ressources précieuses, dont une liste est toujours utile à garder à portée de main. L'auteur du matériel, dont nous publions la traduction aujourd'hui, propose de considérer plusieurs référentiels GitHub qui, si vous les regardez parfois, permettront aux développeurs Web d'améliorer leurs connaissances et leurs compétences, vous aideront à écrire un meilleur code et vous aideront à travailler plus rapidement.

Meilleures pratiques Node.js

133 programmeurs ont contribué au référentiel Node.js Best Practices , il compte plus de 40 000 étoiles sur GitHub. Il est mis à jour presque quotidiennement. Il s'agit d'une merveilleuse ressource qui permet à chacun de se tenir au courant de ce qui se passe dans le monde de Node.js, et en même temps d'apprendre les meilleures méthodes de développement pratiques.

Ce référentiel contient non seulement des informations sur les techniques de développement les plus utiles pour Node.js, mais fournit également des informations sur l'intégration de Node.js avec d'autres plates-formes, telles que, par exemple, Docker et Kubernetes. Il existe désormais plus de 80 «meilleures pratiques», guides de style et conseils sur l'architecture des applications.

Voici certains des domaines de développement qui y sont traités:

Projets structurants.
Erreur de traitement.
Style de code
Tester et garantir un code de haute qualité.
Préparation de projets pour sortie en production.

Boilerplate HTML5

HTML5 Boilerplate est un modèle frontal professionnel pour la création d'applications et de sites Web rapides, fiables et flexibles.

Ce projet est le résultat de nombreuses années de développement itératif, il a accumulé une grande quantité de connaissances de la communauté des programmeurs Web. Il n'impose à personne qui l'utilise une philosophie de développement spécifique, ne prescrit pas l'utilisation d'un certain cadre. Grâce à ce projet, chacun peut concevoir son code comme bon lui semble.

Voici les fonctionnalités présentées dans le modèle:

Prise en charge de Normalize.css.
Prise en charge de JQuery avec CDN.
Paramètres du serveur Apache.
Classes CSS d'aide utiles.
Styles d'impression standard, mécanismes d'optimisation des performances, etc.

En fonction des fonctionnalités exactes de ce modèle que vous prévoyez d'utiliser et de la manière dont il est prévu de l'utiliser, il peut être nécessaire de copier certains de ses supports dans votre projet. L'utilisation de ces matériaux signifie que le développeur dispose d'un modèle de base préconfiguré. Cela accélère le développement de projets web.

Monde réel

Grâce au référentiel RealWorld , vous pouvez, sans difficultés inutiles, maîtriser les concepts de base et l'idéologie d'un nouveau framework.

Habituellement, lors de l'apprentissage de quelque chose de nouveau, le programmeur lit la documentation, exécute des exemples tirés de la pratique dans quelque chose comme CodePen, analyse ces exemples, puis les recueille, installe des outils de ligne de commande ... En général, cela passe beaucoup de temps et d'efforts. De plus, la situation peut être compliquée par le fait que le programmeur n'a pas très bien saisi l'essence des outils qu'il essaie d'apprendre.

Ce référentiel vous permet de choisir l'une des technologies qu'il prend en charge pour le développement client (React, Angular 2, et bien d'autres), n'importe quelle plate-forme de serveur (parmi eux, par exemple, Node.js et Django) et, en les intégrant les uns aux autres, voir un exemple d'application réel.

Étant donné que les implémentations des exemples utilisent la pile complète de technologies nécessaires au développement d'un projet Web, il ne sera pas possible de combiner complètement leurs parties, mais malgré l'utilisation de diverses technologies, elles démontrent des fonctionnalités comparables et des spécifications UX similaires.

Voici quelques exemples d'intégration de technologies populaires de ce référentiel:

Angulaire + ngrx + nx
ClojureScript + recadrage
React / MobX
Go + gin
NestJS + TypeORM / Prisma

Ce n'est qu'une petite partie de ce qui peut être trouvé dans le référentiel RealWorld. Je pense que vous serez intéressé à l'explorer.

Et en passant, il n'y a pas que des exemples conçus pour le développement Web. Quelque chose basé sur NativeScript peut être trouvé ici par ceux qui créent des projets conçus pour les appareils mobiles.

Le référentiel travaille à la préparation d'exemples axés sur les technologies suivantes: React Native, Jasonette, Swift, C # et Xamarin, Kotlin / Android, Onymos, framework Quasar, Swift Perfect et Flutter.

Vous ne connaissez pas encore JS

Le référentiel JS Yet de You Don't Know est l'endroit où vous pouvez trouver une série de livres sur l'étude approfondie des mécanismes JavaScript de base.

Tous les livres sont disponibles gratuitement, vous pouvez les lire directement dans le référentiel.

Voici l'ordre dans lequel ces livres sont recommandés:

Commencer.
Portée et fermetures.
Objets et classes.
Types et grammaire.
Sync & Async.
ES.Next & Beyond.

Les livres n ° 1 et 2 sont déjà lisibles, les livres 3-4 ne sont pas encore prêts. Il est à noter que la deuxième édition de ces livres est présentée dans ce référentiel. Et ici vous trouverez six livres de la première édition.

Guide de style Airbnb JavaScript

Le guide de style JavaScript Airbnb , qui se trouve dans le référentiel du guide de style JavaScript Airbnb , est un document détaillé et rédigé par des professionnels.

Ce manuel est en mesure d'aider le programmeur à comprendre les mécanismes internes du langage, après avoir examiné en détail ses mécanismes de base. Vous trouverez ici des extraits de code de démonstration utiles.

Voici quelques sujets populaires qui se reflètent dans ce guide:

Fonctions fléchées.
Augmenter les variables.
Travaillez avec les types et la conversion des types.
Styles conçus pour ECMAScript 6+ (ES 2015+).
Essai.
Performance.

Livre de contes

Dans le référentiel Storybook , vous pouvez trouver le code de l'environnement de développement du même nom, conçu pour créer des composants d'interface utilisateur. Cet environnement vous permet de travailler avec des bibliothèques de composants, d'explorer des composants dans différents états et de développer et tester des composants en mode interactif.

L'environnement Storybook s'exécute en dehors de l'application. Cela vous permet de développer des composants d'interface de manière isolée, ce qui peut améliorer la réutilisation des composants, améliorer leur testabilité et augmenter la vitesse de développement. Vous pouvez créer des composants dans le Storybook très rapidement, sans vous soucier des dépendances spécifiques à une application particulière.

Storybook comprend un outil en ligne de commande et des exemples de code pour apprendre rapidement cet environnement.

Liste de contrôle initiale

Dans le référentiel de liste de contrôle frontale , vous pouvez trouver une liste complète de ce qui devrait être dans le projet avant sa sortie en production, ou ce qui devrait être vérifié avant que le projet puisse être considéré comme prêt pour un travail réel.

Ce référentiel cible le côté client du développement Web. Il aborde des questions telles que la productivité, la sécurité, le référencement. Les exigences présentées dans ce référentiel doivent être satisfaites par la plupart des projets. Mais certaines de ces exigences, sous certaines conditions, peuvent ne pas être remplies. Certains peuvent être moins importants que d'autres. Les recommandations peuvent inclure la lecture de documentation supplémentaire, l'utilisation de divers outils, la visualisation de vidéos avec des explications sur certains problèmes difficiles.

Sommaire

Merci à tous ceux qui ont lu cet endroit. Les référentiels dont j'ai parlé ici sont loin d'être les seules ressources de ce type. Je suis sûr qu'il existe un grand nombre d'autres ressources similaires. Mais ces référentiels que j'ai partagés ici m'apportent un réel avantage. J'espère qu'ils vous seront utiles aussi.

Quels référentiels (destinés aux développeurs web) trouvez-vous utiles?

Meilleurs référentiels GitHub pour les développeurs Web