Front-end web dev | tutoriales y recursos

Cómo construir un chat sincronizado en tiempo real – Proyecto – Parte #1

19 abril, 202018 marzo, 2020 por Ro

Índice ¿Qué vamos a construir?Consideraciones previas y pre-requesitosEstructura inicial del proyectoCómo conectar nuestra app a FirebaseCreación de la clase «Chatroom»Añadiendo chats a la base de datos ¿Qué vamos a construir?Vamos a construir una app de chat con sincronización en tiempo real, es decir, si dos personas están chateando, lo que escriba una y le envíe … Leer más Cómo construir un chat sincronizado en tiempo real – Proyecto – Parte #1

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Local Storage en JavaScript | Guía completa

12 enero, 202026 febrero, 2020 por Ro

Índice ¿Qué es el local storage?Cómo almacenar y obtener datosCómo borrar datosCómo convertir datos a formato JSON / desde formato JSON ¿Qué es el local storage?Cuando construimos una app, normalmente trabajamos con algún tipo de información, por ejemplo, si le pedimos a un usuario que introduzca una ciudad para ver qué tiempo hace allí. Pero si no … Leer más Local Storage en JavaScript | Guía completa

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Programación Orientada a Objetos | Guía práctica | Parte #3

10 noviembre, 201919 febrero, 2020 por Ro

Índice Funcionamiento de la herencia en un prototype modelHerencia de propiedadesHerencia de métodosLa base de todos los objetos Tercera y última parte de esta saga sobre Programación Orientada a Objetos (en inglés, Object Oriented Programming). Lo puedes encontrar por las siglas POO, o OOP. Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. 🚀Funcionamiento de la … Leer más Programación Orientada a Objetos | Guía práctica | Parte #3

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Programación Orientada a Objetos – Guía práctica – Parte #2

22 marzo, 202012 febrero, 2020 por Ro

Índice Herencia de clases (subclases)Cómo añadir propiedades a una subclase: super()El mecanismo detrás de los constructoresEl Prototype modelCómo acceder y crear métodos en el prototype modelCómo encadenar métodos Retomamos esta serie sobre POO (me encantan sus siglas 💩). Si acabas de aterrizar aquí, puedes ver la parte #1 antes.Herencia de clases (subclases)Hemos visto en la … Leer más Programación Orientada a Objetos – Guía práctica – Parte #2

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Programación Orientada a Objetos – Guía práctica – Parte #1

22 marzo, 20205 febrero, 2020 por Ro

Índice Introducción a los objetos»Todo en JavaScript es un objeto» ¿O no?Introducción a las clases en JavaScriptConstructores de clasesMétodos de las clases Encadenando métodos Introducción a los objetosUn objeto en JavaScript (en adelante, JS) es parecido a un objeto de la vida real. Por ejemplo, una cámara de fotos. Tiene propiedades, como su color, su peso, … Leer más Programación Orientada a Objetos – Guía práctica – Parte #1

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Proyecto MeteoApp – Parte #2

19 abril, 202029 enero, 2020 por Ro

Índice Primeras interacciones entre nuestra UI y la API de AccuWeatherUtilizando el object shorthand notationMostrando el contenido en nuestra UIDestructuring en acción Retomamos nuestro proyecto MeteoApp donde lo dejamos. Si acabas de aterrizar aquí, puedes ver antes la parte #1.Primeras interacciones entre nuestra UI y la API de AccuWeatherRecordemos que en el archivo forecast.js tenemos nuestras dos … Leer más Proyecto MeteoApp – Parte #2

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Proyecto MeteoApp – Parte #1

22 marzo, 202022 enero, 2020 por Ro

Índice ¿Qué vamos a construir?Requisitos y consideraciones previas Estructura inicial de archivosPrimeros pasos con la API de AccuWeather1ª request: Llamando a la city search API2ª request: Llamando a la current conditions API ¿Qué vamos a construir?Vamos a construir a una app para buscar la predicción meteorológica en cualquier ciudad del mundo, usando la API de AccuWeather. Aquí puedes ver … Leer más Proyecto MeteoApp – Parte #1

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Claves para entender Angular – Qué es y cómo se utiliza

19 abril, 202015 enero, 2020 por Ro

Índice FrameworksSPAsVersiones de AngularLo que debes saber antes de empezar con AngularTypeScriptCómo empezar a usar Angular – Primeros pasosCómo editar un proyecto con AngularOrganización de un componenteContenido estático vs. contenido dinámicoAngular en la consola de las developer toolsCódigo dinámicoExtra: cómo añadir Bootstrap a un proyecto de AngularPracticar lo aprendido Angular es un framework creado por Google que … Leer más Claves para entender Angular – Qué es y cómo se utiliza

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Async JS: Guía completa sobre código asíncrono – Parte #3

22 marzo, 20208 enero, 2020 por Ro

Índice Encadenando promisesNos modernizamos: Fetch APIY llegó async y awaitGestionando nuestro errores con throw y catch Tercera (y última) parte de esta serie sobre JavaScript asíncrono 💪. Si acabas de aterrizar aquí, te recomiendo que veas antes las partes #1 y #2, ya que esta parte está ligada a las anteriores.Encadenando promisesSiguiendo con las ventajas de … Leer más Async JS: Guía completa sobre código asíncrono – Parte #3

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

Async JS: Guía completa sobre código asíncrono – Parte #2

22 marzo, 20201 enero, 2020 por Ro

Índice Cómo usar las callback functions dentro de una HTTP RequestCómo trabajar con JSON data¿Qué demonios es el callback hell?Qué son las promises y cómo usarlasEjemplo con conceptos básicosPromises en la práctica Retomamos esta serie sobre JavaScript asíncrono. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 antes, ya que voy a utilizar todos los acrónimos … Leer más Async JS: Guía completa sobre código asíncrono – Parte #2

Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!: