🔒 Herramientas de desarrollador detectadas

El código de esta guía está protegido contra copia. Cierra la consola / el inspector del navegador para seguir viendo el contenido. Escríbelo tú mismo en tu editor: así se aprende de verdad la sintaxis de Flutter.

Análisis y Desarrollo de Software
Taller Individual · Flutter · Proyecto "Café Místico"
Fase 0 · Requisitos Fase 1 · Proyecto y assets Fase 2 · Modelo y backend Fase 3 · Componentes Fase 4 · Pantallas
📱 TALLER INDIVIDUAL · ADSO · FASE 0 DE 5

Proyecto Flutter
Café Místico

Sesión guiada paso a paso: desde crear el proyecto en limpio hasta tener el modelo, los servicios y los primeros componentes visuales del menú, probando cada pieza antes de seguir con la siguiente.

📅 Sesión del 27 de julio de 2026
☕ ecommer_app
🔒 Código protegido, solo lectura
🎯 Objetivo de la sesión de hoy

Al finalizar esta sesión, el aprendiz estará en capacidad de crear un proyecto Flutter desde cero, configurar correctamente la carpeta de assets en pubspec.yaml, organizar la estructura de carpetas del proyecto y construir —probando cada uno en el emulador— los primeros componentes visuales del menú.

🔒
Código de solo lectura: no se puede seleccionar, copiar ni pegar (tampoco desde el inspector del navegador). Debes escribirlo tú mismo, línea por línea, en tu editor.
En cada paso encontrarás: 💻 Código 🧪 Prueba 🔒 Sin copiar
✅
FASE 0
Requisitos antes de empezar
PASO 0
Verifica tu entorno
🔒 Sin copiar
Antes de crear el proyecto, confirma que tu equipo tiene todo listo. Sin esto, ningún paso siguiente va a funcionar.
🧪 Checklist
  • Flutter SDK instalado: flutter --version responde sin error.
  • Un editor con soporte Flutter/Dart: Android Studio o VSCode (con sus plugins).
  • Un emulador Android configurado, o tu celular en modo desarrollador conectado por USB.
Siguiente: Fase 1 · Proyecto y assets →