Awesome

Impresionante JavaScript

Recopilación de links de guías, artículos, tutoriales, vídeos, charlas, conferencias, podscasts, cursos y libros en español sobre JavaScript.

Índice

• Lenguaje
• API de Navegadores
• API de Node.js
• Electron.js
• GraphQL
• Herramientas
  • Babel
  • Gulp
  • Browserify
  • Webpack
  • CasperJS
  • Yarn
  • Jest
• Librerías
  • React.js
  • Redux.js
  • Polymer
  • Micro.js
  • Pulse Editor
• Frameworks
  • Sails.js
  • AngularJS
  • Angular
  • Vue.js
  • React Native
  • Next.js
  • A-Frame

Lenguaje

• ✍️ Guía de ECMASCript 6 - Guía completa de ECMASCript 6/2015 con ejemplos ejecutables.
• ✍️📝🤔 Sobre el ecosistema y la fatiga de JavaScript - Reflexiones sobre el estado actual de la comunidad JavaScript y la conocida fatiga de JS.
• ✍️📝 Definiendo conceptos: Closure y Scope en JavaScript - Explicación de Closures y Scope.
• ✍️📝 JavaScript: El lenguaje de programación más incomprendido del mundo - Conociendo un poco más a fondo que hay detrás de JS y por que es tan incomprendido.
• ✍️📝 Entendiendo los tipos en JavaScript - Explicación de como funciona los tipos de datos.
• ✍️📝 Entendiendo This — JavaScript - Explicación de como funciona this.
• ✍️📝 Funciones de alto orden en JavaScript - Explicación del concepto y uso de funciones de alto orden.
• ✍️📝 Calculo lambda en JavaScript - Explicación del calculo lambda y su importancia en JavaScipt.
• ✍️📝 Objetos en JavaScript - Explicación del comportamiento de los objetos en JavaScript
• ✍️📝 Getters y Setters en JavaScript - Explicación funcionamiento Getters y Setters.
• ✍️📝 Propiedades internas en JavaScript - Explicación propiedades internas de los objetos.
• ✍️📝 Formas de manejar la asincronía en JavaScript - Explicación de los diferentes método de programación asíncrona.
• ✍️📝 ECMAScript 6: nueva sintaxis y características para JavaScript - Clases en ECMAScript 6.
• ✍️📝 Introducción a ECMAScript 2016/7 - Artículo sobre las nuevas características de ES7.
• ✍️📝 Pensa en serie, ejecuta en paralelo, funciones async en JavaScript - Tutorial sobre funciones asíncronas.
• ✍️📝 Uso de módulos en Javascript con ECMAScript 6 - Tutorial sobre módulos de ECMAScript 6.
• ✍️📝 Entendiendo la asignación por destructuring en JavaScript - Tutorial sobre la característica de asignación por destructuración en ECMAScript 6.
• ✍️📝 Qué son y cómo funcionan las promesas en JavaScript - Todo sobre las promesas de JavaScript.
• ✍️📝 Una re-introducción a JavaScript - Todo sobre JavaScript: Números, Strings, Funciones Objetos y más.
• ✍️📝 Tipos en JavaScript sin TypeScript/Flow - Explicación de como JSDocs puede usarse para documentar los tipos de datos en JS sin usar un lenguaje como TS o Flow
• ✍️📝 Qué son y cómo escribir pruebas en JavaScript - La importancia de las pruebas en JavaScipt.
• ✍️📝 Conceptos básicos de JS: Array#map - Aprende a usar Array#map, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript,
• ✍️📝 Usando Generadores Asíncronos en JavaScript - Tutorial sobre como se pueden usar Generadores Asíncronos de ECMAScript 2018 para realizar colas o paginaciones de un API fácilmente en JavaScript,
• ✍️📝 Conceptos básicos de JS: Array#filter - Aprende a usar Array#filter, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.
• ✍️️📖 LibrosWeb - Introducción a JavaScript, conceptos básicos y fundamentales.
• 💰✍️️📖 El gran libro de HTML5, CSS3 y JavaScript - Todo sobre HTML5, CSS3 y JavaScript (hasta ECMAScript 5).
• 📹🗣 Javascript asíncrono con Async Await - Cómo trabajar con la asincronicidad en Javascript mediante las funciones Async Await.
• 📹🗣 Javascript en el 2018 | Frameworks, Libraries, Apis, Web Assembly, Nodejs, Mongodb, y Más - Los Frameworks, librerias y muchas mas herramientas importantes para el 2018.
• 📹🗣 Tutorial de Promises en JavaScript - Introducción a Promesas en JavaScript.
• 📹🗣 Cómo mejorar la velocidad de jQuery y Javascript - Optimizaciones de velocidad en jQuery y JavaScript.
• 📹🗣 Tutorial de Force Touch y 3D Touch en Javascript - Como usar Force Touch y 3D Touch en un website en iOS.
• 📹🗣 JSConf Colombia - High Performance in the Critical Rendering Path - Como optimizar la carga de un sitio web.
• 📹👨‍🏫 Platzi - Curso de Programación Básica - Programación básica explicada con JavaScript.
• 📹👨‍🏫 Codigofacilito - Curso de JavaScript - Curso básico y introductorio a JavaScript con codigofacilito.
• 📹👨‍🏫 latincoder - Tutoriales Javascript para principiantes - Curso desde 0 para que aprendas a utilizar javascript desde lo mas basico.
• 📹👨‍🏫 FalconMasters - Curso Básico de Javascript desde 0 - Aprende a programar en Javascript con este increíble curso desde 0.
• 💰📹👨‍🏫 Platzi - Fundamentos de JavaScript - Curso para aprender toda la sintaxis y características de JavaScript.
• 💰📹👨‍🏫 Platzi - Curso Definitivo de JavaScript 2016 - Aprende JavaScript FullStack desde cero.
• 💰📹👨‍🏫 Devcode - Javascript Basico - Aprende JavaScript y dota de mayor dinamismo e interactividad a tu sitio web.
• 💰✍️️📖 Aprendiendo JavaScript - Aprende las bases del lenguaje web más demandado desde cero hasta ECMAScript 6
• ✍️📝 Conceptos básicos de JS: Array#push - Aprende a usar Array#push, como se implementa a mano y casos de uso prácticos de este método de los array en JavaScript.

