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.
| Emoji | Definición |
|---|---|
| Contenido pago (si no posee este emoji es gratis) | |
| ✍️ | Contenido de texto |
| Contenido de vídeo | |
| Contenido de audio | |
| Libro | |
| Charla o Conferencia | |
| Opiniones | |
| 📝 | Blog |
| 📋 | Evento |
| 👨🏫 | Curso |
| Podcast |
Índice
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 usarcreate-react-native-apppara 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.