Detalles

• Expectativas: Versión extendida y en detalle de mi taller "Desarrolla tu Survival Alert con Node.js" del T3chfest de este año. Y además estreno canal!
• Tipo: Walkthrough y Live Coding
• Nivel: Medio-Avanzado de JavaScript/Nodejs
• Temas: Firebase, Ajax, Eventos, Manipulación del DOM
• Duración: 02:23:10
• Fecha de grabación: 16/03/19

Contenido

• Repasaremos las bases de javaScript y además revisaremos todos los PRs de MovieFire (App de Homenaje)
• Modularización en Nodejs
• Trabajando con Node y NVM para las versiones
• Tabajando con fuentes abiertas de datos
• Vorpal para hacer un CLI
• GOT para hacer llamadas HTTP
• Puppetter como scraper

Más información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒Repo de trabajo
• 📺 Ver en Youtube

Detalles

• Tipo: #LiveCoding del bueno!.
• Expectativas: Desarrollaremos una Aplicación web que nos permite guardar nuestras películas favoritas en Firebase.
• Nivel: Medio-Básico de JavaScript
• Temas: Firebase, Ajax, Eventos, Manipulación del DOM
• Duración: 03:22:51
• Fecha de grabación: 23/03/19

Contenido

• Github (Gestión de issues, PRs y demás...)
• GitFlow (Mecánicas de trabajo en ramas)
• Firebase Realtime Database
• Eventos (Click, teclado)
• Ajax (Peticiones Get)
• Brutalismo en CSS (Crudeza visual, etiqueta marquee, etc...)

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo
• 📺 Ver en Youtube

Detalles

• Tipo: Walkthrough y Live Coding
• Expectativas: Repasaremos las bases de javaScript y además revisaremos todos los PRs de MovieFire (App de Homenaje)
• Nivel: Medio-Básico de JavaScript
• Temas: Firebase, Ajax, Eventos, Manipulación del DOM
• Duración: 03:19:26
• Fecha de grabación: 31/03/19

Contenido

• JavaScript, ¡Inspírate!
• Tipos de datos en JavaScript
• Validaciones de datos
• Trabajo con cadenas, numeros y boleanos
• Trabajo con Punteros (deep copy vs shadow copy)
• Estrcuturas condicionales (if, else, else if, operador ternario)
• == vs. ===
• Programación funcional con Arrays (reduce, sort, map)
• Trazas de ES6 (arrow functions)
• Filtrado de arrays y arrays de objetos
• Manpulación del DOM (inserciones dinamicas de datos filtrados)
• Usando promesas para gestionar AJAX
• Usando Promise.all para hacer +30 llamadas Ajax en paralelo
• Buenas practicas

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo
• 📺 Ver en Youtube

Detalles

• Tipo: Live Coding
• Expectativas: Repasaremos las bases de la asincronía en javaScript y probaremos el concepto "Realtime" de Firebase creando un script con Nodejs para monitorizar nuestro servidor en tiempo real usando la librería del Core de Nodejs Child Process. Además lanzaremos la primera release de MovieFire (App de Homenaje)
• Nivel: Medio-Avanzado de JavaScript/Nodejs
• Temas: Firebase, Promesas, Callbacks, Programación orientada a Eventos, Child processes, Nodejs Core...
• Duración: 02:57:08
• Fecha de grabación: 07/04/19

Contenido

• Un Maravilloso mundo sin asincronía
• Callbacks con timers
• Ajax con XMLHttpRequest (XHR) y callbacks
• Patrón: error-first callback style de Nodejs
• Promesa then, catch, finally
• Promise.resolve, Promise.reject
• Promise.race, Promise.all con fetch
• Async/Await junto a try/catch/finally
• Callbacks y promesas en la misma función
• util.promisify en Nodejs
• EventEmitter con el clásico PingPong Game

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo para asincronía
• 📺 Ver en Youtube

Detalles