API de navegadores

• ✍️📝 Validación de Formularios con la API de Vibración - Consejos de como usar la API de vibraciones para validar formularios.
• ✍️📝 Cómo usar la etiqueta template en HTML5 - Tutorial sobre uso de templates nativos en el navegador.
• ✍️📝 Introducción a Web Components: ¡El HTML ha muerto, larga vida al HTML! - Artículo que te ayudará a introducirte en este nuevo estandar HTML.

Node.js

• ✍️📝 ¿Por qué demonios usaría Node.js? - Un tutorial caso por caso de donde vale la pena usar Node.js.
• 📹👨‍🏫 Curso NodeJS y MongoDB - Crea un API REST JSON desde cero - Aprende a crear una API REST con Node.js y MongoDB desde cero y paso a paso.
• 💰📹👨‍🏫 Platzi - Curso Avanzado de Node.js - Aprende Node.js creando una aplicacin de IoT, MQTT y WS.
• 📹🗣 Cómo conectar Node.js con el REST API de WordPress.com - Tutorial de como usar el API de WP.com en Node.js.

Electron.js

• ✍️📝 Desarrollando aplicaciones de escritorio con Electron.js - Introducción al desarrollo de aplicaciones de escritorio con Electron.js.
• ✍️📝 Crea aplicaciones de escritorio con Electron y Next.js - Ejemplo de como crear una aplicación de Electron junto a Next.js
• 💰📹👨‍🏫 Platzi - Curso de Electron: Apps de escritorio en Windows y Mac - Aprende a usar tecnologías web (HTML, CSS y JS) para crear aplicaciones de escritorio para Windows y Mac con Electron.

GraphQL

