De 0 a App: JustETF clon: Parte 3

justEtfClonPortada

Una vez construída la UI en la parte anterior, pasemos a la verdadera chicha del proyecto: la lógica de programación con JavaScript. índice Evaluación de la estructura de navegación entre archivos HTMLRefactorizando el menú: un poquito de DOM manipulationUn intento de hacer una página multi-lenguajeCambios en la página ETF screenerCómo crear una URL en GitHub … Leer más

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

De 0 a App: JustETF clon: Parte 2

justEtfClonPortada

Después de explicar la estructura y objetivos de proyecto en la parte anterior, voy a construir la app desde cero, empezando por la user interface (en adelante, UI). índice Creación del proyecto en vsCode y adición de SASSSubiendo el proyecto a GitHubDividiendo el proyecto en componentesIncluyendo JS a la ecuaciónConstrucción de la Home pageConstruyendo la UI … Leer más

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

De 0 a App: JustETF clon: Parte 1

justEtfClonPortada

Para ser una verdadera developer, se necesita tanto teoría como práctica. Siguiendo el consejo de mi amigo developer T, la forma más efectiva de luchar contra el síndrome del impostor es cogiendo soltura al programar, y eso sólo se consigue practicando. Hacer un proyecto como parte de un curso online es útil, pero no cuenta. Créeme, lo he … Leer más

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

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

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

Proyecto MeteoApp – Parte #2

portada proyecto meteoApp

Í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

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