[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10839":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":47,"readmeContent":48,"aiSummary":49,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":50,"discoverSource":51},10839,"python-web","mouredev\u002Fpython-web","mouredev","Curso para aprender desarrollo frontend Web con Python puro desde cero. Elaborado durante las emisiones en directo desde Twitch de MoureDev.","https:\u002F\u002Fmoure.dev",null,"HTML",4702,245,66,3,0,2,5,27,6,68.37,"Apache License 2.0",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"api-rest","chackra-ui","css","docker","frontend","github-actions","postgresql","pynecone","python","python3","radix-ui","railway","react","reflex","supabase","tailwindcss","tutorial","vercel","web","website","2026-06-12 04:00:52","# Python Web\n\n[![Python](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPython-3.12+-yellow?style=for-the-badge&logo=python&logoColor=white&labelColor=101010)](https:\u002F\u002Fpython.org)\n[![Reflex](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FReflex-0.7.14+-5646ED?style=for-the-badge&logo=reflex&logoColor=white&labelColor=101010)](https:\u002F\u002Freflex.dev)\n\n## Curso de 13 horas en vídeo para aprender desarrollo web con Python puro y Reflex desde cero.\n\n![](.\u002FImages\u002Fheader.jpg)\n\n### Proyecto realizado durante emisiones en directo desde [Twitch](https:\u002F\u002Ftwitch.tv\u002Fmouredev)\n> ##### Si consideras útil el curso, apóyalo haciendo \"★ Star\" en el repositorio. ¡Gracias!\n\n## Sobre el curso: muy importante\n\nDesde la versión 0.4.0, Reflex utiliza [Radix](https:\u002F\u002Fwww.radix-ui.com\u002F) (en vez de [Chakra](https:\u002F\u002Fchakra-ui.com\u002F)) 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](.\u002Flink_bio) del proyecto original actualizado. A partir de la versión 0.4.0, todos los componentes de Chakra estarán en `rx.chakra`.\n\nEjemplo:\n\n```\nimport reflex as rx\nrx.button() # Ahora este será el botón de Radix\nrx.chakra.button() # Anterior botón de Chakra\n```\n\nAquí tienes [un artículo](https:\u002F\u002Freflex.dev\u002Fblog\u002F2024-02-16-reflex-v0.4.0) con toda la información sobre la nueva versión.\n\n## Curso de Python Web: Tutorial en vídeo\n\n\u003Ca href=\"https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y\">\u003Cimg src=\"http:\u002F\u002Fi3.ytimg.com\u002Fvi\u002Fn2YrGsXJC6Y\u002Fmaxresdefault.jpg\" style=\"height: 50%; width:50%;\"\u002F>\u003C\u002Fa>\n\n- [Curso de Python Web](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y)\n- [Lección 1 - Introducción](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=272)\n- [Lección 2 - Características](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=1147)\n- [Lección 3 - Instalación](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=1551)\n- [Lección 4 - Primeros pasos](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=3043)\n- [Lección 5 - Fundamentos](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=3442)\n- [Lección 6 - Hola mundo](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=4259)\n- [Lección 7 - Componentes](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=4593)\n- [Lección 8 - Maquetación](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=6805)\n- [Lección 9 - Estilos](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=9190)\n- [Lección 10 - Colores e iconos](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=13807)\n- [Lección 11 - Fuentes](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=15124)\n- [Lección 12 - Imágenes](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=16249)\n- [Lección 13 - Fuentes remotas](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=17505)\n- [Lección 14 - Diseño responsive](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=18225)\n- [Lección 15 - Accesibilidad](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=19058)\n- [Lección 16 - Despliegue](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=19283)\n- [Próximos pasos](https:\u002F\u002Fyoutu.be\u002Fn2YrGsXJC6Y&t=20892)\n\n> Tienes un canal llamado **\"python\"** en el servidor de **[Discord](https:\u002F\u002Fmouredev.com\u002Fdiscord)** de la comunidad para preguntar, compartir y ayudar.\n\n## Curso de Python Web Avanzado: Tutorial en vídeo\n\n\u003Ca href=\"https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I\">\u003Cimg src=\"http:\u002F\u002Fi3.ytimg.com\u002Fvi\u002FbNy8OZJfA6I\u002Fmaxresdefault.jpg\" style=\"height: 50%; width:50%;\"\u002F>\u003C\u002Fa>\n\n- [Curso de Python Web avanzado](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I)\n- [Lección 1 - Refactorización](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=212)\n- [Lección 2 - Actualización datos](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=716)\n- [Lección 3 - Router](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=1181)\n- [Lección 4 - Componentes React](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=2945)\n- [Lección 5 - Hosting nativo](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=3843)\n- [Lección 6 - Backend](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=4032)\n- [Lección 7 - Docker](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=4789)\n- [Lección 8 - CORS](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=6801)\n- [Lección 9 - GitHub Actions](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=7344)\n- [Lección 10 - Infraestructura](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=8013)\n- [Lección 11 - API](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=8234)\n- [Lección 12 - Estados](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=8768)\n- [Lección 13 - Integración API](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=9190)\n- [Lección 14 - Datos en tiempo real](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=12429)\n- [Lección 15 - Supabase y PostgreSQL](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=13743)\n- [Lección 16 - JSON serializable](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=15853)\n- [Lección 17 - Base de datos](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=16693)\n- [Lección 18 - Feature flags](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=18045)\n- [Lección 19 - Query PostgreSQL](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=19002)\n- [Lección 20 - Cálculo de fechas](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=19275)\n- [Lección 21 - Migración RadixUI](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=21284)\n- [Lección 22 - Carga de datos](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=22745)\n- [Lección 23 - Cliente \u002F Servidor](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=23061)\n- [Lección 24 - Animaciones](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=23611)\n- [Lección 25 - Otras características](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=23877)\n- [Próximos pasos](https:\u002F\u002Fyoutu.be\u002FbNy8OZJfA6I&t=24438)\n\n## Proyecto\n\n\u003Ca href=\"https:\u002F\u002Fmoure.dev\">\u003Cimg src=\".\u002FImages\u002Fweb.png\" style=\"height: 50%; width:50%;\"\u002F>\u003C\u002Fa>\n\u003Ca href=\".\u002Flink_bio\">\u003Cimg src=\".\u002FImages\u002Fweb.gif\" style=\"height: 50%; width:50%;\"\u002F>\u003C\u002Fa>\n\nDurante el curso aprenderemos desarrollo web con Python puro utilizando el framework [Reflex](https:\u002F\u002Fgithub.com\u002Freflex-dev\u002Freflex). Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links [moure.dev](https:\u002F\u002Fmoure.dev\u002F) (añadiéndole nuevas funcionalidades).\nTodo el código está disponible para que cualquiera pueda usarlo.\n\n### 💻 [Accede al código del proyecto](.\u002Flink_bio)\n\n## Tutorial extra en vídeo (+3 horas)\n\n\u003Ca href=\"https:\u002F\u002Fyoutu.be\u002Fh8Tn0ITRoQs\">\u003Cimg src=\"http:\u002F\u002Fi3.ytimg.com\u002Fvi\u002Fh8Tn0ITRoQs\u002Fmaxresdefault.jpg\" style=\"height: 50%; width:50%;\"\u002F>\u003C\u002Fa>\n\nProyecto práctico extra de código libre que consistirá en desarrollar y publicar la web del [Calendario de aDEViento](https:\u002F\u002Fadviento.dev\u002F) de la comunidad. Una activdad donde repartimos cursos y libros sobre programación en Navidad.\n\n### 💻 [Accede al código del proyecto extra](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fadeviento-web)\n\n## Otros proyectos creadas con Reflex\n\nEstas son otras webs de código libre que he desarrollado para que puedas consultar su código y funcionalidades.\n\n[![Curso Python](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev\u002Fadeviento-web?label=Calendario%20de%20aDEViento&style=social)](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fadeviento-web)\n\n[![Curso Python](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev\u002Fretos-programacion-web?label=Retos%20de%20programación&style=social)](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fretos-programacion-web)\n\n[![Curso Python](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev\u002Fhola-mundo-day-web?label=Hola%20Mundo%20day&style=social)](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fhola-mundo-day-web)\n\n[![Curso Python](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev\u002Fportafolio-template?label=Portafolio&style=social)](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fportafolio-template)\n\n## Información importante y preguntas frecuentes\n\nTodo el contenido se ha creado en directo desde [Twitch](https:\u002F\u002Fwww.twitch.tv\u002Fmouredev), 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.\n\n* Es un curso desde cero y no necesitas conocimientos previos sobre desarrollo web.\n* Recuerda que he creado en el [Discord](https:\u002F\u002Fdiscord.gg\u002Fmouredev) un canal \"🐍python\" para que puedas comentar lo que quieras.\n\n## Enlaces de interés\n\n* [Web oficial de Python](https:\u002F\u002Fwww.python.org\u002F)\n* [Web oficial de Reflex](https:\u002F\u002Freflex.dev\u002F)\n* [Documentación oficial de Reflex](https:\u002F\u002Freflex.dev\u002Fdocs\u002F)\n* [Repositorio en GitHub de Reflex](https:\u002F\u002Fgithub.com\u002Freflex-dev\u002Freflex)\n* [Visual Studio Code](https:\u002F\u002Fvscode.dev\u002F)\n* [Documentación CSS](https:\u002F\u002Fwww.w3schools.com\u002Fcss\u002F)\n* [Curso de CSS](https:\u002F\u002Fweb.dev\u002Flearn\u002Fcss\u002F)\n* [Chakra UI](https:\u002F\u002Fchakra-ui.com\u002F)\n* [Google Fonts](https:\u002F\u002Ffonts.google.com\u002F)\n* [Font Awesome](https:\u002F\u002Ffontawesome.com\u002F)\n* [Vercel](https:\u002F\u002Fvercel.com\u002F)\n* [Radix UI](https:\u002F\u002Fwww.radix-ui.com\u002F)\n* [Ant Design](https:\u002F\u002Fant.design\u002F)\n* [Railway](https:\u002F\u002Frailway.app\u002F)\n* [Twitch API](https:\u002F\u002Fdev.twitch.tv\u002Fdocs\u002Fapi\u002F)\n* [Supabase](https:\u002F\u002Fsupabase.com\u002F)\n* [ConfigCat](https:\u002F\u002Fconfigcat.com\u002F)\n\n## Curso de Python desde cero\n### Aprende Python desde sus fundamentos\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fhello-python\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fmouredev\u002FHello-Python\u002Fmain\u002FImages\u002Fheader.jpg\"\u002F>\u003C\u002Fa>\n\nSi 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.\n\n[![Curso Python](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev\u002Fhello-python?label=Curso%20Python%20desde%20cero&style=social)](https:\u002F\u002Fgithub.com\u002Fmouredev\u002Fhello-python)\n\n## Únete al campus de programación de la comunidad\n\n![https:\u002F\u002Fmouredev.pro](.\u002FImages\u002Fpro.jpg)\n\n#### Te presento [mouredev pro](https:\u002F\u002Fmouredev.pro), mi proyecto más importante para ayudarte a estudiar programación y desarrollo de software de manera diferente.\n\n> **¿Buscas un extra?** Aquí encontrarás mis cursos editados por lecciones individuales, para avanzar a tu ritmo y guardar el progreso. También dispondrás de ejercicios y correcciones, test para validar tus conocimientos, examen y certificado público de finalización, soporte, foro de estudiantes, reunionnes grupales, cursos exclusivos y mucho más.\n> \n> Entra en **[mouredev.pro](https:\u002F\u002Fmouredev.pro)** y utiliza el cupón **\"PRO\"** con un 10% de descuento en tu primera suscripción.\n\n## ![https:\u002F\u002Fmouredev.com](https:\u002F\u002Fraw.githubusercontent.com\u002Fmouredev\u002Fmouredev\u002Fmaster\u002Fmouredev_emote.png) Hola, mi nombre es Brais Moure.\n### Freelance full-stack iOS & Android engineer\n\n[![YouTube Channel Subscribers](https:\u002F\u002Fimg.shields.io\u002Fyoutube\u002Fchannel\u002Fsubscribers\u002FUCxPD7bsocoAMq8Dj18kmGyQ?style=social)](https:\u002F\u002Fyoutube.com\u002Fmouredevapps?sub_confirmation=1)\n[![Twitch Status](https:\u002F\u002Fimg.shields.io\u002Ftwitch\u002Fstatus\u002Fmouredev?style=social)](https:\u002F\u002Ftwitch.com\u002Fmouredev)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fdiscord\u002F729672926432985098?style=social&label=Discord&logo=discord)](https:\u002F\u002Fmouredev.com\u002Fdiscord)\n[![Twitter Follow](https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fmouredev?style=social)](https:\u002F\u002Ftwitter.com\u002Fmouredev)\n![GitHub Followers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Ffollowers\u002Fmouredev?style=social)\n![GitHub Followers](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmouredev?style=social)\n\nSoy 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](https:\u002F\u002Fmoure.dev)**.\n\nSi quieres unirte a nuestra comunidad de desarrollo, aprender programación, mejorar tus habilidades y ayudar a la continuidad del proyecto, puedes encontrarnos en:\n\n[![Twitch](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FTwitch-Programación_en_directo-9146FF?style=for-the-badge&logo=twitch&logoColor=white&labelColor=101010)](https:\u002F\u002Ftwitch.tv\u002Fmouredev)\n[![Discord](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDiscord-Servidor_de_la_comunidad-5865F2?style=for-the-badge&logo=discord&logoColor=white&labelColor=101010)](https:\u002F\u002Fmouredev.com\u002Fdiscord) [![Pro](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FCursos-mouredev.pro-FF5500?style=for-the-badge&logo=gnometerminal&logoColor=white&labelColor=101010)](https:\u002F\u002Fmoure.dev)\n[![Link](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLinks_de_interés-moure.dev-14a1f0?style=for-the-badge&logo=Linktree&logoColor=white&labelColor=101010)](https:\u002F\u002Fmoure.dev) [![Web](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-MoureDev-087ec4?style=for-the-badge&logo=github&logoColor=white&labelColor=101010)](https:\u002F\u002Fgithub.com\u002Fmouredev)\n","mouredev\u002Fpython-web 是一个旨在从零开始教授使用纯 Python 和 Reflex 进行前端 Web 开发的课程项目。该项目通过一系列直播视频教程，覆盖了从基础到进阶的完整学习路径，包括环境搭建、组件使用、样式设计及响应式布局等内容，并引入了 Radix UI 作为主要的 UI 组件库（自0.4.0版本起）。它适合于希望利用 Python 来构建现代化Web应用的开发者，特别是那些对全栈开发感兴趣但更倾向于使用单一语言完成前后端工作的编程爱好者。此外，项目还提供了详细的文档更新记录和社区支持渠道，帮助参与者更好地理解和实践所学知识。","2026-06-11 03:30:27","top_topic"]