• ✍️📝 Introducción a GraphQL - Intro a GrahpQL y sus conceptos más básicos.
• ✍️📝 Apollo, GraphQL, y cómo Redux me arruga la ropa - Explicación de GraphQL y como se puede usar el cliente Apollo como substituto de Redux.
• 💰📹👨‍🏫 Platzi - Curso de GraphQL - Aprende a crear una API GraphQL usando JavaScript (y aprendiendo GraphQL desde cero).
• 📹🗣 Meetup.js Argentina - Introduccion a GraphQL - Qué es y como funciona GraphQL.
• 📹🗣 Meetup.js Argentina - Migrando nuestra API REST a GraphQL en Restorando - Cómo Restorando esta migrando su API Rest a GraphQL y sus experiencias al hacerlo.

Herramientas

Babel

• ✍️📝 ¿Qué es y para qué sirve Babel? - Introducción a Babel.js, para qué sirve, como usarlo.

• 📹🗣 Meetup.js Argentina - Babel y feature detection se hacen amigos - Cómo usar Babel y Feature Detection para solo transpilar el código necesario.

Gulp

• ✍️📝 Automatización de tareas de frontend usando Gulp.js - Tutorial introductorio a Gulp.js
• ✍️📝 Usando ECMAScript 6 en tus tareas de Gulp - Tutorial básico de como combinar Gulp.js y Babel.js.

Browserify

• ✍️📝 Construyendo módulos de front-end con Browserify - Tutorial de Browserify.
• ✍️📝 Factorizando bundles de JavaScript agrupando dependencias comunes - Optimizaciones para bundles de aplicaciones JS.

Webpack

• ✍️📝 Compilando el Frontend con Webpack - Tutorial introductorio a Webpack y como configurarlo.
• ✍️📝 Configurando diferentes entornos en webpack - Cómo configurar webpack con diferentes configuraciones para desarrollo y producción. También hay algunos tips sobre loaders y plugins útiles.
• ✍️📝 Primeros pasos con Webpack - Tutorial para compilar tu código JavaScript usando Webpack y Webpack Dev Server.
• 💰📹👨‍🏫 Platzi - Curso de Webpack - Aprende a usar webpack y configurarlo según para tus aplicaciones.

CasperJS

• ✍️📝 Test funcionales con CasperJS - Tutorial de como hacer test de funcionalidad en Frontend.

Yarn

• ✍️📝 Manejo de dependencias JavaScript con Yarn - Como usar Yarn como manejador de dependencias de JavaScript.
• ✍️📝 Migrando desde npm - Proceso de migración y comparación de comandos desde NPM a Yarn.

Jest

• ✍️📝 ⚙️ Como configurar jest - Guía de como configurar Jest para su uso

Librerías

React.js

