Tu Primer Página Web con Python3
HTML-код
- Опубликовано: 13 дек 2024
- Aprende a crear un sitio web completamente desde cero utilizando Python (python3), y Flask (framework de aplicaciones web). Este ejemplo plantea la creación de un sitio con una navegación dinámica de manera similar como se haría con PHP.
Además terminaremos desplegando nuestra aplicación en un servicio de la nube llamado Heroku.
💻 Código de este proyecto:
github.com/Faz...
🛍 Descuentos:
NordVPN ➞ 68% de descuento en plan de 2 años ➞ Código: fazt
Hostinger ➞ 7% de descuento en cualquier compra ➞Código: FAZT
👨💻 ¿Qué servicios utilizo?
Brave ➞ brave.com/faz053
NordVPN ➞ bit.ly/2Te7p0J
Hostinger ➞ www.hostg.xyz/...
Cloudinary ➞ bit.ly/3ohNlJ7
SiteGround ➞ bit.ly/31u9ZEk
Namecheap ➞ bit.ly/3kne9W8
🖥️ Recursos:
Curso de Python ➞ • Curso Python para Prin...
Curso de Raspberry PI ➞ • Raspberry Pi, Curso pa...
Setup Visual Studio Code ➞ • Visual Studio Code, Ed...
Aplicaciones Web con Python (FLASK) ➞ • Tu Primer Página Web c...
Python aplicaciones de escritorio (DESKTOP) ➞ • Python Tkinter - Aplic...
🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ / fazttech
Instagram ➞ / fazttech
Twitter ➞ / fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ / fazttech
Slack ➞ bit.ly/3dPqCPT
Discord ➞ / discord
Blog ➞ blog.faztweb.com
#python #curso #kite
Gracias por no cobrar por tu apoyo nos ayudas a todos los jóvenes de bajos recursos :’)
A mí me salió error bro, haciendo el push al final, cómo le hago? necesito ayuda :'( Seguí la recomendación del mismo error en la página de heroku y aún nada que se resuelve.
@@robertbarrios9969 que te sale en el mensaje de error ?
@@LuxVitaeFacultatem ya no sé ni recuerdo la cantidad de comandos que se hicieron en el video, otro día te digo cuando le vuelva a dar la oportunidad a esa tecnología.
Todo un grande
Homero dice: Dios bendiga este comentario
Para los que no les deja entrar en el cd Desktop puede que sea por estas dos razones:
1.) Tienes el ordenador en español: Lo único que tienes que hacer escribir "cd Escritorio" en vez de "cd Desktop".
2.) Tienes el escritorio en OneDrive: Si te pasa esto escribe "cd OneDrive/Escritorio" si lo tienes en español o "cd OneDrive/Desktop" si lo tienes en inglés.
Espero haberte ayudado :)
si aun haci no les sirve deben de tener la costumbre de ejecutar como admin si es que si pues entonces cierra y habrán sin ejecutar y siguen los pasos de arriba
Muy genial el curso de Python con Flask, primera vez que llevo un curso así y lo llego a terminar. Aprendí demasiado con este tutorial que en el instituto siendo sincero. Sigue subiendo más videos así. Ya que no solo aprendí Python, también Framework de Flask (Python) , Boostrap(Estilos), CSS & GIT , Heroku.
Gracias por tus enseñanzas.
hola, sabes crear pagina web?
Admito que normalmente no opino o comento en los vídeos, pero realmente lo merece. Me encanto la forma en que te expresaste y como detallaste cada cosa de forma que nadie se pierda. Un abrazo!
Para los que tienen OneDrive es: 'cd OneDrive' (Una vez que ya hayan iniciado la consola), después 'cd Escritorio'.
8:10
Gracias persona random en internet
Muchas gracias!!!!!
Bro, porque no me tira la dirección del host, estoy quedado ahí en esa parte.
@@LuisHernandez-zm9nn a mí no me sale al final el push, me sale error.
HOLA. Si le sale esos errores revisen bien si no an escrito nada mal
Acabo de empezar con este video y pues me parece que explicas bien y al punto. Tuve inconveniente con los cierres de {% endBlock %} me imagino que en estos tiempo la versión a cambiado, hoy en día me funcionó con {% endblock content %} . Gracias, seguimos aprendiendo.
Gracias por la dedicación que le tomas y por compartir, ahora no sin antes apoyarte desactivando mi AdBlock y viendo los anuncios completos
Creo que debería poner una cuenta de Paypal y que acepte pequeñas donaciones. Con gusto muchos seguidores colaborarían
@@gmansi tiene cuenta verificada en brave, le puedes donar por ahi
@@pediloo Gracias!
Héroe
Amigo tus canales deberían tener millones de suscriptores!!! Personas como tú hacen mejor a la sociedad. Saludos!!!
muy buen video, muchos problemas al final, estén atentos a que si escribieron su archivo como procfile y no Procfile, el programa no correrá en heroku a la fecha, de igual forma. si en el runtime.txt colocaron Python 3.10.5 envés de python-3.10.5 (la versión no es lo importante mientras sea igual o superior a las soportadas, sino el formato del texto) tampoco servirá, por ultimo si tuvieron el error del procfile, deben hacer ejecutar en la cmd el comando ``heroku buildpacks:clear``, luego
``heroku buildpacks:add heroku/python``, hacer un commit vació a heroku para sobreescribir la información, hacer un commit al repositorio git con el archivo procfile renombrado a Procfile y finalmente ejecutar en la terminal ``git push heroku master``.
varias horas de buscar la solución espero a alguien le sirva jaja.
He retomado la programacion por cuenta propia para proyectos personales, encontre por suerte tu pagina y no he parado de ver tus videos de desarrollo pese a ser del año pasado, pero quiero decirte que tienes un gran don para enseñar muchas gracias por compartir tu conocimiento sin temor a nada. Gracias.
Gracias por no cobrar por tu apoyo ayudas a todos los de bajos recursos a mejorar gracias :’)
Felicitando por el buen trabajo, hago el comentario que para Ubuntu 20 como es mi caso, el Python se llama como "python3" al igual que los llamados a pip se hacen con "pip3". Otro detalle importante es que al momento de crear el entorno virtual y querer instalar flask, primeramente hay que activar el entorno virtual con "$ source env/bin/activate" o source venv/bin/activate" dependiendo obviamente del nombre que le des a la carpeta del entorno virtual, y también es importante que no existe la carpeta Scripts... (la desactivación se hace con "$ deactivate")
Tengo 14 años y he empezado hace unos 4 meses en el ambito de la programacion con html , css y js , recientemente he descubierto tu canal (con el cual aprendi python gracias a tu curso) y la verdad es que es un canal magnifico! (Estoy esperando por el curso de django que prometiste en este video :)
Y ahora como te va?
14 años, que bien, te felicitó, una decisión muy inteligente de tu parte haber aprendido y seguir aprendiendo esas cosas de tan chico, creeme que cuando tengas unos años más te vas a sentir muy agradecido con vos mismo por haber tomado esa decisión y todo eso te va a servir mucho
14 años!!! te felicito. Sigue adelante. Yo tengo 62 años y todos los días aprendo algo nuevo. tengo 40 años programando y administrando bases de datos. Nuevamente felicitaciones!!!
y yo soy un espermatozoide, que especial. ajsjasjasaj solo es broma, sigue adelante.
Dale crack sigue así que apenas salgas del colegio tienes trabajo seguro
excelente curso!!! casi no entro al ver 1 hora, pero no desperdicias ni un solo minuto, genio total! gracias
Fazt: Tu primer Página Web con Python3
Publicidad en el video de Fazt: Haz tu web con WIX!
jaajjajaj yo ni vi la pubisisdad porque estoi usando opera
jajja para los que quieren el camino corto
Una cosa no quita la otra... también tiene cursos de Bootstrap y Materialize...
no mames todo a corto jajajaja lo facil agarra APRENDE ALGO!
@@thiagogamerdub5218 encerio bloquea la publicidad de youtube?
Epico, hasta te entendí más a ti que a mi profesor sjsj, me gustó tu manera de explicar y hasta integraste flask que lo conozco hasta ahora y no en mi clases, muchas gracias🤍
Mil gracias! es el mejor curso que he encontrado, aprendí bastante ahora me falta la practica!, muy agradecido!
Exquisita explicación. Muchas gracias por compartir tus conocimientos, aprendí más en este vídeo que en 4 años en la Universidad.
Grande Fazt, se agradece su trabajo dude.
me vas a hace un parote con este tutorial tengo una compe de tecnologias web que me piden hacer una pagina web y me esta sirviendo de maravilla tu tutorial, muy facil y entendible la explicación!! muchas gracias!!
Para aquellos a los que no les funcione la parte del ml-auto, utilicen ms-auto.
muchas gracias estaba buscando este comentario, te pasaste
muchas gracias
kjajajajasjdasjd y yo que me estaba rompiendo la cabeza solamente por eso, te amo
Agradecidooooooooo
eres un crack !!!!!
Aplausos, tus cursos son los mejores, por casualidad no hiciste alguna carrera en educación para enseñar las cosas de manera sencilla, tu canal RUclips debería verificarlo de pana. Desde Venezuela.
Ty man, cometi muchos errores en el proceso, pero logre montarla, lo bueno que soy mas necio que una cabra.
Jajaaj, lo importante es aprender de esos errores, yo a los errores los veo como una oportunidad de aprender ;)
te voy a preguntar 3 años despues pero lo del jumbotroon no me sale el fondo gris como se lo cambio😶
muchas Gracias Fazt, he visto varios de tus videos y me has ayudado a ir progresando poco a poco, vales oro amigo
Gracias Fazt muy bien explicado y fácil de digerir este contenido, todos tus cursos son excelente, de nuevo mil gracias
Super didáctico, en este mundo hace mucha falta gente como tu. Felicidades
Estoy en el proceso de desarrollo web Python y felicito el video es entendible y al ejecutarlo 1 año después de la emisión todo me funciono perfectamente. Muy didáctico felicitaciones y gracias es una muy buena inducción.
hola , como instalaste git en la carpeta Scripts ?
muchas gracias, realmente eres bueno explicando. Saludos desde Caracas - Venezuela!
Agradecido por tu apoyo y por ser de forma gratuita para nosotros que no tenemos dinero como especializarnos ya que somos de bajos recursos por no decir que casi nulos muchas Bendiciones para ti
Que tutorial más hermoso y fácil de entender. Muchas gracias!
Crackkk toda la informacion que uno encuentra por partes tu la unificas en un solo video y de forma facil!! felicidades y mil gracias!
Eres excelente hermano. Gracias por todo esto, es un honor poder estar suscrito a tu canal. Dios te bendiga enormemente y feliz año nuevo.
Bien dicho
Buenas, mi estimado. Lo mejor que he visto. En Python, css, html, etc.
Me agrado tu forma de explicar, debido a que apenas estoy aprendiendo Python, pero te entendi muy bien :)
Un nuevo suscritor
Eres un héroe para estudiantes de Ing. Ens sistemas computacionales para todos los TEC de México
Gracias por compartir tu conocimiento....
Estaba apunto de terminar y valio madre por lo del git, es como correr una carrera y no terminar por lo de git,una explicacion aunque sea no hace daño igual, en este video en particular solo explicas cuando se te da la gana, en otros mis respetos pero en este aunque sea explicar las cosas bien hubiera ayudado.
Eres buenisimo! Joya de canal, bien explicado, no aburre, y bastante educativo. 10/10.
PD: Porque no trabajas en Linux
OH NO POR DIOS NO LINUX NO
sos un crack brother, seguí todos los pasos segundo a segundo y funciono a la primera.. excelente tuto , muchas gracias
Estaría guay si haces un vídeo sobre crear una API con Django, Pd: Me encanta tus vídeos
Eres un Monster, con bastó conocimiento que yo creo no sé es nada. Manejas varios conceptos de una manera impecable, haces ver los temas que no son tan fáciles para uno de una manera sencilla e interesante!
Voy a empezar con esto. Tengo 14 años, y creo que es una de las mejores decisiones que voy a tomar en mi vida. 💕
Estoy estudiando en la universidad, un amigo estudia desde los 14, ya parece que solo lo hace como respirar, no le cuesta nada, pero todos los cursos de lógica los tiene muy fácilmente aprobados, y ya podría trabajar con lo que sabe de programación, de verdad que saber programar puede ayudarte mucho, muy buena decisión
Deseo que tengas toda la perseverancia, dedicación y disciplina del mundo
en vísperas del 2022 y aún funcionando!! genio Fazt 😎
hello, i started to follow you recently, i installed python in my computer, finishing the setup i could see a notification about disable path lenght limit.. can you explain me about to understand the basic about please..
excelente, he leído y visto varios por acá y por allá y con este completo.... Gracias profe....
En WIN10 para saber la version tuve que escribir en el cmd: py -V
Luis Armando Gonzalez Lopez gracias
Y para instalar flask?
Héroe sin capa
claro que si vaya pregunta haces compae
con click derecho puedes pegar del portapapeles en cmd. muchas gracias por el video, en verdad lo explicaste de maravilla, no conocía hasta ahora este gran canal
Si a alguien le sucede el error de que "Python" no se reconoce como comando interno o externo(...) Acá hay una solución; ruclips.net/video/b07IqpamOuI/видео.html. No es con intención de spam esto, es para ayudar.
y como hacer para que reconozca pip?
Revisen bien si estan bien los comandos y bean el video bien
estoy aprendiendo Django, y se me estaba haciendo muy complicado, pero al ver este video, si bien Flask y Django son distintos, lo que explicaste aqui de Flask me ayudó a entender lo que Django hace de manera anticipada muchas gracias excelente video
Como le haces para aprender tanto, tienes alguna metodologia :O pd: buen video
cuando aprendes a manejarte bien y tranquilo con un lenguaje, ya el resto resulta un poco más intuitivo.
Espero que en 1 año hayas aprendido mucho :D
fazt es reptiliano
@GORDO FRIKI si pero tenés que pagar crack
@Juan Gomez L donde hay cursos gratis ? necesito ayuda recien soy un aprendiz en este gran mundo por descubrir.
@@alexanderraul6728 fazt es fast
Excelente metodología , esto lo podría uno ver en tutoriales y cursos larguísimos, pero tu directo al grano Excelente ! Gracias !
Hola a todos, me parece un error cuando cambio el return para llamar a los archivos home.html y about.html (jinja2.exceptions.TemplateNotFound: about.html) (jinja2.exceptions.TemplateNotFound: home.html), si alguien me puede ayudar quedaria muy agradecido.
A mí me sucede lo mismo :( ¿Cómo se podría solucionar?
@@monicaalejandrabautista7476 se que fue hace mucho pero ¿aun necesitas esa solución? yo la conseguí si gustas
Lo logreeee, tuve error como no haber instalado en Flask en el ambiente venv pero lo hice, ademas por cierto el pip freeze no me listo todos los requerimientos que necesitaba por eso como lo habia hecho antes en otro computador lo saque de alla y al ejecutar git push heroku master y heroku open funciono de una... Gracias Fatz todo un Crack!!!
Buenas, como configuro "git"?
Misterios de la humanidad... Nah busca en la documentación, es fácil y metódico, me lo obligaron a usar en la escuela y ya lo hago automático
Excelente curso para principiantes. Muy didáctico y claro. Sencillo de estudiar y poner en práctica. Deja los conceptos básicos muy claros. Gracias.
Una pregunta fazt porque me aparece este mensaje: " cloud not install packages due to an environmenterror [WinError 5]" y no me deja descargar flask
que estas intentando hacer?
En 2021 para los que no les cree la biblioteca de flask dentro del entorno tienen que usar el siguiente comando ". venv/bin/activate", esto igual esta en la documentacion de flask.
Disculpa en que parte del cmd pongo eso?
:(
Es la primera vez que veo un video tuyo, y tengo que decir que explicas muy claro y fluido. Muchas gracias, aprendí muchísimo y aclaré puntos que no entendía bien.
Para los que no les funcione ni "ms-auto" ni "mr auto", es porque en el class de la pestaña div superior deben agregar "justify-content-end" luego del "collapse navbar collapse"
Bendito Angus me salvaste de la ignorancia
Eres un gran maestro. Te agradezco mucho por realizar estos videos, faciles de entender, dinámicos, completos. Saludos
No pude crear la página de internet 😔 no se si es por la versión o algo así
Sin Palabras!!! Excelente video, muy bien explicado. Hasta hoy es que lo he terminado, entendiendo todo, gracias Fazt por tan excelente tutorial. Dios te bendiga.
Django
veo que estos cursos son muy bien explicados, paso a paso si uno los encadena de manera correcta ufff
'git' is not recognized as an internal or external command.
Buenas me aparece este cartel cuando llego a usar Git. A que se debe?
Tienes que agregar git a las variables de entorno, eso esta en opciones avanzadas del sistema de windows en el boton de variables y lo añades a las variables del usuario en Path para que lo puedas usar en la consola, si no git tambien tiene un ejecutable con esos comandos cargados.
ruclips.net/video/ILMQLrJfNCE/видео.html&ab_channel=Bossable aquí tienes un video de lo que dice el amigo aquí
Creo que el valor que aportas es increible Fazt! muchas gracias por tu canal. Es el unico que tengo agregado en favorito como principal. Tanto Fazt como Fazt Code. Mil gracias!!!
Nunca me dejo checar mi ruta o mi servidor en CMD por mas que lo intente! :(
X2
x4
intenta poner cd onedrive. A mí me funcionó
x5 nunca pude
@@jesusdavidhernandez9228 A mi me funcionó volviendo a crear el archivo index.py
lo felicito porque se nota que domina todos esos programas y los explica muy bien.
estaría bien hacerlo con docker
Siii
Wow! Gracias Bro.... empezando en Python y este tema de paginas WEB. Muy claro todas tus explicaciones.
Queremos ver a Django porfabor desde asé cuanto esperando
Muchas Gracias tio, me faltaba un framework para mi desarrollo en python y con tu explicación todo resuelto.
CON ESTE VIDEO SE APRENDE TODO EN UNO! ES COMO UNA PROGRAMACION AUTOMATIZADA
Buen video. Pero me imagino a tu cabeza: he escrito una línea en terminal, será mejor que haga clear
Tremendo video, te felicito, hace años que no programo, he recordado claramente con este video, like y un nuevo suscritor.
Es uno de los mejores vídeos que he visto en RUclips!
Muchas gracias por tu aporte!
:D
javascript me enamoro pero cuando explicas otros lenguajes también enamoran siempre xD eres admirable!
Muy bien amigo, gracias por tu dedicacion para que todos tengamos acceso a informacion de calidad.
Inspirador mi amigo. Muchas gracias por este video. Lo pude terminar todo. Este es un muy buen punto de partida. Siempre quize hacer esto, con tu ayuda lo pude hacer. Felicitaciones
gracias a ti pude entender como funciona git y el por que se ha hecho tan famoso, la funcionalidad que tiene te ahorra demasiado desmadre jajaja, mil gracias me lo avente como en dos horas y media para entenderlo perfectamente pero todo salio bien, solo que no se por que razon el comando "pip freeze" no me arrojaba gunicorn, lo tuve que poner manual, actualice el repositorio y subi de nuevo el proyecto y ya me mostro la app sin problemas, saludos.
Tenia tiempo sin ver programacion html. Haz actualizado mis conocimientos y estoy bastante agradecido.
Gracias Fazt por tomarte el tiempo de crear contenido educativo de calidad.
Sin dudas uno de los videos mejores explicados de youtube.
Que Dios te bendiga Fazt, muchisimas gracias
En plena cuarentena, decidí aprender un nuevo lenguaje. Gracias por compartir tu conocimiento. Saludos desde Guatemala.
Hola, le funcionó el git push heroku master? A mí no.
@@alvarovargas2948 tampoco me funcionó, luego hice lo que la página de error me indicó: heroku logs --tail y me indica esto: at=error code=H14 desc="No web processes running" method=GET path="/" host=xxx.herokuapp.com request_id=af71d6fb-b85d-4393-877d-829a943a9e32 fwd="190.237.13.9" dyno= connect= service= status=503 bytes= protocol=https
Explicas súper bien ! Muchas gracias !
29:04 componentes reutilizables
34:24
35:55 color de fondo degradado
Eres super genial!! La humanidad te lo agradece
¿Por qué no veo el botón de donar dinero? ¡Eres un puto crack hermano! Eres lo más práctico que he visto en RUclips. ¡Mil gracias por tu contenido!
Saludos Fazt, he seguido varios videos y son geniales, tienen buen contenido, excelente explicación y muy práctico. Me gustaría ver un video actualizado que involucre el concepto de crear una página web con Python 3, donde el usuario ingrese datos y queden almacenados en una base de datos. Todo esto que se pueda hacer desde internet, eso sería un gran impulso para cualquiera que quiera aprender un poco más avanzado los conceptos de Python, CSS, HTML, JavaScript, incluso agregando el tema de modificar todo a través de Git o GitHuB. Gracias por tus guías.
Hola Muchas gracias. Logre ver la app desde mi telefono..quedo al 100
Excelente hermano Dios te bendiga por tus conocimientos que nos brindas esperamos estos ejemplo con Base de Datos para mejorar el sitio lo esperamos hermano que sea pronto ...!!!
!Qué alegria! mi primera pagina web, Mil gracias por compartir el conocimiento
Ya terminando, no me funcionó el git push heroku master? Help pls...
@@alvarovargas2948 x2
@@H1D3_15 Eso lo busqué y lo corregí. Si puedo lo busco y le paso el dato.
@@alvarovargas2948 si porfavor y gracias
15:14 En Visual, no hay necesidad de instalar Emmet para escribir html de forma rápida. Si quieres hacer la estructura básica del documento HTML, simplemente crea un archivo con extensión .html, guardalo y escribe html:5 (visual automáticamente mostrara la opción para autocompletar).
Eso ya lo mencionó Fazt en el video.
Excelente el tutorial, bastante sencillo de entender, en mi caso estuve un rato largo peleando con Procfile y requirements.txt pero lo saqué, gracias!
Impecable tu trabajo y como explicas todo, muy buen trabajo amigo, me aclaraste muchas dudas al respecto, felicitaciones y gracias porque es un gran aporte a la comunidad de programadores.
excelentes videos ..llenos completamente de conocimientos necesarios..gracias por compartir ..es un honor aprender de ty..saludos
Qué buen curso, bro, gracias por compartir.
Muchas gracias amigo recién estoy iniciando en este mundo y me estoy empanado a maximo me ayudas mucho amigo
Eres un genio, felicitaciones, tus vídeos están geniales cargados de tips súper útiles
Excelente video y gran aporte en español para los desarrolladores !