Curso de PYTHON para WEB desde cero
HTML-код
- Опубликовано: 9 июл 2024
- Python es el lenguaje de programación más popular en 2023. Este es un curso desde cero para principiantes para aprender frontend web con Python.
💻 Código del proyecto: github.com/mouredev/python-web
⚠️ Importante: Lee la nota en el repositorio que dice "Sobre el curso: muy importante"
⭐ Apóyalo haciendo "Star" en él si te resulta útil
📱 Mis redes y enlaces de interés | moure.dev
🕹 Twitch (En directo de Lunes a Viernes): / mouredev
👾 Discord: mouredev.com/discord
🖥 Practica programación: retosdeprogramacion.com
📖 ¡He publicado mi primer libro! "Git & GitHub desde cero"
• Amazon: mouredev.com/libro-git
• Leanpub: mouredev.com/ebook-git
⏰ LECCIONES DEL CURSO:
00:00:00 | Web con Python
00:04:32 | 01 - Introducción
00:19:07 | 02 - Características
00:25:51 | 03 - Instalación
00:50:43 | 04 - Primeros pasos
00:57:22 | 05 - Fundamentos
01:10:59 | 06 - Hola mundo
01:16:33 | 07 - Componentes
01:53:24 | 08 - Maquetación
02:33:09 | 09 - Estilos
03:50:07 | 10 - Colores e iconos
04:12:04 | 11 - Fuentes
04:30:49 | 12 - Imágenes
04:51:45 | 13 - Fuentes remotas
05:03:45 | 14 - Diseño responsive
05:17:37 | 15 - Accesibilidad
05:21:23 | 16 - Despliegue
05:48:13 | Próximos pasos
#Python #Programación #Web
⚠ Importante: Lee la nota en el repositorio que dice "Sobre el curso: muy importante"
💻 Código del proyecto: github.com/mouredev/python-web
🤔 ¿Quieres más contenido sobre desarrollo web con Python?
⭐ Apóyalo haciendo "Star" en él si te resulta útil
Gracias amigo, ya quedó nominado, saludos
brais como hizo para parar el proyecto ??
por algun motivo solo me funciono agregando un _ antes de compile, sino me daba error el reflex run
import reflex as rx
class State(rx.State):
pass
def index() -> rx.Component:
return rx.text("hola mundo!")
app = rx.App()
app.add_page(index)
app._compile()
Entiendo que pueda haber gente que diga que Moure algo saca de todo esto y bla bla bla... Pero el valor que tiene este tipo de material para los que (como en mi caso) no podemos pagar un curso es increible... De corazon, muchas gracias por toda la data que le regalas a la comunidad.. Se valora michisimo... Que tengas un gran 2024 te lo mereces... Saludos desde Argentina
Y en 2024 más 💪💪💪 Muchas gracias!!
Pues tienes muchísima razón amigo este tipo de videos que hace Moure y muchos más nos son muy útiles para los que no tenemos como pagar un curso tienen todo mi apoyo para que sigan haciendo videos como estos para así poder aprender muchas gracias Moure
Igual te doy un millón de gracias Moure
Este pana hablo por todos nosotros, un abrazo y agradecido siempre
Quien quiere aprender tiene lo más importante. Lo importante es ponerle ganas y esfuerzo. Yo he aprendido un montón en este canal, de hecho me ayudó a acabar Ingeniería Informática
Por favor continúa haciendo mas contenido y ejemplos de webs con Reflex, gracias...
Gracias Brais por este pedazo de curso, uno más, desde ya esperando la segunda parte de Backend con Reflex. Me encanta Python gracias a ti, me he visto todos tus cursos. Feliz año nuevo Brais desde Albacete.
Me encanta estudiar contigo y en general, es un gustazo escucharte siempre. Tu entusiasmo me inspira
Muchas gracias por este curso Brais, como siempre un placer aprender contigo. Y a por mas!!!
Hola Moure, acabo de terminar el curso. Muchas gracias y mi enhorabuena. Esperando al viernes para la segunda parte. Muchas gracias de nuevo por compartir tu sabiduria. 😀
Empezamos!!!! Gracias por tanto ❤
Estuve en todos los directos de este curso. Y no sabes cuanto esperaba que saliera a RUclips. Muchas gracias moure. Eres el mejor...
Que bien, lo estuve esperando, muchas gracias
Increíble curso. La primera vez que disfruto haciendo web. Gracias!!!
Felicidades! Sinceramente, había dejado de seguir porque no me enteraba mucho de los videos... pero está saga me parece espectacular para aprender! Proyecto REAL con comentarios y actuaciones reales! Muy muy didáctico... tienes seguidor for ever!
Magnifico como siempre, muchas gracias
Es extraordinario lo útil e intuitivo que es Reflex! Gracias por este curso.😄
Es impresionante todo, muchs gracias. Ya casi me pongo a hacer mi propia web de links!!!!
Muchas gracias por el vídeo! Saludos desde México!
Gracias moure por todo su aporte a la comunidad🤗
Muchísimas gracias, tu contenido es valioso 😄👌
Eres muy grande Brais!!!! Muchas gracias
Gracias @Mouredev por cada contenido que compartes hermano. Es de bendición para quienes siempre deseamos aprender algo nuevo. Que logres muchos éxitos más 🎉❤
Que pasada de framework y que buen curso. Gracias por el content.
Muchísimas Gracias!!!
Hola Moure, excelente, muchas, muchas, muchas, gracias por compartir todo ese conocimiento.👍👍
muchas gracias, gran aporte
no hay palabras para describir la calidad que eres! simplemente grande brais, GRANDE!
¡Muchas gracias Mouredev! Saludos desde Nicaragua
que agradable sujeto... muchas gracias, again
Increíble, mil gracias
Muchas gracias Moure.
Moure, mil gracias amigo
Gracias genio! Gracias ❤
Muchas gracias por estos videos, he aprendido muchisimo!
Gracias por tu contenido. Por favor seguí subiendo ejemplos de Webs con réflex, es muy interesante como se puede trabajar con el.
Desde Colombia, excelente trabajo amigo mio
Muchisimas gracias Moure por seguir compartiendo tu tiempo y tu gran conocimiento con todos.
En mi caso, ya que no tengo recursos ecocnomicos suficientes, utilizo para introducir a mi hija en este mundo de la programación.
Que bueno que exista buena gente como tú .
Creo que el desarrollo de software puede hacer que mucha gente y en especial a la juventud, pueda progresar.
Por eso comparto tu canal.
Mucha suerte 🍀
Genial, gracias por tanto y por tan poco para los mortales. 📝🤙
Excelente curso. Llevo años trabajando en datos construyendo ETL, pipeline, procesos batch y esta es mi primer acercamiento al mundo web y en particular al frontend. Ahora a ver si sale algo...
He ido superando tema a tema.... con paciencia y determinación.... todo es practicar.... excelente cursl
Que hermosooooooooooooooo, yo odiaba fronted, pero reflex me hizo replantearme la idea, muchas gracias! ahora tengo mi primera pagina web :)
curso increible, muchisimas gracias
Vaya locura!! esto es muy interesante
De verdad es dificil encontrar tan buen material en español y con ALTA calidad, como la das. Poner una tecnología que no se encuentra muchas cosas del mismo es increíblemente valorable. Cuando termine el de back empiezo este. Gracias y que todo te vuelva el triple!! ♥
Gracias de hecho aprendí Python hace bastante pero aun me hace falta aprender los pasos finales aunque domino los conceptos y he hecho programas para mi universidad creo que me falta aprender lo que es programar para la vida profesional aprender los framnes como Django realizar un login con bases de datos aplicaciones que son muy útiles para la industria y tus videos me estan orientando un poco mas a esto ahora debo enfocarme en iniciar a crear un repositorio dejar de mi mente de junior y inicar a enfocarme en la industria gracias
Muchas gracias ❤ me encanto el contenido y aprendí mucho. 🎉
recien pude terminarlo, muy bueno, no conocia lo de vercel!
Bien llego el día de tenerlo en RUclips 🎉 gracias
Muchas gracias
me acuerdo ver los dos primeros directos de este curso, después entré en finales de semestre y me quedé colgado jajaja, almenos ya está en YT, gracias Brais! :D
Me viene perfecto para los proyectos que tenia pensado, ya sea fron y back(vengo del curso de fast api). Mil gracias
El mejor programador de RUclips. Le dire a mi mamá que me ayude a programar mis apps de juegos. Con tus enseñanzas ❤
Excelente calidad , sencillez y diseño del curso. Muchas Gracias Brais!!!! agradezco te hayas tomado la molestia de responderme un email (nadie lo hace) y ser tan amable de darme una inmediata. Muchas Gracias!!! Estare pendiente por si viene otro curso de Reflex con la parte operativa de la pagina de como se interactua para que el HTML funcione desde una API !!!
tremendo curso , visto completo y la voy a realizar 💪💪💪
Brais, este curso está siendo una pasada, mis más sinceras felicitaciones por el trabajo que has dedicado a la comunidad, eres muy grande.
Aparte de amar tu contenido dejame decirte que amo tu voz 😍 me relaja escucharte. Gracias por tu aporte tan valioso 💜
Coincido completamente, por fin alguien lo dice. La voz de Moure y Lo Fi de fondo, es lo mejor
Gracias!!! aqui ando dandole con todo! tengo tantas cuentas asociadas en la PC que ya no se con cual te sigo y con cuales te doy Like. Pero siempre ando pendiente, Flet y Relflex me tienen muy emocionado.
Por cierto, no se si es por que estoy desde Windows praticando (por lo general uso Linux), pero hay cosas que no me funcionaron bien (la principal es que que si uso Python 12 e instalo Reflex no funciona el Hot Reload, ajuro toco Python 11) lo que no me funciono en el codigo fue el Enum de los Size cuando la cargaba en el spacing me da un error de tipo que no lo reconoce como STR sino como TUPLE y asi lo convierta con f string nada, me toco crear variables independientes para el spacing, para todo lo demas el ENUM me valio perfect.
Es difícil saber explicar conceptos complejos y hacer que parezcan fáciles. Gracias por esforzarte en que todo el mundo pueda aprender a programar.
Me gustaría preguntarte si podrías o tenías pensado hacer unna segunda parte de Backend en Reflex y de enlace con el frontend.
Gracias por todo @mouredev eres un máquina.
Excelente!!! Gracias Brais!!! Creo que aprendí todo lo que quisiste enseñar. Eso no lo consigue cualquiera. 🤓
En cuanto a Reflex, me pareció muy buena opción. Hice un tutorial de Flutter, y me hizo recordar a este.
Hay que pensar que recién va en la versión 0.3.9. O sea... aún no llegó a un release 1.0. Seguramente, se va a optimizar mucho.
Joer baraisMoure gracias ❤contenido de calidad
muy bueno, interesante y bien explicado. cabe aclarar que reflex viene bastante rapido, ya esta en version 0.4.0
Ya había acabado de estudiar Flet y ya estoy pensando mejor en usar Réflex. Está muy bueno.
Lo descubrí hoy, ya voy en la mitad!! estoy muy entusiasmado, EXCELENTE!!! muchas gracias por la gran calidad de tu material!!
gracias saludos desde colombia
buenisimo!!!!!!!!!!!
justo lo que esperaba
Brais!!!
Ante todo felicidades y gracias por ser tan genial y gracias por darnos a muchos la oportunidad de aprender.
Mi pregunta es, como pongo color en el body?
GRACIAS MOURE ERES EL MEJOOOOOOOOOOOOOOOOOOOOOOOOOOOR
q grande el mouredev, gracias!!😭
Lo voy comenzando y va genial! tengo muchas expectativas sobre este curso , Moure de casualidad no tienes pensado hacer algo de microservicios con Python? Tambien agradecerte por todo el tiempo que invertiste en este curso ❤
muchisisimas gracias
Esto parece magia! desarrollé mi pagina con django y bootstrap y era mucho mas engorroso. Voy por la mitad del video y me da la sensación de poder hacer cualquier cosa ya por mi cuenta sin ver más xD
Muy buen contenido Moure, muchas gracias!
Excelente me encanto un mundo me encantaría ver más proyecto de Python Web 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰
Te quiero mucho tio Serj 😅. Eres mi referente ❤
Gracias
Me encanto Reflex. Es Super accesible. Una sintaxis impecable. Y sobre todo un Codigo limpio y legible. Lo que mas me ha fascinado es su facilidad para hacer el deploy
Gran curso moure, soy estudiante de python me encantaría que algún día hagas algo similar pero con Flet. Desde ya gracias
Vamos!!
Para todos aquellos que tengan el problema del "Hot reload" que no les carga el cambio automaticamente, sino que tienen que tirar el servidor abajo y volverlo a levantar para ver los cambios, la solucion que encontre para los usuarios de Windows 11, fue la siguiente, el problema radica en la version de python que estaba utilizando que era la 3.12 y se ve que tiene conflicto con la ultima version de reflex. Cuestion para solucionarlo tuve que instalar la version 3.11.8 de python y borrar e instalar todo de nuevo, y ahora el "hot reload" anda perfecto!!!, espero les sirva un abrazo a todos!!!
PD: recordar elegir la version 3.11.8 como la que quieren usar en este proyecto, en la parte inferior derecha del VScode sale el numero de version que estan utilizando, si no estan con la 3.11.8 y estan usando otra hacen click ahi y la cambian y listo.
Muchas gracias por el comentario, yo tuve problemas con lo mismo y tuve que desinstalar todo e instalar python con esa version y ahi funciono perfecto
Hola @mouredev
Qué configuración hago en Visual Studio Code para que me funcione el autocompletar de los componentes y propiedades de Reflex?
alguien me puede decir como se cambia el icono de la pestaña de la página?
Vamooos🎉
Me gusta el curso, me gustaría que hagas algo similar pero con flet. Creo es algo más rápido y vale la pena también verlo
Felicitaciones por el video, sería interesante que pudieras realizar uno con conexión a base de datos.
Haré una segunda parte con temas de backend 💪
Potente frameword, se le ve futuro 😄 podría ser el favorito de muchos 👍
Hola, estoy en la parte para guardar los cambios del Hola Mundo!
Cuando hago el cambio en el hola mundo, no se cambi en la lanfing, ayuda por favor.
Mooola! 😊
Alguien sabe si al utilizar reflex en la parte del backend ¿la API queda pública para poderla usar fuera?, ejemplo en reflex me armo la parte backend pero quiero utilizar esa misma api en flet ¿vale?
Te agradezco mucho que hagas cursos como este, tengo 57 años y aunque se que no tengo nada que hacer, laboralmente hablando, me ayuda a ocupar mi tiempo. Tenia una pregunta, voy aproximadamente por la hora y media de curso, por que me queda todo justificado a la izquierda y a ti te queda centrado?. Lo dicho muchas gracias Brais.
Excelente, justo acabo de temrinar cursos de Flask y Django. Iba a por Fast API, pero mejor me olvido y sigo con Reflex, se ce suoer interesante, me vendiste la idea 😅. Gracias por publicar este contenido para los que no podemos estar por Twitch
Incluso Reflex usa fastapi para la parte de backend
Me podrias ayudartengo un problema cuando declare size ='xl' en el avatar no corre mi programa y me marca un error
por que el mio es muy lento al momento de iniciar el server y por que no me carga automaticamente cuando lo guardo
Brais hola, me podrias decir cono tienes configurado vs code, los iconos, el resaltado del texto, y el autocompletado del codigo. 😅
Tengo una duda, yo no termino el curso en 1 día, por tiempo lo secciono hasta en 1 semana, mi duda es.... Estoy a la mitad del video tutorial y no deseo continuar por hoy, ¿Solo salgo de la terminal, visual estudio code y apago mi laptop o debo de ejecutar algún comando para no dañar algun codigo del archivo o algo por el estilo?
no se si moure lo dijo en algun momento, pero cuando estaba revisando la documentacion de reflex, me di cuenta que en su buscador tienen un chatbot que es muy util cuando no sabes como hacer algo o quieres que te explique como funcionan algunas cosas
Creación de una WebApps con acceso de usuario y jerarquía (rol), inicio y cerrado de sesión, botones (Ingresar, Guardar, Cancelar, Buscar, Modificar, Eliminar, Reporte) que se bloqueen según el rol del usuario logueado. Todo esto basado en Roger S. Pressman para un sistema de aplicación web.
Si bien Chakra sigue siendo utilizable desde Reflex, desde la versión 0.4.0, ahora se basa en Radix. Estaría bueno Brais, u video (aunque sea cortito), con tu opinión al respecto...
Hola estimado, buen video, se agradece. Una consulta estoy usando el comando virtualenvrapperd-win para crear mis entornos virtual en python, al ejecutar "reflex init" no se crean las carpetas, sabrás donde puede ser el error ¿?. Agradezco de antemano la respuesta que pueda brindarme o puedan brindarme. Saludos.
Uno con django el de FastApi estuvo brutal
tengo un problema al momento de abrir el link del localhost en el navegador sale como si no tuviera conexion con la pagina el tipico error de pagina caida y he probado de todo y cuando termino la ejecicion de reflex me lanza un error relacionado con el PID donde dice que no lo encuentra, si alguien me puede ayudar seria genial
Hola buenas, siempre que intento iniciar el código de reflex me da error y no llego a entender el por qué si he ejetucado de manera meticulosa cada paso que has ido dictando, cual puede ser el error?