Python Web

Curso de 13 horas en vídeo para aprender desarrollo web con Python puro y Reflex desde cero.

Proyecto realizado durante emisiones en directo desde Twitch

Si consideras útil el curso, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!

Sobre el curso: muy importante

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: Tutorial en vídeo

<a href="https://youtu.be/n2YrGsXJC6Y"><img src="http://i3.ytimg.com/vi/n2YrGsXJC6Y/maxresdefault.jpg" style="height: 50%; width:50%;"/></a>

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

Curso de Python Web Avanzado: Tutorial en vídeo

<a href="https://youtu.be/bNy8OZJfA6I"><img src="http://i3.ytimg.com/vi/bNy8OZJfA6I/maxresdefault.jpg" style="height: 50%; width:50%;"/></a>

• Curso de Python Web avanzado
• Lección 1 - Refactorización
• Lección 2 - Actualización datos
• Lección 3 - Router
• Lección 4 - Componentes React
• Lección 5 - Hosting nativo
• Lección 6 - Backend
• Lección 7 - Docker
• Lección 8 - CORS
• Lección 9 - GitHub Actions
• Lección 10 - Infraestructura
• Lección 11 - API
• Lección 12 - Estados
• Lección 13 - Integración API
• Lección 14 - Datos en tiempo real
• Lección 15 - Supabase y PostgreSQL
• Lección 16 - JSON serializable
• Lección 17 - Base de datos
• Lección 18 - Feature flags
• Lección 19 - Query PostgreSQL
• Lección 20 - Cálculo de fechas
• Lección 21 - Migración RadixUI
• Lección 22 - Carga de datos
• Lección 23 - Cliente / Servidor
• Lección 24 - Animaciones
• Lección 25 - Otras características
• Próximos pasos

Proyecto

<a href="https://moure.dev"><img src="./Images/web.png" style="height: 50%; width:50%;"/></a> <a href="./link_bio"><img src="./Images/web.gif" style="height: 50%; width:50%;"/></a>

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.

💻 Accede al código del proyecto

Tutorial extra en vídeo (+3 horas)

<a href="https://youtu.be/h8Tn0ITRoQs"><img src="http://i3.ytimg.com/vi/h8Tn0ITRoQs/maxresdefault.jpg" style="height: 50%; width:50%;"/></a>

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.

💻 Accede al código del proyecto extra

Otros proyectos creadas con Reflex

Estas son otras webs de código libre que he desarrollado para que puedas consultar su código y funcionalidades.

Información importante y preguntas frecuentes

Todo el contenido se ha creado 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.

Enlaces de interés

• 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

Curso de Python desde cero

Aprende Python desde sus fundamentos

<a href="https://github.com/mouredev/hello-python"><img src="https://raw.githubusercontent.com/mouredev/Hello-Python/main/Images/header.jpg"/></a>

Si quieres aprender desde cero, tienes gratis todos los tutoriales que he creado. Más de 44 horas desde fundamentos, frontend, 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:

Hola, mi nombre es Brais Moure.

Freelance full-stack iOS & Android engineer

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.

En mi perfil de GitHub tienes más