
Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...
<100 subscribers



Actividad diagnostica
Objetivo:Identificar los conocimientos previos de los estudiantes en HTML, CSS y lógica básica de diseño web.Instrucciones:Crea una página web simple con un archivo index.html.La página debe contener:Un título principal con tu nombre.Un párrafo donde describas qué entiendes por "aplicaciones web progresivas".Una lista (puede ser ordenada o no ordenada) con 3 aplicaciones web que uses en tu día a día.Una imagen (puede ser de internet o de tu computadora).Aplica algo de estilo con CSS interno o...

App móvil con CRUD conectado a servidor LAMP
Objetivo generalDesarrollar una app móvil en React Native (Expo) capaz de conectarse a una API PHP que realiza operaciones CRUD sobre una tabla en MySQL, todo dentro de una red local.Herramientas necesariasMySQ: Base de datosPHP (Apache o XAMPP): API en backendReact Native + ExpoApp: móvil frontendPostman (opcional): Prueba de endpoints APIVS Code: Editor de códigoExpo Go: Pruebas en el móvil (iOS/Android)Parte 1: Crear la base de datosEn phpMyAdmin o línea de comandos de MySQL:CREATE DATABAS...

La señal que nunca llegó
Lucas tenía una visión: crear una app que ayudara a pequeños productores locales a vender sus cosechas directamente a consumidores urbanos. Nada de intermediarios, solo conexión. La llamó Raíz. Desde su pequeño estudio en Oaxaca, con más corazón que presupuesto, construyó una app limpia, intuitiva y optimista. El diseño estaba listo. Las funciones estaban listas. Los productores estaban listos. Solo faltaba que el mundo se conectara con ella. El día del lanzamiento fue como un amanecer. Lucas...
Share Dialog
Share Dialog
Laura, una joven desarrolladora móvil recién egresada, soñaba con crear una aplicación que ayudara a familias a organizar sus gastos diarios. Tenía la energía, la motivación y una libreta llena de ideas. Lo que no tenía aún era claridad sobre cómo convertir esos sueños en una solución sólida.
Como muchos principiantes, empezó dibujando pantallas sin pensar demasiado en lo que sucedía “detrás del telón”. Para ella, la aplicación era solo lo que se veía en la pantalla: botones, listas, colores. Pero al primer intento de programar, se encontró con un muro invisible: todo funcionaba en desorden.
Los primeros usuarios —su familia— empezaron a probar la aplicación. Funcionaba… a medias.
Los datos se duplicaban.
La app se cerraba al quedarse sin conexión.
La batería del celular se consumía en minutos.
Laura comprendió algo doloroso: una aplicación no es solo pantallas bonitas. Es también la manera en que sus piezas internas se hablan, se organizan y sobreviven a la realidad caótica del día a día.
Una noche, frustrada, Laura recordó a un profesor que insistía en la importancia de “pensar antes de picar código”. Decidió hacer una pausa y volver al papel.
Diseño funcional: redibujó el flujo de cada acción del usuario —desde registrar un gasto hasta visualizar un reporte.
Arquitectura lógica: dividió la aplicación en capas claras: interfaz, lógica de negocio, y almacenamiento de datos.
Representación física: entendió dónde vivía cada pieza: lo que estaba en el teléfono, lo que viajaba a la nube, y lo que se almacenaba localmente.
Estructuras de datos: eligió listas para manejar los gastos diarios y mapas para vincular categorías con montos.
Patrones de diseño: implementó el patrón Repository para unificar datos locales y remotos, y MVVM para separar lógica de la interfaz.
Con cada decisión, la aplicación dejaba de ser un rompecabezas roto y empezaba a convertirse en un organismo vivo.
Tres meses después, la aplicación estaba lista para un grupo más amplio de pruebas. Esta vez, los usuarios no se quejaban: la app era fluida, guardaba datos sin conexión, y las estadísticas aparecían limpias.
Lo curioso es que nadie notaba el trabajo invisible de Laura. Y eso fue precisamente lo más valioso: el diseño arquitectónico había hecho que la tecnología desapareciera, permitiendo que la experiencia brillara.
Laura comprendió que programar no es solo escribir código: es diseñar con intención. El diseño funcional y arquitectónico son los planos invisibles que sostienen cada interacción visible. Una aplicación bien pensada no solo resuelve un problema; también respira, evoluciona y perdura.
Laura ya no se veía solo como una programadora, sino como una arquitecta digital. Cada aplicación, cada diagrama y cada línea de código eran ladrillos en la construcción de un puente entre las necesidades humanas y el mundo invisible del software.
Porque en el corazón de cada gran aplicación no hay solo código: hay diseño, reflexión y la valentía de pensar en lo que los ojos no ven.
Laura, una joven desarrolladora móvil recién egresada, soñaba con crear una aplicación que ayudara a familias a organizar sus gastos diarios. Tenía la energía, la motivación y una libreta llena de ideas. Lo que no tenía aún era claridad sobre cómo convertir esos sueños en una solución sólida.
Como muchos principiantes, empezó dibujando pantallas sin pensar demasiado en lo que sucedía “detrás del telón”. Para ella, la aplicación era solo lo que se veía en la pantalla: botones, listas, colores. Pero al primer intento de programar, se encontró con un muro invisible: todo funcionaba en desorden.
Los primeros usuarios —su familia— empezaron a probar la aplicación. Funcionaba… a medias.
Los datos se duplicaban.
La app se cerraba al quedarse sin conexión.
La batería del celular se consumía en minutos.
Laura comprendió algo doloroso: una aplicación no es solo pantallas bonitas. Es también la manera en que sus piezas internas se hablan, se organizan y sobreviven a la realidad caótica del día a día.
Una noche, frustrada, Laura recordó a un profesor que insistía en la importancia de “pensar antes de picar código”. Decidió hacer una pausa y volver al papel.
Diseño funcional: redibujó el flujo de cada acción del usuario —desde registrar un gasto hasta visualizar un reporte.
Arquitectura lógica: dividió la aplicación en capas claras: interfaz, lógica de negocio, y almacenamiento de datos.
Representación física: entendió dónde vivía cada pieza: lo que estaba en el teléfono, lo que viajaba a la nube, y lo que se almacenaba localmente.
Estructuras de datos: eligió listas para manejar los gastos diarios y mapas para vincular categorías con montos.
Patrones de diseño: implementó el patrón Repository para unificar datos locales y remotos, y MVVM para separar lógica de la interfaz.
Con cada decisión, la aplicación dejaba de ser un rompecabezas roto y empezaba a convertirse en un organismo vivo.
Tres meses después, la aplicación estaba lista para un grupo más amplio de pruebas. Esta vez, los usuarios no se quejaban: la app era fluida, guardaba datos sin conexión, y las estadísticas aparecían limpias.
Lo curioso es que nadie notaba el trabajo invisible de Laura. Y eso fue precisamente lo más valioso: el diseño arquitectónico había hecho que la tecnología desapareciera, permitiendo que la experiencia brillara.
Laura comprendió que programar no es solo escribir código: es diseñar con intención. El diseño funcional y arquitectónico son los planos invisibles que sostienen cada interacción visible. Una aplicación bien pensada no solo resuelve un problema; también respira, evoluciona y perdura.
Laura ya no se veía solo como una programadora, sino como una arquitecta digital. Cada aplicación, cada diagrama y cada línea de código eran ladrillos en la construcción de un puente entre las necesidades humanas y el mundo invisible del software.
Porque en el corazón de cada gran aplicación no hay solo código: hay diseño, reflexión y la valentía de pensar en lo que los ojos no ven.
No comments yet