Front-end web dev | tutoriales y recursos

Cómo construir un chat sincronizado en tiempo real | Proyecto | Parte #3

2 diciembre, 20191 abril, 2020 por Ro

Índice Cómo mostrar nuevos mensajes en la UICómo actualizar el username en la UIAñadiendo local storageCómo actualizar el canal en la UI Tercera (¡y última!) parte de este proyecto basado en JavaScript, donde estamos construyendo un chat en tiempo real. Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. En ellas vimos cómo … Leer más Cómo construir un chat sincronizado en tiempo real | Proyecto | Parte #3

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

27 marzo, 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

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

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

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

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

Proyecto MeteoApp – Parte #2

22 marzo, 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

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

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

22 marzo, 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