4.46 de 5
4.46
43 valoraciones en Udemy

Flask con Python 3 + integración con Vue y Bootstrap 4

Crear tus primeras apps webs en Flask, Jinja2 y SQLAlchemy - Crea tu Rest Api y consúmelas con Vue y Bootstrap 4
Profesor:
Andrés Cruz Yoris
212 Estudiantes apuntados
Spanish [Auto-generated]
Instalar y actualizar Flask
Emplear Flask de manera fluida y conocer sus componentes fundamentales
Emplear Python 3 de manera básica/intermedia
Organizar la app en múltiples módulos
Una aplicación web básica con funciones de CRUD desde cero
Login con protección en el password, distintos niveles de roles
Manejar la configuración del proyecto de múltiples formas
Crear una aplicación mínima en Flask a completa
Redirecciones y rooteo
Aprender a trabajar con tecnologías punteras en conjunto: HTML, CSS, Bootstrap, MySQL y Vue con Flask
Crear una Rest Api para gestionar un CRUD
Manejo de template mediante Jinja2
Manejar la base de datos mediante SQLAlchemy
Crear formularios y validaciones desde Flask
Crear componentes de Vue con Bootstrap 4

En este curso vas a aprender a crear tus primeras aplicaciones en Flask empleando Python 3, junto con este micro framework.

En este curso vamos a aprender desde cero a programar en nuestro framework Flask, conocer el ecosistema que necesitamos que es básicamente contar con Python en la versión 3 o superior; instalar paquetes, emplear Flask en conjunto con Jinja2 y SQLAlchemy, emplearlo en conjunto con Bootstrap 4, Vue, crear un módulo de login, CRUD, una Rest Api.

Nos apoyaremos en la documentación oficial que es variante dependiendo de si estamos trabajando propiamente con el micro framework o con otros componentes.

El curso se encuentra dividido en varias secciones:

1. Python básico

  • En la primera sección vamos a dar los primeros pasos con Python, además de instalar el mismo y nuestro Visual Studio Code, que será nuestro editor de código para llevar todo el curso.
  • Veremos el uso de las variables, tipos de datos, estructuras de control, ciclos, operadores, listas, funciones clases entre otros componentes fundamentales que tenemos que conocer para trabajar con Flask.

2. Conociendo el mundo de Python, pip y flask

  • Esta es la sección introductoria al mundo de la programación en Flask con Python; instalaremos nuestro framework mediante pip, crearemos nuestra primera mini aplicación que no llegará ni a diez líneas de código y la ejecutaremos en nuestro navegador.
  • Progresivamente iremos ampliando la app, aprendiendo pase por parámetros mediante la URL, imprimir código HTML, renderizar nuestro primer template con Jinja2, archivos de configuración del proyecto y mucho más.

3. Creando una app de almacén con Blueprint y Jinja2

  • En esta sección vamos a crear nuestra primera aplicación que usaremos a lo largo del curso para ir aprendiendo los distintos componentes de Flask; crearemos nuestro primer módulo con Blueprint y daremos la primera organización inicial del CRUD del a app que estará orientada a una aplicación tipo almacén; en esta primera fase crearemos un diccionario que simulará nuestra fuente de datos; aprenderemos a trabajar con los filtros en Jinja2 y las estructuras de control en Jinja2.

4. Creando una app: SQLAlchemy para crear relaciones con nuestra base de datos

  • En esta sección vamos a empezar de lleno a crear nuestro CRUD, y con esto aprenderemos el manejo manual de formularios y mediante un paquete para Flask conocido como Flask WFT que nos permitirá crear formularios y validaciones mediante la definición de una clase.
  • Daremos los primeros pasos con SQLAlchemy que nos permite conectarnos a nuestra base de datos en MySQL (u otros motores de base de datos) y permite mapear el Objeto Relacional a un simple objeto que podremos trabajar perfectamente a lo largo de nuestra aplicación.

5. Creando una app de almacén: Bootstrap 4, +SQLAlchemy y Flask WFT

  • En esta sección seguiremos incluyendo otros componentes a nuestra aplicación como lo sería en este punto Bootstraps 4, daremos los primeros pasos con esta popular framework y cómo integrarlo en un proyecto en Flask; veremos sus principales componentes y profundizaremos un poco más en SQLAlchemy.

