
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...

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...

Subscribe to Frexus

Subscribe to Frexus
Share Dialog
Share Dialog
<100 subscribers
<100 subscribers


Descárgalo desde: https://nodejs.org
Confirma que esté instalado:
node -v
npm -v
npm install -g react-native-cli
También puedes usar directamente npx (recomendado para proyectos nuevos):
npx react-native init NombreDelProyecto
Ejemplo:
npx react-native init GestorProductos
Desde: https://developer.android.com/studio
Durante la instalación activa:
Android SDK
Android SDK Platform
Android Virtual Device (AVD)
Agrega esto al archivo de configuración (.bashrc, .zshrc, o .bash_profile):
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$ANDROID_HOME/emulator:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH
En Windows, añade esto al Path:
C:\Users\TuUsuario\AppData\Local\Android\Sdk\platform-tools
Desde Android Studio:
Abrir Device Manager
Crear un dispositivo virtual (AVD)
Iniciar el emulador
O desde terminal:
emulator -avd NombreDelDispositivo
cd GestorProductos
npx react-native run-android # o run-ios si estás en macOS
npm install react-native-sqlite-storage
No es necesario configuración adicional si usas la última versión.
Pero si tu proyecto tiene errores, puedes asegurarte de tener estas líneas en android/app/build.gradle:
android {
defaultConfig {
...
missingDimensionStrategy 'react-native-sqlite-storage', 'default'
}
}
cd ios
pod install
cd ..
También asegúrate de tener platform :ios, '12.0' o superior en el Podfile.
Ejecuta este comando para comprobar que todo funciona:
npx react-native run-android # o run-ios
Para recargar la app: Ctrl + M en Android emulador o Cmd + R en iOS simulador.
Debug nativo: Usa React Native Debugger o Flipper.
Usa console.log() y react-native-log-android para ver salidas en Android.
Una vez tengas el entorno funcionando, ya se puede iniciar con la práctica y probar el uso de DAOs con SQLite.
Para acceder a la práctica:
Descárgalo desde: https://nodejs.org
Confirma que esté instalado:
node -v
npm -v
npm install -g react-native-cli
También puedes usar directamente npx (recomendado para proyectos nuevos):
npx react-native init NombreDelProyecto
Ejemplo:
npx react-native init GestorProductos
Desde: https://developer.android.com/studio
Durante la instalación activa:
Android SDK
Android SDK Platform
Android Virtual Device (AVD)
Agrega esto al archivo de configuración (.bashrc, .zshrc, o .bash_profile):
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$ANDROID_HOME/emulator:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH
En Windows, añade esto al Path:
C:\Users\TuUsuario\AppData\Local\Android\Sdk\platform-tools
Desde Android Studio:
Abrir Device Manager
Crear un dispositivo virtual (AVD)
Iniciar el emulador
O desde terminal:
emulator -avd NombreDelDispositivo
cd GestorProductos
npx react-native run-android # o run-ios si estás en macOS
npm install react-native-sqlite-storage
No es necesario configuración adicional si usas la última versión.
Pero si tu proyecto tiene errores, puedes asegurarte de tener estas líneas en android/app/build.gradle:
android {
defaultConfig {
...
missingDimensionStrategy 'react-native-sqlite-storage', 'default'
}
}
cd ios
pod install
cd ..
También asegúrate de tener platform :ios, '12.0' o superior en el Podfile.
Ejecuta este comando para comprobar que todo funciona:
npx react-native run-android # o run-ios
Para recargar la app: Ctrl + M en Android emulador o Cmd + R en iOS simulador.
Debug nativo: Usa React Native Debugger o Flipper.
Usa console.log() y react-native-log-android para ver salidas en Android.
Una vez tengas el entorno funcionando, ya se puede iniciar con la práctica y probar el uso de DAOs con SQLite.
Para acceder a la práctica:
No activity yet