• ✍️📝 Conceptos básicos de JSX y ReactJS - Introducción a conceptos de React.js.
• ✍️📝 Renderizando React.js en el server con Express.js y react-engine - Tutorial de como hacer renderizado en el servidor con React.js y Express.js.
• ✍️📝 Internacionalización con React.js y Format.js - Como crear una aplicación multi idioma con React.js.
• 📹🗣 Cómo hacer animaciones con React.js - Tutorial de animaciones en React.js
• 📹🗣 Cómo implementar React.js en el Backend - Tutorial sobre server render con React.js.
• ✍️📝 Componentes de Alto Orden en React.js - Que son y como usar los Componentes de Alto Orden para extender componentes de React.js
• ✍️📝 Usando React.js en el servidor con Django - Explicación de como en Platzi resolvieron el server-render con React.js y Django.
• ✍️📝 Testeando componentes de React con Enzyme - Breve introducción sobre cómo inicializar un entorno de tests con la librería Enzyme.
• ✍️📝 Crea aplicaciones React sin configurar nada - Como iniciar a desarrollar con React usando create-react-app para no tener que configurar nada.
• ✍️📝 Crea una aplicación web usando React, Flux y Auth0 - Crea una aplicación con autenticación y que consuma un API.
• ✍️📝 Cómo acceder a los datos de tu aplicación sin sufrimiento con React Context API - Tutorial para aprender a usar la nueva versión del API de Context
• ✍️📝 Usa Functions as Children (render-props) en Reactjs - Aprende a usar el patron de diseño "Functions as Children" o "Render props" en Reactjs.
• ✍️📝 React v16.6: lazy, memo y más - Aprende a usar los nuevos features de React v16.6, lazy load, memoize, errores, contexto y más.
• ✍️📝 Todo lo que debes saber sobre React Suspense - Guía sobre como funciona React Suspense.
• ✍️📝 Carrusel de elementos dinámicos con React.js - Tutorial sobre cómo crear un carrusel para elementos de tamaños variados usando React.
• 💰✍️️📖 Descubre React - Aprende sobre ReactJS y ECMAScript 6
• 🎧📻 Sin humo 3.0 - React y JavaScript - Qué es React, JSX, Redux, GraphQL y otras cosas sobre JavaScript.
• 💰📹👨‍🏫 Platzi - Curso de React.js - Aprende desde cero a usar React.js para crear una aplicación.
• 📹🗣 Por qué elegir React JS para desarrollar - Por qué Platzi se decidió por React, que implicó el cambio y como se realizó server-render al usar Django como backend.
• 📹🗣 Tutorial de React.js y Componentes - Tutorial básico sobre React.js.
• 📹🗣 Tutorial de introducción a React.js - Ejemplo de Hello World con React.js.
• 📹🗣 Patrones de arquitectura con Flux y React.js para Front-end - Explicación de Flux con Reflux.js.

Redux.js

• ✍️📝 Introducción a Redux.js - Introducción a conceptos de Redux.js
• ✍️📝 Combinando React.js y Redux.js - Explicación de como usar conjuntamente estas dos tecnologías.
• ✍️📝 Middlewares en Redux.js - Explicación de como hacer middlewares propios para Redux.js
• ✍️📝 Pruebas unitarias en Redux.js - Ejemplos de como hacer pruebas a nuestro código de Redux.js.
• ✍️📝 Ruteo en aplicaciones de Redux y React.js - Explicación de como manejar las rutas de una aplicación hecha con Redux y React.js.
• ✍️📝 Estructura de archivos Ducks para Redux.js - Buena práctica de como organizar creadores de acciones, reducers y tipos de acciones en módulos.
• ✍️📝 Glosario de términos de Redux - Colección de términos usados en Redux junto a su explicación.
• ✍️📝 Migrando a Redux - Guía de migración a Redux.js desde otra implementación de Flux.
• ✍️📝 Manejo de errores en Redux.js - Tutorial que explica como manejar errores en aplicaciones de Redux.js
• ✍️📝 Creando código modular con ducks de Redux - Tutorial sobre como usar la librería react-duck para crear código modular.
• ✍️📝 Usando Redux en el servidor con Socket.io - Tutorial sobre como usar Redux para mantener el estado del servidor en aplicaciones Real-time.
• ✍️📝 Renderizando aplicaciones de Redux en el servidor - Tutorial sobre como usar Redux en aplicaciones renderizadas en el servidor.
• ✍️📝 Obteniendo datos en aplicaciones de Redux - Tutorial sobre como manejar peticiones al servidor en aplicaciones de Redux.
• ✍️📝 Estado inmutable con Redux e Immutable.js - Aprende a usar Immutable.js para manejar un estado 100% inmutable en Redux.
• ✍️️📖 Desarrollo de Aplicaciones Web con React.js y Redux.js - Aprende como usar React y Redux para desarrollar aplicaciones web modernas más poderosas y usando las mejores prácticas.
• 💰📹👨‍🏫 Platzi - Curso de Redux - Aprende a usar Redux junto a React para manejar el estado de tus aplicaciones web.

Polymer

• ✍️📝 Introducción a Polymer - Introducción a Polymer 1.0
• ✍️📝 Aprende a crear Web Components con Polymer - Tutorial del uso de Web Components con Polymer.
• ✍️📝 Manual de Polymer - Manual que explica cómo trabajar con Polymer, con una serie de artículos básicos enfocados en el uso de Polymer y de sus elementos del catálogo.
• 📹🗣 Aprende de web components con Polymer - Introducción a web components a través Polymer.

