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...
FrexusLa 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
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...
FrexusLa 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
Objetivo: Que el estudiante pueda identificar objetos reales, extraer sus atributos y comportamientos, organizar esas ideas en clases y relaciones (UML) y llevarlas a una implementación básica en POO (ej. Java).
Papel y lápiz (o pizarra/whiteboard) para bocetos.
Editor de código (VS Code, IntelliJ, NetBeans) o un IDE online.
JDK instalado si van a ejecutar Java (opcional si solo se diseña).
Plantilla de diagrama de clases (puede ser dibujada a mano).
Elige un contexto sencillo y familiar. Ejemplos: bicicleta, biblioteca escolar, cuenta bancaria, café (pedidos y mesas).Objetivo: limitar el alcance para que la abstracción sea manejable.
Tarea: Escribe en una línea el dominio elegido (p. ej. “Bicicleta urbana para préstamos”).
Anota todo lo que consideres relevante en ese dominio: personas, cosas, eventos. No pienses en código, piensa en objetos reales.
Ejemplo (Bicicleta): Bicicleta, Rueda, Freno, Usuario, Casco, Candado.
Para cada objeto escogido, define:
Atributos (estado): datos que lo describen (ej. color, número de velocidades).
Métodos / comportamientos: acciones que realiza (ej. pedalear(), frenar()).
Ejemplo (Bicicleta):
Atributos: color:String, modelo:String, gearCount:int, velocidadActual:double.
Métodos: pedalear(int fuerza), frenar(), cambiarVelocidad(int nuevaVelocidad).
Tarea: Completa una tabla breve (Objeto | Atributos | Métodos).
Decide cuáles objetos serán clases y cuáles serán parte (composición/atributos) de otras clases.
Relaciones comunes:
Asociación (usa a): A ↔ B.
Composición (parte/enteramente dependiente): Bicicleta — contiene → Rueda.
Herencia (es-un): BicicletaDeMontaña extiende Bicicleta.
Tarea: Dibuja flechas y etiquetas entre tus objetos (p. ej. Bicicleta compuesta de Rueda).
Decide qué atributos deben ser private, qué métodos public, qué datos suponen static, y qué tipos de datos utilizar.
Buenas prácticas:
Atributos: private + getters/setters.
Comportamientos públicos para la API de la clase.
Evita exponer estado interno directamente.
Dibuja las clases con tres secciones: nombre / atributos / métodos. Añade relaciones (líneas) y multiplicidad si aplica.
Ejemplo simplificado (texto):
+------------------+
| Bicicleta |
+------------------+
| - color: String |
| - gearCount:int |
| - ruedas: Rueda[]|
+------------------+
| + pedalear() |
| + frenar() |
+------------------+
+------------------+
| Rueda |
+------------------+
| - diametro:int |
| - tipo:String |
+------------------+
| + inflar() |
+------------------+
Objetivo: Que el estudiante pueda identificar objetos reales, extraer sus atributos y comportamientos, organizar esas ideas en clases y relaciones (UML) y llevarlas a una implementación básica en POO (ej. Java).
Papel y lápiz (o pizarra/whiteboard) para bocetos.
Editor de código (VS Code, IntelliJ, NetBeans) o un IDE online.
JDK instalado si van a ejecutar Java (opcional si solo se diseña).
Plantilla de diagrama de clases (puede ser dibujada a mano).
Elige un contexto sencillo y familiar. Ejemplos: bicicleta, biblioteca escolar, cuenta bancaria, café (pedidos y mesas).Objetivo: limitar el alcance para que la abstracción sea manejable.
Tarea: Escribe en una línea el dominio elegido (p. ej. “Bicicleta urbana para préstamos”).
Anota todo lo que consideres relevante en ese dominio: personas, cosas, eventos. No pienses en código, piensa en objetos reales.
Ejemplo (Bicicleta): Bicicleta, Rueda, Freno, Usuario, Casco, Candado.
Para cada objeto escogido, define:
Atributos (estado): datos que lo describen (ej. color, número de velocidades).
Métodos / comportamientos: acciones que realiza (ej. pedalear(), frenar()).
Ejemplo (Bicicleta):
Atributos: color:String, modelo:String, gearCount:int, velocidadActual:double.
Métodos: pedalear(int fuerza), frenar(), cambiarVelocidad(int nuevaVelocidad).
Tarea: Completa una tabla breve (Objeto | Atributos | Métodos).
Decide cuáles objetos serán clases y cuáles serán parte (composición/atributos) de otras clases.
Relaciones comunes:
Asociación (usa a): A ↔ B.
Composición (parte/enteramente dependiente): Bicicleta — contiene → Rueda.
Herencia (es-un): BicicletaDeMontaña extiende Bicicleta.
Tarea: Dibuja flechas y etiquetas entre tus objetos (p. ej. Bicicleta compuesta de Rueda).
Decide qué atributos deben ser private, qué métodos public, qué datos suponen static, y qué tipos de datos utilizar.
Buenas prácticas:
Atributos: private + getters/setters.
Comportamientos públicos para la API de la clase.
Evita exponer estado interno directamente.
Dibuja las clases con tres secciones: nombre / atributos / métodos. Añade relaciones (líneas) y multiplicidad si aplica.
Ejemplo simplificado (texto):
+------------------+
| Bicicleta |
+------------------+
| - color: String |
| - gearCount:int |
| - ruedas: Rueda[]|
+------------------+
| + pedalear() |
| + frenar() |
+------------------+
+------------------+
| Rueda |
+------------------+
| - diametro:int |
| - tipo:String |
+------------------+
| + inflar() |
+------------------+
No comments yet