clean-code-javascript

Table of Contents

1. Introduction
2. Variables
3. Functions
4. Objects and Data Structures
5. Classes
6. SOLID
7. Testing
8. Concurrency
9. Error Handling
10. Formatting
11. Comments
12. 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…

Introduction

This is a collection of resources for Frontend development.

It will include a table of contents in order for you to navigate to the sections that matter the most to you.

We have made an effort to include as many free resources as possible. However we also understand that there are quality resources out there that might cost you a penny but totally worth it We will be sure to indicate the resources that are paid.

If you're starting out with web development, you DON'T need to use every resource on this list. It is practically impossible to use all the resources listed in here This is just a reference with most of the resources that can help you with frontend development. Use this as a reference. It is not a guide.

Simply check out the resources and use the one that works best for you.

Key

• Resources with…

Node.js Best Practices

Follow us on Twitter! @nodepractices

Read in a different language: CN, BR, RU, PL, JA, EU (ES, FR, HE, KR and TR in progress! )

Built and maintained by our Steering Committee and Collaborators

Latest Best Practices and News

• Basque translation!: wow even our Basque readers can read in their mother-tongue language! Courtesy of Ane Diaz de Tuesta and Joxefe Diaz de Tuesta, who did this all by theirselves

• ?? Japanese translation: Our guide is now also translated to Japanese! Courtesy of the amazing YukiOta and Yuta Azumi

• ? 60,000 stars!: Our repo was starred and trusted by 60,100 developers. We're speechless

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…

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

1. Tipos
2. Referencias
3. Objetos
4. Arreglos
5. Destructuring
6. Cadenas de Texto
7. Funciones
8. Notación de Funciones de Flecha
9. Clases y Constructores
10. Módulos
11. Iteradores y Generadores
12. Propiedades
13. Variables
14. Hoisting
15. Expresiones de comparación e igualdad
16. Bloques
17. Comentarios
18. Espacios en blanco
19. Comas
20. Puntos y Comas
21. Casting de Tipos y Coerción
22. Convenciones de nomenclatura
23. Funciones de Acceso
24. Eventos
25. jQuery
26. Compatibilidad con EcmaScript 5
27. Estilos de EcmaScript6+ (ES2015+)
28. Pruebas
29. Desempeño
30. Recursos
31. En la cancha
32. Traducciones
33. La guía de la Guía de Estilos JavaScript
34. Charla con nosotros sobre Javascript
35. Colaboradores
36. Licencia

Tipos

• Primitivos: Cuando accedes a un tipo primitivo, manejas directamente su…

  Front-End Checklist  

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.

Table of Contents

1. Head
2. HTML
3. Webfonts
4. CSS
5. Images
6. JavaScript
7. Security
8. Performance
9. Accessibility
10. SEO
11. Translations

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:

• means that the item is recommended but can be omitted in some particular situations.
• means that the item…

Stay on the bleeding edge — join our Gitter room! ?

See how the exact same Medium.com clone (called Conduit) is built using any of our supported 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 2, & more) and any backend (Node, Django, & more) and see how they power a real world, beautifully designed fullstack app called "Conduit".

Read the full blog post announcing RealWorld on Medium.

See an updated list of RealWorld implementations on the CodebaseShow website.

Frontends

Sorted by popularity on Thu Mar 11 2021

JavaScript Algorithms and Data Structures

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, Italiana, Bahasa Indonesia, Українська, Arabic

☝ 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 structure is a particular way of organizing and storing data in a computer so that it can be accessed and modified efficiently. More precisely, a data structure is a collection of data values, the relationships among them, and the functions or operations that can be applied…