Índice
- ryanmcdermott/clean-code-javascript
- codingknite/frontend-development
- goldbergyoni/nodebestpractices
- paolocarrasco/javascript-style-guide
- thedaviddias/Front-End-Checklist
- gothinkster/realworld
- trekhleb/javascript-algorithms
1. ryanmcdermott/clean-code-javascript
Este repo enseña cómo aplicar buenas practicas al código que escribimos basado en el famoso libro de Robert C. Martin, Clean Code. Lo interesante es que no debes haber leído el libro, el repo resume los principales aspectos del mismo enfocado desde un punto de vista práctico. Algunos de los puntos que toca son:
- Como declarar variables con buenas practicas
- Funciones
- Objetos y estrucuras de datos en JavaScript
- Principios SOLID Bastante recomendable.
ryanmcdermott
/
clean-code-javascript
🛁 Clean Code concepts adapted for JavaScript
clean-code-javascript
Table of Contents
- Introduction
- Variables
- Functions
- Objects and Data Structures
- Classes
- SOLID
- Testing
- Concurrency
- Error Handling
- Formatting
- Comments
- Translation
Introduction
Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.
Not every principle herein has to be strictly followed, and even fewer will be universally agreed upon. These are guidelines and nothing more, but they are ones codified over many years of collective experience by the authors of Clean Code.
Our craft of software engineering is just a bit over 50 years old, and we are still learning a lot. When software architecture is as old as architecture itself, maybe then we will have harder rules to follow. For now, let these guidelines serve as a touchstone by which to assess the quality of the JavaScript…
2. codingknite/frontend-development
Este repositorio está enfocado en compartir recursos de desarrollo web, (la mayoría en inglés) desde conceptos de HTML, CSS y JavaScript, hasta Git, React, Vue, optimización de código, etc., toda esta información compartida como libros, blogs, canales de youtube. Vale la pena darle un vistazo.
codingknite
/
frontend-development
A curated list of resources for Frontend development
Introduction
This is a collection of resources for Frontend development.
Most of the resources are free but we also included paid resources.
Resources labelled with 💵 indicate that the resource is a paid resource.
If you're just starting, you DON'T need to use every resource on this list. It is practically impossible. Use this as a reference. It is not a guide.
Contributing
We Invite as many contributions as possible.
If you know of a resource that would be a great addition to this list, feel free to make a contribution.
Be sure to read How To Contribute
Table of Contents
- How The Internet Works
- HTML
- CSS
- JavaScript
- Git
- React
- Vue
- Browser Extensions
- Icons
- Fonts and Typography
- Illustrations
- Optimization
- Color Inspiration
- Images and Videos
- Hosting Sites
- Design Inspiration
- Portfolio Inspiration
- Youtube Channels
- Podcasts
- Blogs
- Interview Prep
- Newsletters
- Contributing
How the Internet Works
Documentation
3. goldbergyoni/nodebestpractices
¿Te gusta el backend con JS? ¡Este repositorio es para ti! Recopila buenas prácticas de desarrollo del lado del servidor con Node.js
goldbergyoni
/
nodebestpractices
✅ The Node.js best practices list (February 2024)
Node.js Best Practices
Follow us on Twitter! @nodepractices
Read in a different language: 
CN, 
FR, 
BR, 
RU, 
PL, 
JA, 
EU (
ES, 
HE, 
KR and 
TR in progress! )
🎊 2024 edition is here!
-
🛰 Modernized to 2024: Tons of text edits, new recommended libraries, and some new best practices
-
✨ Easily focus on new content: Already visited before? Search for
#newor#updatedtags for new content only -
🔖 Curious to see examples? We have a starter: Visit Practica.js, our application example and boilerplate (beta) to see some practices in action
Welcome! 3 Things You Ought To Know First
1. You are reading dozens of the best Node.js articles - this repository is a summary and curation of the top-ranked content on Node.js best practices, as well as content written here by collaborators
2. It is the…
4. paolocarrasco/javascript-style-guide
Una guía completamente en ESPAÑOL sobre javascript, bastante completa hace que el lector comprenda conceptos modernos del lenguaje y como codificar con legibilidad y consistencia.
paolocarrasco
/
javascript-style-guide
Guía de Estilo para programar con JavaScript, en español. Apoyo es bienvenido :)
Airbnb JavaScript Style Guide() {
Un enfoque altamente razonable para JavaScript
Nota: Esta guía asume que usas Babel, adicionalmente de tener instalado babel-preset-airbnb o su equivalente. También asume que tienes instalado shims/pollyfills en tu aplicación, con airbnb-browser-shims o su equivalente.
Otras Guías de Estilos
- ES5 (Obsoleto)
- React
- CSS-in-JavaScript
- CSS & SASS
- Ruby
Tabla de Contenido
- Tipos
- Referencias
- Objetos
- Arreglos
- Destructuring
- Cadenas de Texto
- Funciones
- Notación de Funciones de Flecha
- Clases y Constructores
- Módulos
- Iteradores y Generadores
- Propiedades
- Variables
- Hoisting
- Expresiones de comparación e igualdad
- Bloques
- Comentarios
- Espacios en blanco
- Comas
- Puntos y Comas
- Casting de Tipos y Coerción
- Convenciones de nomenclatura
- Funciones de Acceso
- Eventos
- jQuery
- Compatibilidad con EcmaScript 5
- Estilos de EcmaScript6+ (ES2015+)
- Pruebas
- Desempeño
- Recursos
- En la cancha
- Traducciones
- La guía de la Guía de Estilos JavaScript
- Charla con nosotros sobre Javascript
- Colaboradores
- Licencia
Tipos
-
Primitivos: Cuando accedes a un tipo primitivo, manejas directamente su…
5. thedaviddias/Front-End-Checklist
Herramientas para comprobar aspectos importantes de una web terminada. Antes de lanzar tu app web a producción es importante verificar por ejemplo si la semántica HTML está bien escrita, verificar si las fuentes usadas siempre están o estarán disponibles, performance, accesibilidad web, SEO, etc, etc, etc.
thedaviddias
/
Front-End-Checklist
🗂 The perfect Front-End Checklist for modern websites and meticulous developers
Front-End Checklist
🚨 Currently working on new version of frontendchecklist.io,
feel free to discuss any feature you would like to see. Thanks for your support!
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production.
How To Use • Contributing • Website • Product Hunt
Other Checklists:
🎮 Front-End Performance Checklist • 💎 Front-End Design Checklist
It is based on Front-End developers' years of experience, with the additions coming from some other open-source checklists.
How to use?
All items in the Front-End Checklist are required for the majority of the projects, but some elements can be omitted or are not essential (in the case of an administration web app, you may not need RSS feed for example). We choose to use 3 levels of flexibility:
All items in the Front-End Checklist are necessary for…
6. gothinkster/realworld
Repositorio que proporciona código de aplicaciones web desarrolladas en varias tecnologías diferentes, como React, Angular, Vue, Svelte, etc.
gothinkster
/
realworld
"The mother of all demo apps" — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more
See how the exact same Medium.com clone (called Conduit) is built using different frontends and backends. Yes, you can mix and match them, because they all adhere to the same API spec 😮😎
While most "todo" demos provide an excellent cursory glance at a framework's capabilities, they typically don't convey the knowledge & perspective required to actually build real applications with it.
RealWorld solves this by allowing you to choose any frontend (React, Angular, & more) and any backend (Node, Django, & more) and see how they power a real-world, beautifully designed full-stack app called Conduit.
Read the full blog post announcing RealWorld on Medium.
Join us on GitHub Discussions! 🎉
Implementations
Over 100 implementations have been created using various languages, libraries, and frameworks.
Explore them on CodebaseShow.
Create a new implementation
Create a new implementation >>>
Or you can view upcoming implementations (WIPs).
Learn
…7.trekhleb/javascript_algorithms
Los arreglos y objetos son ampliamente usados en JS, pero hay estructuras de datos mucho más complejas y que resuelven problemas específicos y que se deben conocer. Este repositorio resume algoritmos y estructuras de datos populares.
trekhleb
/
javascript-algorithms
📝 Algorithms and data structures implemented in JavaScript with explanations and links to further readings
JavaScript Algorithms and Data Structures
🇺🇦 UKRAINE IS BEING ATTACKED BY RUSSIAN ARMY. CIVILIANS ARE GETTING KILLED. RESIDENTIAL AREAS ARE GETTING BOMBED.
- Help Ukraine via
- More info on war.ukraine.ua and MFA of Ukraine
This repository contains JavaScript based examples of many popular algorithms and data structures.
Each algorithm and data structure has its own separate README with related explanations and links for further reading (including ones to YouTube videos).
Read this in other languages: 简体中文 繁體中文, 한국어, 日本語, Polski, Français, Español, Português, Русский, Türkçe, Italiana, Bahasa Indonesia, Українська, Arabic, Tiếng Việt, Deutsch
☝ Note that this project is meant to be used for learning and researching purposes only, and it is not meant to be used for production.
Data Structures
A data…
Referencias
El presente artículo no hubiera sido posible sin el post en instagram de @vikingcodeblog, créditos correspondientes a el.
Acá te dejo su post original en instagram, siguelo, hace muy buen contenido para devs.
Top comments (0)