Micro.js

• ✍️📝 Crea microservicios en Node.js con micro.js - Como crear un microservicio usando micro.js.

Pulse Editor

• ✍️📝 Implementando Pulse Editor - Como implementar Pulse Editor en una aplicación de React usando Next.js.
• ✍️📝 Creando botones propios para Pulse Editor - Como crear botones personalizados para un editor creado con Pulse Editor.
• ✍️📝 Aplicando estilos a Pulse Editor con styled-components - Como estilzar un editor creado con Pulse Editor usando styled-components.

Frameworks

Sails.js

• ✍️📝 Introducción a Sails.js - Tutorial de Sails.js.
• ✍️📝 Estructura y componentes de una aplicación en Sails.js - Tutorial de la estructura y componentes de Sails.js.
• 💰📹👨‍🏫 Platzi - Curso de JavaScript Full Stack con Sails.js - Aprende a usar Sail.js para crear aplicaciones del lado del servidor con Node.js y como integrarlo con Vue.js.

AngularJS

• ✍️📝 Guía de estilo AngularJS - Patrones de diseño en AngularJS v1.
• ✍️📝 Desarrollo por componentes con AngularJS v1.5 y ES6/ES2015 - Como trabajar con componentes en AngularJS v1.5.
• ✍️📝 Formas de comunicar componentes en AngularJS 1.x - Resumen sobre las 3 maneras principales que existen para comunicar componentes.
• 💰✍️️📖 Desarrollo web ágil con Angular.js - Excelente libro sobre AngularJS

Angular

• ✍️📝 Crea tu primer componente en Angular 2 - Aprende a crear un componente en Angular v2.
• 💰📹👨‍🏫 Platzi - Curso de Angular 4 - Aprende a crear una Single Page Application usando Angular.
• 💰📹👨‍🏫 Platzi - Curso de PWA con Angular - Aprende a crear Progressive Web Apps con Angular/
• 💰📹👨‍🏫 Platzi - Curso de MEAN - Aprende a usar el stack MEAN (MongoDB, Express, Angular y Node) para crear aplicaciones web.
• 💰✍️📖Entendiendo Angular - En este libro vamos a pasar por las funcionalidades de Angular, para poder ir entendiendo todo lo que se puede hacer con este fantástico framework y entender un poco mas a fondo que utilizamos.

VueJS

• ✍️📝 Consumiendo Servicios Web / REST APIs con VueJS y Axios - Aprenderas a obtener datos desde servicios web utilizando VueJS, haciendo uso de la librería Axios.
• 💰📹👨‍🏫 Platzi - Curso básico de Vue.js - Aprende a usar Vue.js, el framework progresivo.
• 💰📹👨‍🏫 Platzi - Curso Profesional de VueJS - Usa Vue.js para crear aplicaciones de gran escala con buen rendimiento.

React Native

• ✍️📝 Inicia un proyecto rápido con React Native - Artículo de como usar create-react-native-app para iniciar proyecto de RN sin configuración
• 📹👨‍🏫 Mario Diez - Curso de React Native - Curso desde 0 en el que aprenderas todos los conceptos para crear tu propia aplicación con React Native.
• 💰📹👨‍🏫 Platzi - Curso de React Native - Aprende a usar React Native para llevar tus conocimientos de React a las aplicaciones móviles de forma nativa en iOS y Android.

NextJS

• ✍️📝 Next.js, el futuro de las aplicaciones con React - Introducción Next.js y sus características
• ✍️📝 Implementa Progressive server-side render con Next.js - Ejemplo de como implementar progressive server render en Next.js
• ✍️📝 Introducción a MDX - Guía de comor usar MDX e integrarlo con Next.js

A-Frame

• 💰📹👨‍🏫 Platzi - Curso de Realidad Virtual para Web - Aprende a usar JavaScript y A-Frame para crear aplicacione sy juegos de realidad virtual en la web.

Contribuciones

Cualquier contribución es bienvenida. Lea la guía de contribuciones primero.