Subscribe to Frexus
FrexusActividad 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...
FrexusApp 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...
FrexusDiseña tu primer mini-juego
ObjetivoExplorar las habilidades iniciales del alumno en lógica, creatividad y pensamiento estructurado para el diseño de videojuegos.IntroducciónAntes de programar, todo videojuego comienza con una idea clara de qué hará el jugador y cómo se logrará el objetivo. Tu reto es imaginar un mini-juego sencillo y describir cómo funcionaríaInstruccionesPiensa en un mini-juego que se pueda jugar en 1 minuto máximo.Ejemplo: atrapar objetos que caen, esquivar obstáculos, responder preguntas rápidas, et...
<100 subscribers
FrexusActividad 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...
FrexusApp 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...
FrexusDiseña tu primer mini-juego
ObjetivoExplorar las habilidades iniciales del alumno en lógica, creatividad y pensamiento estructurado para el diseño de videojuegos.IntroducciónAntes de programar, todo videojuego comienza con una idea clara de qué hará el jugador y cómo se logrará el objetivo. Tu reto es imaginar un mini-juego sencillo y describir cómo funcionaríaInstruccionesPiensa en un mini-juego que se pueda jugar en 1 minuto máximo.Ejemplo: atrapar objetos que caen, esquivar obstáculos, responder preguntas rápidas, et...
Share Dialog
Share Dialog
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 y sus amigos celebraban mientras actualizaban sus redes y veían los primeros registros. Pero algo no andaba bien.
Los usuarios no podían ver productos. Las pantallas cargaban eternamente. Algunos botones no hacían nada. El silencio de los servidores era ensordecedor.
—¿Será el backend? —pensó Lucas, nervioso.
En realidad, el problema era la conexión. O mejor dicho, la falta de comprensión de cómo conectar una app móvil a servidores web reales.
Lucas había probado todo localmente, usando localhost y su red doméstica. Pero en cuanto la app se enfrentó al mundo real de IPs públicas, APIs mal configuradas y peticiones HTTPS sin validar, se cayó todo.
Durante días, Lucas no durmió. Estudió documentación, foros, y tutoriales que antes ignoraba. Comprendió que las aplicaciones móviles necesitan conectarse a:
APIs REST para consultar o enviar datos.
Servidores de aplicaciones, donde se ejecuta la lógica de negocio (autenticación, procesamiento).
Bases de datos accesibles solo desde el backend, no directamente desde la app.
Descubrió también los tipos de conexiones:
Sincrónicas y asíncronas.
HTTP/HTTPS para peticiones estándar.
WebSockets para comunicación en tiempo real.
Firebase y otros BaaS como alternativas modernas.
Pero más que eso, comprendió algo esencial: una app móvil no es solo la interfaz que vemos, es el eco de muchos servidores funcionando en armonía silenciosa.
Lucas reescribió su backend en PHP, lo subió a un servidor LAMP real y reemplazó las IPs locales por el dominio público. Usó fetch() en su app React Native para consumir la API.
fetch('https://raizapp.com/api/productos.php')
Verificó los CORS, usó tokens JWT para validar sesiones y habilitó HTTPS en su dominio. Incluso separó su base de datos en un servidor exclusivo con acceso limitado desde su backend.
Esta vez, la señal sí llegó.
Semanas después, Raíz funcionaba. Los productores recibían pedidos desde la app. Lucas no solo había construido una aplicación, había aprendido a conectarla al mundo.
Más que programación, fue una lección sobre humildad, sobre cómo lo invisible —las conexiones, los servidores, los permisos— puede hacer o deshacer un sueño.
Y lo más valioso no fue haber lanzado la app, sino haber entendido cómo vive una app móvil: conectada, adaptativa, resiliente.
Más información en:
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 y sus amigos celebraban mientras actualizaban sus redes y veían los primeros registros. Pero algo no andaba bien.
Los usuarios no podían ver productos. Las pantallas cargaban eternamente. Algunos botones no hacían nada. El silencio de los servidores era ensordecedor.
—¿Será el backend? —pensó Lucas, nervioso.
En realidad, el problema era la conexión. O mejor dicho, la falta de comprensión de cómo conectar una app móvil a servidores web reales.
Lucas había probado todo localmente, usando localhost y su red doméstica. Pero en cuanto la app se enfrentó al mundo real de IPs públicas, APIs mal configuradas y peticiones HTTPS sin validar, se cayó todo.
Durante días, Lucas no durmió. Estudió documentación, foros, y tutoriales que antes ignoraba. Comprendió que las aplicaciones móviles necesitan conectarse a:
APIs REST para consultar o enviar datos.
Servidores de aplicaciones, donde se ejecuta la lógica de negocio (autenticación, procesamiento).
Bases de datos accesibles solo desde el backend, no directamente desde la app.
Descubrió también los tipos de conexiones:
Sincrónicas y asíncronas.
HTTP/HTTPS para peticiones estándar.
WebSockets para comunicación en tiempo real.
Firebase y otros BaaS como alternativas modernas.
Pero más que eso, comprendió algo esencial: una app móvil no es solo la interfaz que vemos, es el eco de muchos servidores funcionando en armonía silenciosa.
Lucas reescribió su backend en PHP, lo subió a un servidor LAMP real y reemplazó las IPs locales por el dominio público. Usó fetch() en su app React Native para consumir la API.
fetch('https://raizapp.com/api/productos.php')
Verificó los CORS, usó tokens JWT para validar sesiones y habilitó HTTPS en su dominio. Incluso separó su base de datos en un servidor exclusivo con acceso limitado desde su backend.
Esta vez, la señal sí llegó.
Semanas después, Raíz funcionaba. Los productores recibían pedidos desde la app. Lucas no solo había construido una aplicación, había aprendido a conectarla al mundo.
Más que programación, fue una lección sobre humildad, sobre cómo lo invisible —las conexiones, los servidores, los permisos— puede hacer o deshacer un sueño.
Y lo más valioso no fue haber lanzado la app, sino haber entendido cómo vive una app móvil: conectada, adaptativa, resiliente.
Más información en:
No comments yet