6. Autenticación en Flask: Creando un módulo de login

  • En esta sección vamos a crear nuestro módulo de login para nuestra app completamente manual y también emplearemos el paquete conocido como Flask-Login que nos ofrece un conjunto de estructuras listas para usar; crearemos un sencillo sistema de roles y crearemos nuestro primer decorador para proteger el módulo de administración con un usuario autenticado y de tipo administrador.

7. Creando una Rest Api

  • En esta sección vamos a crear nuestra Rest Api; para eso vamos a crear el proceso de gestión (CRUD) de nuestros productos; vamos a normalizar nuestra Rest Api para trabajar con un esquema básico, y devolver códigos de HTTP personalizados.

8. Conectarse a la Rest Api con Vue

  • En esta sección, la más esperada por muchos, veremos como integrar nuestra aplicación con Vue mediante la Rest Api que construimos en la sección anterior; crearemos una web SPA para realizar el mismo CRUD que hicimos anteriormente pero con Vue; daremos los primeros pasos con Vue conociendo sus elementos básicos hasta conseguir nuestro CRUD.

 

Python básico

1
Introducción
2
Instalar Python

Vamos a enseñar como podemos instalar Python y algunas consideraciones a tener en cuenta.

3
Instalar Visual Studio Code

Vamos a instalar el IDE que vamos a emplear en este curso para desarrollar nuestras aplicaciones en Python y Flask.

4
Configurar nuestro Editor

Vamos a crear la carpeta de nuestro proyecto que vamos a emplear en esta sección para realizar las distintas pruebas y conocer Python.

5
Variables

Vamos a conocer como podemos crear variables en Python.

6
Tipos de datos

Vamos a conocer los tipos de datos en Python; string, flotantes, enteros y booleanos.

7
Operadores

Vamos a conocer el uso de los operadores matemáticos en Python.

8
Más datos sobre el String

Vamos a dar algunos datos extras sobre el string para contar longitudes, reemplazar ocurrencias etc.

9
String Format (Formato de los String)

Vamos a conocer otra característica interesante sobre los String que sería el formato para imprimir o concatenar distintos tipos de datos y dando como salida un String.

10
Listas

Vamos a presentar una estructura que nos permitirá guardar colecciones de enteros, string, etc en una variable.

11
Condicionales

Vamos a ver cómo podemos emplear los condicionales en Python.

12
For

Vamos a ver el uso de los ciclos for en python para iterar listas.

13
Funciones

Vamos a conocer el uso de las funciones en Python, pase de parámetros y retornos de valores.

14
Clases

Vamos a crear nuestra primer clase, así como atributos métodos y constructores y crear una instancia de la misma.

15
Enum

Vamos a ver el uso de los tipos enumerados en Python para crear constantes.

16
Diccionarios

Vamos a conocer la estructura llamada diccionario para crear estructuras de tipo llave valor.

17
try except: errores y excepciones

Vamos a conocer cómo podemos manejar los errores en tiempo de ejecución en nuestra app.

18
Código fuente de la sección

Código fuente de la sección

Conociendo el mundo de Python, pip y Flask

1
Introducción
2
Sobre flask

Vamos a hablar un poco sobre Flask y conocer su ecosistema.

3
Presentación de la pip e Instalar Flask mediante la pip

Vamos a presentar el sistema de gestor de paquetes de Python, pip y vamos a instalar Flask mediante pip.

4
Sobre los ambientes virtuales de Python y el curso

Vamos a hablar sobre el uso de los venv en nuestro curso.

5
Nuestra primera aplicación

Vamos a crear la primera aplica en Flask y explicar lo más básico de una app en Flask, en manejo de la ruta inicial y su función.

6
Versión actual de flask y actualizar

Vamos a aprender a actualizar una versión de Flask mediante la terminal.

7
Python app.py vs flask run

Vamos a presentar las dos formas en la que tenemos para ejecutar una app en Flask, mediante el comando de Python y de Flask.

8
Modo desarrollo para activar la recarga (reload)

Vamos a presentar el modo de desarrollador para habilitar la recarga de nuestro servidor cada vez que hagamos cambios en el código fuente.

9
Pase de datos y valor por defecto

Vamos a presentar el pase de parámetros mediante la URL a una app en Flask.

10
Imprimir nuestro primer código HTML

Vamos a imprimir un código HTML en vez de simple texto.

11
Imprimir variable en el código HTML

Vamos a imprimir datos dinámicos desde el cuerpo HTML.

