◀️ 🧑🏾‍🤝‍🧑🏾 🔺 Los mejores repositorios de GitHub para desarrolladores web 🌴 🚷 🏴

Un programador pasa muchas horas desarrollando una determinada funcionalidad y asegurando que el código cumpla con las mejores prácticas adoptadas en un entorno particular. Este reloj no debe incluir la escritura regular de diseños de plantillas. Un programador puede ser de gran ayuda en la organización adecuada del trabajo, ahorrándose cosas innecesarias e invirtiendo tiempo en aprender las herramientas adecuadas. Una buena ayuda también puede ser el conocimiento de recursos valiosos, cuya lista siempre es útil para tener a la mano. El autor del material, cuya traducción publicamos hoy, ofrece considerar varios repositorios de GitHub que, si los mira a veces, permitirán a los desarrolladores web mejorar sus conocimientos y habilidades, lo ayudarán a escribir un mejor código y lo ayudarán a trabajar más rápido.

Mejores prácticas de Node.js

133 programadores contribuyeron al repositorio Node.js Best Practices , tiene más de 40 mil estrellas en GitHub. Se actualiza casi a diario. Este es un recurso maravilloso que permite a todos mantenerse al tanto de lo que está sucediendo en el mundo de Node.js y, al mismo tiempo, aprender los mejores métodos prácticos de desarrollo.

Este repositorio no solo contiene información sobre las técnicas de desarrollo más útiles para Node.js, sino que también proporciona información sobre la integración de Node.js con otras plataformas, como, por ejemplo, Docker y Kubernetes. Ahora hay más de 80 "mejores prácticas", guías de estilo y consejos de arquitectura de aplicaciones.

Estas son algunas de las áreas de desarrollo que abarca:

Estructuración de proyectos.
Error al procesar
Estilo de código
Probar y garantizar un código de alta calidad.
Preparación de proyectos para producción en producción.

HTML5 Boilerplate

HTML5 Boilerplate es una plantilla front-end profesional para crear aplicaciones y sitios web rápidos, confiables y flexibles.

Este proyecto es el resultado de muchos años de desarrollo iterativo, ha acumulado una gran cantidad de conocimiento de la comunidad de programadores web. No impone a nadie que lo use una filosofía de desarrollo específica, no prescribe el uso de un determinado marco. Con este proyecto, todos pueden diseñar su código como mejor les parezca.

Estas son las características presentadas en la plantilla:

Soporte para Normalize.css.
Soporte de JQuery con CDN.
Configuración del servidor Apache.
Útiles clases de ayuda CSS.
Estilos de impresión estándar, mecanismos de optimización del rendimiento y más.

Dependiendo exactamente de qué características de esta plantilla se planea utilizar y de cómo se planea trabajar con ella, puede ser necesario copiar algunos de sus materiales en su proyecto. El uso de dichos materiales significa que el desarrollador tiene una plantilla básica preconfigurada. Esto acelera el desarrollo de proyectos web.

Mundo real

Gracias al repositorio RealWorld , puede, sin dificultades innecesarias, dominar los conceptos básicos y la ideología de un nuevo marco.

Por lo general, cuando aprende algo nuevo, el programador lee la documentación, ejecuta ejemplos extraídos de la práctica en algo como CodePen, analiza estos ejemplos, luego los recopila, instala herramientas de línea de comandos ... En general, gasta mucho tiempo y esfuerzo. Además, la situación puede complicarse por el hecho de que el programador no comprendió muy bien la esencia de las herramientas que está tratando de aprender.

El repositorio en consideración le permite elegir cualquiera de las tecnologías que admite para el desarrollo del cliente (React, Angular 2 y muchas otras), cualquier plataforma de servidor (entre ellas, por ejemplo, Node.js y Django) y, al integrarlas entre sí, vea una aplicación de ejemplo real.

Dado que las implementaciones de los ejemplos usan toda la pila de tecnologías necesarias para desarrollar un proyecto web, no será posible combinar sus partes por completo, pero a pesar del uso de varias tecnologías en ellas, demuestran una funcionalidad comparable y especificaciones UX similares.

Estos son algunos ejemplos populares de integración de tecnología de este repositorio:

Angular + ngrx + nx
ClojureScript + re-frame
Reaccionar / MobX
Go + gin
NestJS + TypeORM / Prisma

Esto es solo una pequeña parte de lo que se puede encontrar en el repositorio de RealWorld. Supongo que te interesará explorarlo.

Y, por cierto, no solo hay ejemplos diseñados para el desarrollo web. Aquí, quienes crean proyectos diseñados para dispositivos móviles pueden encontrar algo basado en NativeScript.

El repositorio está trabajando en la preparación de ejemplos centrados en las siguientes tecnologías: React Native, Jasonette, Swift, C # y Xamarin, Kotlin / Android, Onymos, Quasar framework, Swift Perfect y Flutter.

Aún no conoces JS

El repositorio JS Yet de You Do You Don't Know es donde puede encontrar una serie de libros sobre el estudio en profundidad de los mecanismos básicos de JavaScript.

Todos los libros están disponibles de forma gratuita, puede leerlos directamente en el repositorio.

Aquí está el orden en que se recomienda estudiar estos libros:

Empezar.
Alcance y cierres.
Objetos y clases.
Tipos y gramática.
Sincronización y asincronización.
ES.Next & Beyond.

Los libros No. 1 y 2 ya se pueden leer, los libros 3-4 aún no están listos. Cabe señalar que la segunda edición de estos libros se presenta en este repositorio. Y aquí puedes encontrar seis libros de la primera edición.

Guía de estilo de JavaScript de Airbnb

La Guía de estilo de JavaScript de Airbnb , que se puede encontrar en el repositorio de la Guía de estilo de JavaScript de Airbnb , es un documento detallado y escrito por profesionales.

Este manual puede ayudar al programador a comprender los mecanismos internos del lenguaje, habiendo examinado en detalle sus mecanismos básicos. Aquí puede encontrar fragmentos de código de demostración útiles.

Aquí hay algunos temas populares que se reflejan en esta guía:

Funciones de flecha.
Elevar variables.
Trabajar con tipos y conversión de tipos.
Estilos diseñados para ECMAScript 6+ (ES 2015+).
Pruebas.
Actuación.

Libro de cuentos

En el repositorio de Storybook , puede encontrar el código del entorno de desarrollo del mismo nombre, diseñado para crear componentes de interfaz de usuario. Este entorno le permite trabajar con bibliotecas de componentes, explorar componentes en varios estados y desarrollar y probar componentes en un modo interactivo.

El entorno de Storybook se ejecuta fuera de la aplicación. Esto le permite desarrollar componentes de interfaz de forma aislada, lo que puede mejorar la reutilización de los componentes, mejorar su capacidad de prueba y aumentar la velocidad de desarrollo. Puede crear componentes en Storybook muy rápidamente, sin preocuparse por las dependencias específicas de una aplicación en particular.

Storybook incluye una herramienta de línea de comandos y ejemplos de código para aprender rápidamente este entorno.

Lista de verificación de front-end

En el repositorio de la Lista de verificación de front-end , puede encontrar una lista completa de lo que debe estar en el proyecto antes de su lanzamiento en producción, o lo que debe verificarse antes de que el proyecto pueda considerarse listo para el trabajo real.

Este repositorio está dirigido al lado del cliente de desarrollo web. Aborda cuestiones como la productividad, la seguridad, el SEO. La mayoría de los proyectos deben cumplir los requisitos presentados en este repositorio. Pero algunos de estos requisitos, bajo ciertas condiciones, pueden no cumplirse. Algunos pueden ser menos importantes que otros. Las recomendaciones pueden incluir leer documentación adicional, usar varias herramientas, mirar videos con explicaciones de algunos problemas difíciles.

Resumen

Gracias a todos los que leyeron a este lugar. Los repositorios de los que hablé aquí están lejos de ser los únicos recursos de este tipo. Estoy seguro de que hay una gran cantidad de otros recursos similares. Pero esos repositorios que compartí aquí me brindan un beneficio real. Espero que te sean útiles también.

¿Qué repositorios (destinados a desarrolladores web) encuentra útiles?

Los mejores repositorios de GitHub para desarrolladores web