Tutorial para principiantes de Flask – Aprende a crear aplicaciones web con este curso

Posted by


Flask es un framework de Python que nos permite crear aplicaciones web de forma rápida y sencilla. En este tutorial, te enseñaré los conceptos básicos de Flask y cómo puedes utilizarlo para crear tus propias aplicaciones web.

Paso 1: Instalación de Flask

Lo primero que debes hacer es instalar Flask en tu entorno de desarrollo. Puedes hacerlo fácilmente utilizando pip, el gestor de paquetes de Python. Abre tu terminal y ejecuta el siguiente comando:

pip install Flask

Esto instalará Flask y todas sus dependencias en tu entorno de desarrollo.

Paso 2: Crear la aplicación

Una vez que hayas instalado Flask, puedes crear tu primera aplicación web. Crea un archivo llamado app.py y añade el siguiente código:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return '¡Hola, mundo!'

if __name__ == '__main__':
    app.run()

Este código crea una aplicación web sencilla que muestra un mensaje de "¡Hola, mundo!" cuando se accede a la raíz de la aplicación.

Paso 3: Ejecutar la aplicación

Para ejecutar tu aplicación, abre tu terminal, navega hasta el directorio donde tienes tu archivo app.py y ejecuta el siguiente comando:

python app.py

Esto ejecutará tu aplicación en un servidor de desarrollo local y te mostrará la dirección URL donde puedes acceder a ella en tu navegador.

Paso 4: Crear rutas y vistas

En Flask, las rutas se definen utilizando el decorador @app.route(). Puedes crear múltiples rutas en tu aplicación para manejar diferentes URLs. Por ejemplo, puedes añadir una nueva ruta para mostrar un saludo personalizado:

@app.route('/saludo/<nombre>')
def saludo(nombre):
    return f'¡Hola, {nombre}!'

Paso 5: Plantillas HTML

En lugar de devolver cadenas de texto desde tus vistas, puedes utilizar plantillas HTML para renderizar contenido de forma dinámica. Para utilizar plantillas en Flask, necesitas crear un directorio templates en tu proyecto y añadir tus archivos HTML allí.

Por ejemplo, crea un archivo saludo.html en tu directorio templates con el siguiente contenido:

<!DOCTYPE html>
<html>
<head>
    <title>Saludo</title>
</head>
<body>
    <h1>¡Hola, {{ nombre }}!</h1>
</body>
</html>

Luego, modifica la vista saludo para renderizar la plantilla en lugar de devolver una cadena de texto:

from flask import render_template

@app.route('/saludo/<nombre>')
def saludo(nombre):
    return render_template('saludo.html', nombre=nombre)

Paso 6: Datos de formularios

En una aplicación web, es común recibir datos de formularios. En Flask, puedes acceder a los datos enviados desde un formulario utilizando el objeto request. Por ejemplo, puedes crear un formulario de entrada de texto en tu plantilla HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Formulario</title>
</head>
<body>
    <form method="post" action="/procesar">
        <input type="text" name="nombre" placeholder="Ingrese su nombre">
        <input type="submit" value="Enviar">
    </form>
</body>
</html>

Y luego procesar los datos en tu vista utilizando el método POST:

from flask import request

@app.route('/procesar', methods=['POST'])
def procesar():
    nombre = request.form['nombre']
    return f'¡Hola, {nombre}!'

Paso 7: Base de datos

Si necesitas utilizar una base de datos en tu aplicación, Flask es compatible con varios motores de bases de datos como SQLite, MySQL y PostgreSQL. Puedes utilizar una extensión como Flask-SQLAlchemy para trabajar con bases de datos de forma sencilla.

Paso 8: Despliegue

Una vez que hayas desarrollado tu aplicación, puedes desplegarla en un servidor en la nube como Heroku, AWS o Azure. Estos servicios te permiten desplegar aplicaciones web de Flask de forma sencilla y escalable.

Conclusiones

En este tutorial, hemos visto los conceptos básicos de Flask y cómo puedes utilizarlo para crear aplicaciones web. ¡Espero que este tutorial te haya sido útil y te haya inspirado a seguir explorando el maravilloso mundo de Flask! ¡Buena suerte en tu viaje de aprendizaje! 👨‍🎓

0 0 votes
Article Rating
30 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@pablolec1
1 month ago

Tuve muchos problemas para ejecutar otras rutas, cuando veia en el navegador otra seccion me arroja error 404 siempre

@junegueruela
1 month ago

El curso es buenísimo para entender Flask. Pero la musiquita es para matar a alguien. 😉 Enhorabuena por el curso.

@jorgeschezpla4875
1 month ago

gracias por el curso, que Dios te bendiga

@jemperkun9383
1 month ago

wow amigo super gracias por este vídeo me ayudado un montón

@joebocanegracastaneda9859
1 month ago

excelente

@miguelmondragon1366
1 month ago

exelente curso gracias amigo

@DBermudez
1 month ago

excelente la explicación

@pauloigca405
1 month ago

Muy buen curso, pero me va a dar un brote con la musiquilla esa todo el rato

@FelipeMSV
1 month ago

Te ganaste un suscriptor colega, que buen curso

@alexandervasquez4120
1 month ago

Muy buena explicación me ayudaste a entender varios conceptos de flask muchas gracias muy buen video.

@jhonbarcasnegras
1 month ago

Excelente video.
Un shot de tequila cada vez que Alex diga "prácticamente".

@Manuel_RD-2
1 month ago

Hermano, muchisimas gracias estuve toda la tarde tratando de entender el tema de las wtforms y las validaciones con los mismos y tu video me sirvio muchisimo

@MsVeloz21
1 month ago

Muy bien el vídeo, pero la música de fondo está muy alta y resulta molesta

@eddsans1734
1 month ago

Gracias por el tuto!

@shidalgo0925
1 month ago

Gracias por tu tiempo, esfuerzo y dedicación, me sirvio de mucho… (y)

@saritavi
1 month ago

Hola, muchas gracias por el tutorial, solo me gustaría decirte algo por si te interesa.. la música de fondo que tienes es muy molesta, es muy alta, está casi al nivel de tu voz, distrae un poco y se pierden algunas de tus palabras, no necesitas música de fondo para explicar algo, queda mejor sin audio, o el audio solo en las pausas 😉
Muchas gracias por compartir!!

@nicoguinzio
1 month ago

Hola, buenas tades. Me gusto mucho el video, tengo una consulta… En mis archivos HTML mi tema de visual studio no me identifica las variables, filtros, etc que se aplican desde python. Mi pregunta es: que extensiones usas? te ha ocurrido?

@wolf-code
1 month ago

Es genial que con flask se pueda hacer tantas cosas y no sea tan complejo de entender

@Philip_La
1 month ago

amigos recuerden que al momento de hacer el 'run' poner también '–reload ' para no tener que estár prendiendo y apagando el servidor