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
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
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.allpara hacer +30 llamadas Ajax en paralelo - Buenas practicas
Más Información
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 stylede Nodejs - Promesa
then,catch,finally Promise.resolve,Promise.rejectPromise.race,Promise.allconfetchAsync/Awaitjunto atry/catch/finally- Callbacks y promesas en la misma función
util.promisifyen NodejsEventEmittercon el clásicoPingPong Game
Más Información
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
- Creación de la rama
- 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
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
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
🍻 Si te gusta lo que hago y quieres apoyarme siempre puedes invitarme a un Café virtual ☕️ para reponer cafeína 😋