12
Organizando archivos estáticos

Vamos a aprender a organizar nuestra aplicación para que pueda tomar archivos estáticos con CSS, js, imágenes, etc.

13
render_template para renderizar templates con Jinja2

Vamos a presentar el motor de templates de Flask conocido como Jinja2.

14
Creando una aplicación modular

Vamos a aprender a crear una app que conste de varios módulos.

15
Introducción a Blueprint para crear apps modulares

Vamos a presentar Blueprint para tener una app modular más organizada.

16
Manejando configuraciones básicas

Vamos a aprender a realizar las configuraciones básicas y de la manera más sencilla en una app Flask.

17
Manejando las configuraciones en archivos de configuración: from_pyfile

Vamos a manejar las configuraciones básicas de la app mediante un archivo global.

18
Manejando las configuraciones en archivos de configuración: from_object

Vamos a manejar las configuraciones básicas de la app mediante un archivo global y manejar distintos ambientes.

19
¿Qué hemos aprendido?
20
Código fuente de la sección

Código fuente de la sección

Creando una app de almacen con Blueprint y Jinja2

1
Introducción y que vamos a aprender
2
Creando una app para manejar productos: Estructura básica

Vamos a crear la estructura base de la app que vamos a emplear en las siguientes secciones que será una app de almacén de productos.

3
Consultar datos de un modelo (diccionario) con datos estáticos

Vamos a crear un modelo en Python con datos estáticos con los cuales podamos realizar un par de consultas.

4
Definiendo el template para el listado y el método

Vamos a crear una vista o template para el listado de los productos y la función y ruta asociada a la misma.

5
Definiendo el template para el detalle y el método

Vamos a crear la vista o template para el detalle de un producto y la función con pase de parámetros y ruta a la misma.

6
Los filtros en Jinja2: default, para dar valores por defecto

Vamos a presentar los filtros en JinJa2, para realizar distintas operaciones de cómputo fácilmente desde la vista o template; vamos a conocer el filto default, para dar valores por defecto en caso de que un valor sea vacío o nulo.

7
Los filtros en Jinja2: safe, para imprimir código HTML

Vamos a presentar los filtros en JinJa2, para realizar distintas operaciones de cómputo fácilmente desde la vista o template.

8
Los filtros en Jinja2: truncate, para cortar textos

Vamos a conocer el filtro truncate, para cuando queramos cortar textos en tamaños determinados.

9
Los filtros en Jinja2: count, para contar longitud de textos

Vamos a conocer el filtro count, para contar la cantidad de caracteres de un String.

10
Los filtros en Jinja2: float, para convertir valores a flotantes

Vamos a conocer el filtro float, para convertir valores o textos a flotantes.

11
Los filtros en Jinja2: int, para convertir valores a enteros

Vamos a conocer el filtro int, para convertir valores o textos a enteros.

12
Los filtros en Jinja2: round, para redondear números flotantes

Vamos a conocer el filtro round, para redondear valores flotantes.

13
Los filtros en Jinja2: join, para convertir array a texto

Vamos a conocer el filtro join, para convertir un array a texto.

14
Los filtros en Jinja2: length, para contar la cantidad de elementos de un array

Vamos a conocer el filtro length, para determinar el tamaño de un array.

15
Los filtros en Jinja2: tojson, para convertir objetos a json

Vamos a conocer el filtro tojson, para convertir objetos a json.

16
Crear un filtro personalizado para calcular el iva en JinJa2

Vamos a crear un filtro personalizado por nosotros en el módulo y global a nuestra app.

17
Jinja2: Crear un template base para nuestro módulo

Vamos a crear el template base para nuestra aplicación en Jinja2

18
Jinja2: Condicionales

Vamos a conocer el uso de los condicionales en Jinja2.

19
Jinja2: Variable loop en los for

Vamos a conocer el uso de la variable especial llamada loop en los for y sus variables.

20
Código fuente de la sección

Código fuente de la sección

Creando una app: SQLAlchemy para crear relaciones con nuestra base de datos

1
Introducción y que vamos a aprender
2
Crear la conexión y configuración a la base de datos

Vamos a crear la configuración de la base de datos.

3
Crear el modelo de productos

Vamos a crear nuestro primer modelo y estructura de la base de datos y crear la tabla asociada a la misma mediante Flask.

4
Obteniendo todos los registros de la tabla product

Vamos a aprender a obtener todos los registros de la tabla product, la que creamos en el vídeo anterior.

5
Definir la configuración de la base de datos en el archivo de configuración.

Vamos a definir la configuración de la base de datos en el archivo de configuración de nuestra app.

6
Obtener un registro

Vamos a aprender a obtener un registro de la base de datos.

7
SQLAlchemy: Introducción a las operaciones de consulta a la base de datos

Vamos a dar una introducción de las principales funciones para obtener registros de la base de datos.

8
SQLAlchemy: Crear registros

Vamos a aprender a crear registros mediante Flask.

9
SQLAlchemy: Actualizar registros

Vamos a aprender a actualizar registros mediante Flask.

10
SQLAlchemy: Borrar registros

Vamos a aprender a eliminar registros mediante Flask.

11
Crear vista de formulario para crear productos

Vamos a crear la vista o el formulario para crear productos.

12
Crear función en Flask para procesar el formulario y guardar producto

Vamos a crear la función que va a recibir los datos del formulario que envía nuestro usuario.

13
Realizar una redirección al formulario de creación de productos

Vamos a crear una redirección para cuando creemos productos manda directamente a otra vista; por ejemplo, la vista de creación de productos.

14
Crear mensajes flash

Vamos a aprender a emplear los mensajes flash o la sesión flash para enviar mensajes a nuestro usuario.

15
Configurar mensaje flash en vista

Vamos a configurar la visualización de los mensajes flash mediante la vista.

16
Funciones y vista para actualizar formulario

Vamos ahora a desarrollar la funcionalidad para actualizar productos.

17
Crear un formulario con Flask WFT

Vamos a presentar un paquete que nos permitirá tener un gran manejo y control sobre los formularios, que no tendremos que crearlos de manera manual si no mediante un modelo base.

18
Validar formulario con Flask WFT

Vamos a aprender a agregar reglas de validación a los formularios.

19
Incluir una vista dentro de otra vista

Vamos a crear una vista con solamente los campos de formulario que luego vamos a incluir en la vista de edición y creación de campos de formulario.

20
Actualizar formulario de producto con Flask WFT

Vamos a crear todo el proceso para actualizar un producto existente mediante el WFT.

21
Borrar productos

Vamos a implementar la funcionalidad para eliminar productos y con esto completamos nuestro CRUD.

22
Paginar registros

Vamos a aprender a paginar registros y crear los enlaces de navegación.

23
Código fuente de la sección

Código fuente de la sección

Creando una app de almacén: Bootstrap 4, +SQLAlchemy y Flask WFT

1
Introducción
2
Bootstrap 4: Instalar

Vamos a hacernos con nuestra copia de Bootstrap en su versión 4 e instalarlo en nuestra app Flask.

3
Bootstrap 4: Configurar el layout de la app

Vamos a configurar el layout de nuestra app, para que todo no aparezca tan estirado.

4
Bootstrap 4: Mensajes de alerta y configurar nueva vista

Vamos a mostrar los mensajes tipo flash por un componente de alert de Boostrap 4.

5
Bootstrap 4: Configurar el diseño de los formularios

Vamos a personalizar el diseño de los formularios.

6
Bootstrap 4: Configurar navbar

Vamos a crear un header con los componentes de navegación.

7
Bootstrap 4: Configurar footer

Vamos a definir un sencillo footer para nuestra app.

8
Crear un macro para la paginación + componente en Bootstrap 4

Vamos a aprender a crear macros en Flask, y el tema será un macro para la paginación de los registros.

9
Bootstrap 4: Jumbotron para los listados de productos

Vamos a crear el diseño para los componentes del listado de productos de nuestra app.

10
Crear una hoja de estilo personalizada

Vamos a crear una hoja de estilo personalizada en donde definir el CSS de nuestra app.

11
Bootstrap 4: modal para eliminar los registros

Vamos a implementar un modal de confirmación para cuando queramos eliminar registros.

12
Instalar Fontawesome

Vamos a instalar una iconografía para nuestra app.

13
Bootstrap 4: Configurar los Tooltips de la app

Vamos a configurar los tooltips en la app, que son esos pequeños globos informativos.

14
Crear modelo y el WTF para las categorías

Vamos a crear un modelo y la clase de formulario para las categorías.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 de 5
Calificaciones 43

Calificación Detallada

5 estrellas
25
4 estrellas
15
3 estrellas
2
2 estrellas
0
1 estrellas
1