Babel y Webpack: Guía completa – Parte #3

portada babel y webpack

Índice Cómo usar el servidor local de desarrollo de WebpackCómo configurar los modos de desarrollo y de producciónCómo integrar Babel con WebpackConsideraciones finales Tercera (¡y última!) parte de esta serie, donde aprenderemos cómo establecer un development server, entre otros temas útiles e interesantes. Hasta ahora hemos aprendido las bases de Babel y Wepack en los episodios … Leer más

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

Babel y Webpack: Guía completa – Parte #2

portada babel y webpack

Índice ¿Qué es Webpack?Cómo hacer la configuración inicial de WebpackCómo ejecutar Webpack con la ayuda de Webpack CLIIntroducción a los módulos de JavaScriptQué son los default exports y cómo usarlos Retomamos esta saga sobre Babel y Webpack. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 primero, donde explicamos qué es Babel, para … Leer más

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

Babel y Webpack: Guía completa – Parte 1

portada babel y webpack

Índice El problema de las versiones modernas de JavaScriptIntroducción a BabelInstalación paso a paso de NodeJS y BabelCómo usar la CLI de BabelNota sobre los node_modulesCómo añadir NPM scripts y configurar un entorno de trabajo inicial El problema de las versiones modernas de JavaScriptJavaScript (en adelante, JS) es un lenguaje que ha evolucionado con el … Leer más

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

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

portada construye live chat proyecto

Í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

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

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

portada construye live chat proyecto

Índice Configurando la sincronización en tiempo realQueries complejas: cómo filtrar y ordenar datos recibidosCómo actualizar el usernameCómo actualizar el channelCreación de la clase ChatUICómo dar formato a las fechas Retoques de CSS Retomamos este proyecto, donde estamos construyendo un chat en tiempo real, donde lo dejamos. Si acabas de aterrizar aquí, puedes ver la parte #1 antes para … Leer más

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

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

portada construye live chat proyecto

Í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

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

Firebase: Guía práctica – Parte #2

portada guia firebase

Índice Cómo guardar documents en nuestra databaseCómo borrar documents Cómo hacer cambios en la UI en tiempo realCómo cancelar los cambios en tiempo real Retomamos esta serie sobre el fascinante mundo de Firebase. Si acabas de aterrizar aquí, puedes ver la parte #1 antes. ?Cómo guardar documents en nuestra databaseEl paso lógico después de aprender a obtener datos de nuestra database, es aprender a añadir … Leer más

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

Firebase: Guía práctica – Parte #1

portada guia firebase

Índice Tipos de databasesFuncionamiento de las NoSQL databasesPrimeros pasos con Firebase y FirestoreCómo conectar Firestore con nuestro códigoEsqueleto HTML + CSSCómo obtener y mostrar datos de una collection En ocasiones, cuando creamos páginas web, necesitamos almacenar ciertos datos para poder utilizarlos en nuestra web. Para almacenar esos datos existen las bases de datos (en inglés, databases). Los datos … Leer más

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

Local Storage en JavaScript | Guía completa

portada local storage guía

Í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

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

Portada POO

Í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). Si acabas de aterrizar aquí, puedes ver las partes #1 y #2 antes. Funcionamiento de la herencia en un prototype modelHerencia de propiedadesPartimos del código … Leer más

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

Esta web utiliza cookies para asegurar que se da la mejor experiencia al usuario. Si continúas utilizando este sitio se asume que estás de acuerdo. más información

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar