Desarrollo Web Full-Stack con Python y Reflex
Crea aplicaciones web modernas con Python y Reflex, integrando APIs, bases de datos e inteligencia artificial desde cero
Lo que serás capaz de hacer
Domina Reflex desde cero hasta nivel avanzado ¿Quieres crear aplicaciones modernas, dinámicas y conectadas con servicios reales? Este curso está diseñado para llevarte paso a paso desde los fundamentos de Reflex hasta la construcción de proyectos completos listos para el mundo real, con un enfoque totalmente práctico y aplicable desde el primer día. ¿Qué aprenderás? Fundamentos sólidos de Reflex Desarrollo de aplicaciones completas paso a paso Integración con bases de datos reales Consumo de APIs externas y manejo de datos dinámicos Uso de servicios modernos como Supabase Integración de inteligencia artificial (Gemini) dentro de tus aplicaciones Aprenderás construyendo: Nada de teoría aburrida. Este curso está enfocado en proyectos prácticos que simulan escenarios reales de desarrollo, permitiéndote entender cómo se construyen aplicaciones profesionales desde cero, cómo se estructuran y cómo se escalan. Ideal para: Desarrolladores que quieren aprender nuevas tecnologías modernas Personas que buscan crear aplicaciones completas sin quedarse en lo básico Quienes quieren integrar inteligencia artificial en sus proyectos de forma práctica Programadores que desean mejorar su portafolio con proyectos reales Además: Obtendrás una comprensión clara de cómo conectar diferentes tecnologías en un solo proyecto, cómo trabajar con servicios externos y cómo llevar tus ideas a productos funcionales. Al finalizar, tendrás las habilidades necesarias para crear aplicaciones modernas, escalables, conectadas a servicios reales y con funcionalidades avanzadas que destacan en el mercado actual. Inscríbete ahora y lleva tus habilidades al siguiente nivel.
- Comprender los fundamentos de Reflex y su uso en el desarrollo de aplicaciones web modernas.
- Construir aplicaciones full-stack completas utilizando Python y Reflex.
- Integrar bases de datos en proyectos reales para gestionar y persistir información.
- Consumir APIs externas y manejar datos dinámicos dentro de las aplicaciones.
- Implementar inteligencia artificial utilizando Gemini para crear funcionalidades avanzadas en tus proyectos.
Temario
UNIDAD 1 - Introducción · 6 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Introducción
- Reflex
- Instalar Python en Windows
- Entorno virtual en Windows
- Instalar Python en Mac
- Entorno virtual en Mac
UNIDAD 2 - Primeros pasos en Reflex · 14 leccionesUNIDAD 2 - Primeros pasos en Reflex
UNIDAD 2 - Primeros pasos en Reflex
- Estructura de carpetas
- Cambiar nombre y arrancar proyecto
- Estructura de un archivo Reflex
- Contenedores
- Primer componente
- Crear modulos
- VStack
- HStack
- Combinar vstack y hstack
- Grid
- Flex
- Entrevista: conceptos básicos de Reflex
- Proyecto reflex_turorial
- Entrevistas: primeros pasos Reflex
UNIDAD 3 - Navegación, estilos css y tailwind · 10 leccionesUNIDAD 3 - Navegación, estilos css y tailwind
UNIDAD 3 - Navegación, estilos css y tailwind
- Agregando nueva página
- Sidebar
- Página de inicio
- Navegación
- Agregar imágenes
- Card con propiedades nativas de Reflex
- Card con estilo css
- Card con Tailwind
- Inyectar propiedades de Reflex
- Archivo css
UNIDAD 4 - Estado de las variables · 14 leccionesUNIDAD 4 - Estado de las variables
UNIDAD 4 - Estado de las variables
- Ocultar carpetas de pycache
- Crear página para estado de las variables
- Tipos de datos
- Métodos
- Resetear variables
- RX.EVENT
- Métodos internos
- Variables en inputs
- @rx.var propiedad computada
- Booleanos y condicional en reflex
- Números float
- Lista de tareas con List
- Entrevista: Métodos y estado de variables
- Proyecto reflex_tutorial parte III
UNIDAD 5 - Primer proyecto: Cronos · 20 leccionesUNIDAD 5 - Primer proyecto: Cronos
UNIDAD 5 - Primer proyecto: Cronos
- Intro: Cronos
- Comenzando proyecto
- Cambiar background de página
- Titulo y cuerpo
- Card
- Input principal
- Componente por defecto sin tareas
- Crear clase TaskState
- Completar InputTask
- Metodo Agregar tarea
- Card Task parte I
- Card Task parte II
- Card Task parte III
- Card Task parte IV
- Agregar tareas
- Eliminar tarea
- Ejecutar cronómetro
- Reiniciar
- Pausar y reanudar
- Proyecto: Cronos
UNIDAD 6 - Segundo proyecto: ReflexType · 19 leccionesUNIDAD 6 - Segundo proyecto: ReflexType
UNIDAD 6 - Segundo proyecto: ReflexType
- Intro: ReflexType
- Iniciando proyecto
- Cabecera
- Cargando style.css y header
- Componente Typing Area
- Clase State
- Cargar JSON
- Explicando el funcionamiento del texto por carácter en css
- Método para definir el color del carácter
- Mostrar párrafos
- Método Key input
- Barra de progreso
- Metodos helpers para estadísticas
- Calculo WPM
- Otras estadísticas
- Barra de estadísticas
- Probando app
- Resetear test
- Proyecto: ReflexType
UNIDAD 7 - Tercer proyecto: Reflex Colors (Base de datos con SQLite) · 35 leccionesUNIDAD 7 - Tercer proyecto: Reflex Colors (Base de datos con SQLite)
UNIDAD 7 - Tercer proyecto: Reflex Colors (Base de datos con SQLite)
- Intro: Reflex colors
- Estilos con tailwind y constantes
- Navbar parte I
- Navbar parte II
- Integrar navbar en main
- Clase ColorState parte I
- Clase ColorState parte II
- Notificaciones Toast en reflex
- Clase PaletteState
- ColorCard parte I
- ColorCard parte II
- ColorCard parte III
- Componente Palette Editor parte I
- Componente Palette Editor parte II
- Componente Palette Editor parte III
- Modelo para nuestra base de datos
- Configuración de base de datos
- Variables para la clase PaletteState
- Métodos para guardar parte I
- Métodos para guardar parte II
- Cargar todas las paletas guardadas
- Cargar una sola paleta con id
- Métodos para editar parte I
- Métodos para editar parte II
- Eliminar paleta
- Ventana modal
- Ventana modal para guardar paleta
- Ventana modal para editar
- Componente para paletas guardadas parte I
- Componente para paletas guardadas parte II
- Crear botón generico
- Componente para paletas guardadas parte III
- Componente para paletas guardadas parte IV
- Terminar aplicación
- Proyecto: Reflex Colors
UNIDAD 8 - Cuarto proyecto: Reflex Music Search (Consumo de apis) · 24 leccionesUNIDAD 8 - Cuarto proyecto: Reflex Music Search (Consumo de apis)
UNIDAD 8 - Cuarto proyecto: Reflex Music Search (Consumo de apis)
- Intro: Reflex Music Search
- Iniciando proyecto
- Search bar
- Página index
- Usar main solo para rutas
- Modelo de iTunes
- Iniciando State
- Instalar httpx
- Continuando con SearchState
- Conectar con API
- Otros métodos
- Terminar SearchBar
- Tabla parte I
- Tabla parte II
- Tabla parte III
- Tabla parte VI
- Probando Api
- Enviar items a página detalle
- Link para regresar
- Agregar imagen
- Mas items a la página detalle
- Agregar precio a detalle
- Audio en detalle
- Proyecto Reflex Music
UNIDAD 9 - Proyecto final: CodeSnippets (Gemini + Supabase) · 53 leccionesUNIDAD 9 - Proyecto final: CodeSnippets (Gemini + Supabase)
UNIDAD 9 - Proyecto final: CodeSnippets (Gemini + Supabase)
- Intro: CodeSnippets
- Comenzando proyecto
- Primer componente para login/registro
- Segundo componente para login/registro
- Variables de AuthState
- Formulario de login
- Formulario de registro
- Visualizar formularios de login/registro
- Supabase
- Configurar supabase
- Cliente para supabase
- Método Login
- Probando Login
- Ver id de usuario o email
- Método para salir
- Navbar parte I
- Navbar parte II
- Método para registar
- Registro de usuario
- SQL Editor
- Validar token de sesión
- Proteger paginas internas
- Mostrar Usuario
- Métodos de dashboard parte I
- Métodos de dashboard parte II
- Métodos de dashboard parte III
- Card para los lenguajes
- Modal para guardar
- Completando dashboard
- Guardando lenguajes
- Página Generator
- Enviar parámetros
- Configurar modelo de Gemini
- Prompts
- Método para generar prompt
- Método para guardar snippet de código
- Métodos finales de generator_state
- Componente para el bloque de código
- Componete para mostrar el code block
- Texto por defecto en generator page
- Diseñando para mostrar el resultado del prompt
- Terminado generator page
- Probando crear código con gemini y supabase
- Clase SnippetsState
- Métodos principales de snippets
- Métodos de SnippetState
- Ventana modal de snippets
- Snippet Card
- Combo para seleccionar lenguaje
- Terminar la página de snippets
- Fin de proyecto
- Hacer deploy en Reflex.dev
- Proyecto final CodeSnippets
UNIDAD 10 - Reflex con Json Web Token y Express.js · 19 leccionesUNIDAD 10 - Reflex con Json Web Token y Express.js
UNIDAD 10 - Reflex con Json Web Token y Express.js
- Intro: Reflex JWT
- Preparando backend
- Hola mundo en Express
- Agregar dependencias y crear usuarios
- Login desde express
- Middleware para verificar token
- Crear rutas protegidas
- Probando API
- Variable de entorno
- Comenzando del lado de Reflex
- Métodos headers y dashboard
- Metodo de login
- Métodos para panel de administrador y editor
- Formulario de login
- Admin panel
- Editor panel
- Componente dashboard
- Terminando proyecto
- Proyecto ReflexJWT
UNIDAD 11 - Despedida · 1 leccionesUNIDAD 11 - Despedida
UNIDAD 11 - Despedida
- Despedida
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Jorge Maldonado B..
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 11 unidades · 215 lecciones · 55 h
- 12 meses de acceso
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Jorge Maldonado B.; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