• Tipo: Live Coding
• Expectativas: Probaremos el concepto "Realtime" de Firebase creando un script con Nodejs para monitorizar nuestro servidor en tiempo real usando la librería del Core de Nodejs Child Process.
• Nivel: Avanzado de JavaScript/Nodejs
• Temas: Firebase, Promesas, Callbacks, Programación orientada a Eventos, Child processes, Nodejs Core...
• Duración: 03:22:58
• Fecha de grabación: 14/04/19

Contenido

• Explicar el proyecto. Doc | Tutorial Raspberry Pi - Graficar la temperatura de la CPU con Node.js y Highcharts
• Forkear el repo en estreamercoders
• Renombre del proyecto a Firebase-system-monitor
• Habilitar los issues
• Preparar el entorno en Local o en C9.io
• Creación de la rama development
• Entender la librería Child Process
• Entender socket.io
• Analizar rápidamente el código y las dependencias
• Ley del boy Scout: ¿Podemos refactorizar?
  • Creación de la rama refactor
  • Añadir un fichero de configuración
  • Errores en general y tabulaciones
  • Promesas y otras opciones
  • PR con los cambios
• Trabajando desde la rama development
• Incluir Firebase
• Preparar un fichero de configuración

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo para entender conceptos
• 🎒 Repo principal estreamercoders/Firebase-system-monitor
• 📺 Ver en Youtube

Detalles

• Tipo: Live Coding
• Expectativas: Aprenderemos a utilizar Yeoman para consumir generadores de proyectos e incluso generaremos nuestro propio generador de proyectos para ayudarnos el resto de la temporada.
• Nivel: Medio/Básico de JavaScript/Nodejs
• Temas: Yeoman, Node, Automatización
• Duración: 02:07:20
• Fecha de grabación: 27/04/19

Contenido

• Entender Yeoman
• Usar un generador (generator-webapp)
• Destripar un generador (generator-webapp)
• Entender el proceso de creación de generadores
• Usar el generador de generadores (generator-generator)
• Construir nuestro primer geenrador de proyectos

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo para entender conceptos
• 📺 Ver en Youtube

Detalles

• Tipo: Live Coding
• Expectativas: Aprenderemos a utilizar Yeoman para consumir generadores de proyectos e incluso generaremos nuestro propio generador de proyectos para ayudarnos el resto de la temporada.
• Nivel: Medio/Básico de JavaScript/Nodejs
• Temas: Yeoman, Node, Automatización
• Duración: 02:46:02
• Fecha de grabación: 12/05/19

Contenido

• Funcionamiento interno de Yeoman
• Usar el mítico generator-generator
• Crear un generador desde cero para nuestros
• Utilizar la librería inquirer para hacer preguntas por terminal con sentido
• Utilizar composability para extender generadores existentes
• Crear un generador para hacer proyectos CLI con Vorpal
• Crear un generador para hacer proyectos de scraping con Puppeteer

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo para entender conceptos
• 📺 Ver en Youtube

Detalles

• Tipo: Live Coding
• Expectativas: Desarrollaremos una APIRest con Nodejs y Express que nos permite guardar nuestras películas favoritas en Firebase.
• Nivel: Medio/Básico de JavaScript/Nodejs
• Temas: Firebase, HTTP, Nodejs, Express, Routing, Backend, Insomnia, Postman
• Duración: 02:47:02
• Fecha de grabación: 12/05/19

Contenido

• Recordemos MovieFire como punto de partida
• Preparando nuestro entorno: Standard, Nodemon y los scripts básicos
• Arrancando un proyecto con Express
• Manejo básico de Rutas en Express
• Fichero de configuración
• Manejo de funciones de Ruta (Req, Res, Next)
• Manejo de Middleware
• Manejo de Middleware de terceros (Morgan, Helmet, estáticos, body parser, CORS)
• Refactor con Express Router
• Implementar Rutas para nuestra API
• Implementar una estructura de controlador
• Implementar el modelo de datos con Firebase

Más Información

• 📖 Hilo resumen del capitulo en Twitter
• 🎒 Repo de trabajo para entender conceptos
• 📺 Ver en Youtube

🍻 Si te gusta lo que hago y quieres apoyarme siempre puedes invitarme a un Café virtual ☕️ para reponer cafeína 😋