Curso de 6 horas en vídeo para aprender desarrollo web frontend con Python puro y Reflex desde cero.
Proyecto realizado durante emisiones en directo desde Twitch
🗓️ Próxima clase (final): 07/03/24 a las 20h (España) en directo desde Twitch
Consulta aquí el horario en tu país y crea un recordatorio
- Clase 1 [18/01/24]: Actualización, refactor, Router, componentes React y hosting Reflex
- Clase 2 [25/01/24]: Backend, Docker, CORS y GitHub Actions
- Clase 3 [01/02/24]: Estados, API REST e integración API Twitch
- Clase 4 [08/02/24]: Integración Supabase PostgreSQL
- Clase 5 [16/02/24]: Variables custom
- Clase 6 [23/02/24]: Feature flags y migración a Radix UI
Continuación del curso desde cero de 6 horas. En esta sección más avanzada se aprenderán diferentes conceptos relacionados con el desarrollo web con Python y Reflex: Router, backend, APIs, eventos, estados, base de datos, Docker, y más...
Una vez se finalice el curso se creará un vídeo en YouTube, al igual que con la primera parte. Mientras tanto, los vídeos se guardan en Twitch durante 2 meses.
Desde la versión 0.4.0, Reflex utiliza Radix (en vez de Chakra) como sistema de componentes de UI. Ten en cuenta la versión que usas del framework, ya que algunos elementos han podido cambiar ligeramente. Te recomiendo que revises el código del proyecto original actualizado. A partir de la versión 0.4.0, todos los componentes de Chakra estarán en rx.chakra.
Ejemplo:
import reflex as rx
rx.button() # Ahora este será el botón de Radix
rx.chakra.button() # Anterior botón de Chakra
Aquí tienes un artículo con toda la información sobre la nueva versión.
- Curso de Python Web
- Lección 1 - Introducción
- Lección 2 - Características
- Lección 3 - Instalación
- Lección 4 - Primeros pasos
- Lección 5 - Fundamentos
- Lección 6 - Hola mundo
- Lección 7 - Componentes
- Lección 8 - Maquetación
- Lección 9 - Estilos
- Lección 10 - Colores e iconos
- Lección 11 - Fuentes
- Lección 12 - Imágenes
- Lección 13 - Fuentes remotas
- Lección 14 - Diseño responsive
- Lección 15 - Accesibilidad
- Lección 16 - Despliegue
- Próximos pasos
Tienes un canal llamado "python" en el servidor de Discord de la comunidad para preguntar, compartir y ayudar.
Durante el curso aprenderemos desarrollo web con Python puro utilizando el framework Reflex. Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links moure.dev (añadiéndole nuevas funcionalidades). Todo el código está disponible para que cualquiera pueda usarlo.
Proyecto práctico extra de código libre que consistirá en desarrollar y publicar la web del Calendario de aDEViento de la comunidad. Una activdad donde repartimos cursos y libros sobre programación en Navidad.
Todo el contenido se crea en directo desde Twitch, y en este repositorio podrás encontrar las clases en vídeo, el código programado, enlaces de interés y la información relevante.
- Es un curso desde cero y no necesitas conocimientos previos sobre desarrollo web.
- Recuerda que he creado en el Discord un canal "🐍python" para que puedas comentar lo que quieras.
- Web oficial de Python
- Web oficial de Reflex
- Documentación oficial de Reflex
- Repositorio en GitHub de Reflex
- Visual Studio Code
- Documentación CSS
- Curso de CSS
- Chakra UI
- Google Fonts
- Font Awesome
- Vercel
- Radix UI
- Ant Design
- Railway
- Twitch API
- Supabase
- ConfigCat
Si quieres aprender desde cero, tienes gratis todos los tutoriales que he creado. Más de 25 horas desde fundamentos, backend o integración con IA.
Si quieres unirte a nuestra comunidad de desarrollo, aprender programación de Apps, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:
Soy ingeniero de software desde 2010. Desde 2018 combino mi trabajo desarrollando Apps con la creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como @mouredev.
