JavaScript archivos - A ContracorrienTech

De ES6 en adelante – Recopilación de nuevas características añadidas a JavaScript

15 marzo, 202120 mayo, 2020 por Ro

Índice rest parameterspread operatorsetssymbolsclasesarrow functions He decidido recopilar una lista no exhaustiva de las características (en inglés, features) que se han ido añadiendo a JavaScript (en adelante, JS) en sus diferentes versiones a partir de ES6. ¡Vamos allá! FEATURE EXPLICACIÓNrest parameterES6Agrupa los parámetros de una función y los convierte en un único parámetro-array. Como ejemplo, vamos a crear … Leer más

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

UI Library – Proyecto con Webpack – Parte #2

18 mayo, 202013 mayo, 2020 por Ro

Segunda y última parte de este proyecto, donde estamos construyendo una librería UI de componentes re-utilizables tipo Bootstrap. Si acabas de aterrizar aquí, te recomiendo que veas la parte #1 antes. En esa parte hemos iniciado el proyecto y creado tooltips y dropdowns. En esta parte crearemos el resto de nuestros componentes. ¡Vamos allá! 🤗 Índice Creando tabsCreado … Leer más

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

UI Library – Proyecto con Webpack – Parte #1

14 mayo, 20206 mayo, 2020 por Ro

Índice ¿Qué vamos a construir? Requisitos y consideraciones previasEstructura inicial de nuestra appOrganización de los archivos CSS usando CSS loadersCreando tooltipsCreando dropdowns ¿Qué vamos a construir? Una pequeña librería UI (en inglés, User Interface library), es decir, un conjunto de componentes re-utilizables en cualquier proyecto, como pueden ser:tooltipssnackbarsdropdownspestañas (tabs)Es una versión propia de UI libraries como Bootstrap, que … Leer más

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

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

14 mayo, 202029 abril, 2020 por Ro

Í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

14 mayo, 202022 abril, 2020 por Ro

Í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

14 mayo, 202015 abril, 2020 por Ro

Í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!:

Proyecto MeteoApp – Parte 3

21 abril, 20208 abril, 2020 por Ro

Índice Añadiendo imágenes e iconos dinámicosUsando el Ternary operator para simplificar nuestro códigoGuardando la ciudad en local storageRefactorizando el código con clases de JavaScriptCreando la Forecast classCreando una instance del Forecast object Tercera (y última) parte de este proyecto donde estamos construyendo una app de predicción meteorológica desde cero. Si acabas de aterrizar aquí, puedes … 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

17 octubre, 20201 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

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

17 octubre, 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

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

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

27 marzo, 202011 marzo, 2020 por Ro

Í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!: