UI Library – Proyecto con Webpack – Parte #2

Portada proyecto librería UI

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

Portada proyecto librería UI

√ć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

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

Proyecto MeteoApp – Parte 3

portada proyecto meteoApp

√ć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

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

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

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si contin√ļas utilizando este sitio asumiremos que est√°s de acuerdo. m√°s informaci√≥n

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

Cerrar