Desarrollo web full Stack: Flask PostgreSQL JavaScript

Desarrolla una aplicación completa usando Flask+PostgreSQL en el Backend y HTML+Bootstrap+JavaScript en el Frontend

4.88 (122 reviews)
Udemy
platform
Español
language
Web Development
category
Desarrollo web full Stack: Flask PostgreSQL JavaScript
1,255
students
8 hours
content
Apr 2023
last update
$19.99
regular price

What you will learn

Diseñar interfaces web con HTML y Bootstrap.

Desarrollar una API Rest usando Python.

Manejar el framework Flask como marco para el desarrollo web con Python.

Emplear PostgreSQL como sistema de almacenamiento de datos.

Hacer uso de Heroku para desplegar una API Rest.

Hacer uso de Heroku para montar una base de datos PostgreSQL en la nube.

Dinamizar aplicaciones web usando JavaScript.

Desarrollar aplicaciones web que interaccionan entre la parte cliente y servidor a través de peticiones AJAX.

Desarrollar aplicaciones web que usan JSON como formato de intercambio de datos.

Depurar una aplicación web usando herramientas incorporadas en los navegadores y en los entornos de desarrollo.

Desplegar una web usando el servicio de hosting de Netlify.

Description

Aunque llegar a ser un desarrollador web no es una tarea reservada para eminencias de la informática, la cuestión es diferente, y mucho más compleja, cuando hablamos de un desarrollador Full Stack. Debido a su dominio de la lógica del Backend y el Frontend; el manejo de diferentes lenguajes de programación, servidores y bases de datos, este perfil requiere de un alto nivel de preparación y experiencia.

Es por ello que el desarrollador Full Stack se ha convertido en un perfil apetecido por las empresas del sector tecnológico, especialmente por aquellas pequeñas o medianas compañías en etapa inicial, las cuales cuentan con equipos pequeños y requieren personas con diferentes habilidades para optimizar sus recursos.

Pero, ¿en qué consiste este perfil y por qué es tan demandado? Y, si es tan interesante-y bien pagado-, ¿Cómo puedes convertirte en uno?

Un desarrollador con este perfil es alguien que puede trabajar tanto en el Frontend como en el Backend de una aplicación web, un software o un sitio web. Es decir, comprende la lógica que conecta la experiencia del usuario que interactúa con la app o la página con el manejo de las bases de datos y servidores que almacenan la información.

En este curso construiremos una aplicación web completa y funcional, diferenciando claramente en el desarrollo dos bloques principales:

  • Parte Backend, implementada a través de una API Rest construida haciendo uso de Python como lenguaje de programación y Flask como framework de desarrollo, así como PostgreSQL como sistema de almacenamiento de datos.

  • Parte Frontend, construida empleando HTML, Bootstrap y JavaScript puro y que consumirá los endpoint de la API.

Por lo tanto, a lo largo del curso estudiaremos muchas de las tecnologías más empleadas en el desarrollo web:

  • HTML:  no es más que un lenguaje usado para crear páginas webs por medio de marcadores (tags) y atributos, que definen cómo el contenido va a ser presentado en un navegador web.

  • BOOTSTRAP: es un framework CSS desarrollado por Twitter en 2010 para el desarrollo front-end de aplicaciones web. El framework combina CSS y JavaScript para estilizar los elementos de una página HTML. Es una herramienta que proporciona interactividad en la página, por lo que ofrece una serie de componentes que facilitan la comunicación con el usuario, como menús de navegación, controles de página, barras de progreso y más. Además de todas las características que ofrece el framework, su principal objetivo es permitir la construcción de sitios web responsive para todo tipo de dispositivos.

  • JavaScript: JavaScript es un popular lenguaje de programación de scripts para añadir funcionalidades interactivas y otros contenidos web dinámicos a las páginas web. Es relativamente intuitivo y fácil de aprender y constituye la última capa de funcionalidad en los sitios web altamente interactivos.

  • Python: Python es un lenguaje de programación flexible y diseñado para ser fácil de leer. Es un lenguaje orientado a objetos y de alto nivel. Gracias a su sintaxis sencilla es un muy buen lenguaje para aprender a programar. Se trata de un lenguaje de programación de uso general, por eso puedes hacer muchas cosas con Python. Desde crear modelos de aprendizaje automático hasta proyectos más avanzados usando inteligencia artificial. También puedes crear aplicaciones web o scripts para automatizar procesos.

  • Flask:  Flask es un “micro” Framework escrito en Python y desarrollado para simplificar y hacer más fácil la creación de Aplicaciones Web bajo el patrón MVC. Ofrece una gran flexibilidad y un marco más accesible para los nuevos desarrolladores ya que puede crear una aplicación web rápidamente de forma muy sencilla. Además, se trata de un framework extensible, por lo que es posible la construcción de aplicaciones de gran envergadura y complejidad.

  • PostgreSQL: PostgreSQL es un sistema de gestión de bases de datos relacionales libre y de código abierto que hace énfasis en la extensibilidad y el cumplimiento de SQL. Es gratuito y libre, además de que hoy nos ofrece una gran cantidad de opciones avanzadas. De hecho, es considerado el motor de base de datos más avanzado en la actualidad.

Content

Introducción

Introducción al curso
Concepto de API rest
Características de la aplicación desarrollada
Tecnologías utilizadas

Configuración del entorno de trabajo

Instalación del entorno integrado de desarrollo
Instalación de Python
Descarga de cliente API
Creación del proyecto y estructura básica
Concepto y creación de un entorno virtual

Estructura de la API

Instalación de Flask
Creación de endpoint de ejemplo
Uso de Blueprints
Reorganización del contenido de la API

Base de datos PostgreSQL

Modelo de datos de la aplicación
Instalación de PostgreSQL
Creación de la base de datos
Creación de las clases del modelo
Uso de ORM SQLAlchemy
Conexión de la aplicación a PostgreSQL

Desarrollo de los endpoints de la API

Endpoint GET para login de usuarios
Endpoint GET para obtener los contactos de un usuario
Endpoint GET para obtener un contacto a partir de su ID
Endpoint GET para buscar contactos a partir de una cadena
Endpoint POST para insertar un contacto
Endpoint PUT para editar un contacto
Endpoint DELETE para eliminar un contacto

Despliegue de la API en Heroku

Creación de una cuenta en Heroku
Descarga de Git
Preparación de la aplicación para el despliegue
Despliegue de la API en Heroku
Creación de base de datos Postgree en Heroku
Test de la api en Heroku
Solución bloqueo CORS

Fundamentos de Bootstrap

Características y uso de Bootstrap
Sistema de grid de Bootstrap
Texto y colores con Bootstrap
Formularios con Bootstrap
Tablas con Bootstrap
Botones con Bootstrap
Alertas y tooltips con Bootstrap
Ventanas modales con Bootstrap
Posicionamiento con Flexbox usando Bootstrap

Desarrollo de la parte cliente: Pantalla de login

Diseño de la pantalla de login
Implementación del login con JavaScript
Uso de la librería SweetAlert
Almacenamiento de datos con JavaScript

Desarrollo de la parte cliente: Pantalla de contactos del usuario

Diseño de la pantalla de contactos
Uso de fontawesome
Creación del listado de contactos
Eliminación de contactos
Ordenar contactos por nombre
Filtrar contactos

Desarrollo de la parte cliente: Pantalla de detalle de un contacto

Diseño de la pantalla de detalle de contacto
Acceso a la pantalla de detalle
Editar un contacto
Crear un nuevo contacto

Despliegue del cliente web

Despliegue del cliente en Netlify

Prólogo

Depuración de la aplicación
Tareas propuestas
Despedida

Reviews

Luis
August 14, 2023
El enfoque que le da el instructor a sus cursos de práctico y orientado a proyectos hace deseable obtenerlo para aprender realmente. Aunque prefiero Django, aprender un microframework como Flask siempre es útil para mantenerse rentable.
BRAYAN
August 14, 2023
Excelente Curso para iniciar como Desarrollador WEB con Flask, JavaScript y como base de datos PostgreSQL
Cristian
July 8, 2023
me gusta el curso espero mucha gente mas lo compre lo recomiendo mucho por su forma de explicar al exponer
Domingo
July 7, 2023
Ha sido una buena elección que me ha ayudado a tener más claro ciertos conceptos en web. Felicidades Miguel Ángel
Ybalou
June 16, 2023
Estoy muy contenta al haber hecho este curso, muy agradecida con sus conocimientos. Me pareció estupenda las clases. Excelente en todo en todo el curso
Ramiro
April 27, 2023
Entender API REST, me ha sido sencillo con este curso, y excelente para todos aquellos dedicados Python y Framework Flask, muy recomendado.
Giancarlo
March 10, 2023
El curso me pareció bueno, aborda todas las tecnologías que promete, y va construyendo el proyecto desde cero con las respectivas explicaciones a sus estudiantes. Me pareció que al llegar a la parte HTML y javascript se aceleró un poco y que debería tener alternativas ya preparadas para las tecnologías que usa en el curso, ya que como en el caso de Heroku, van cambiando los términos y no se pueden usar tal cual, en mi caso, tocó investigar una alternativa a Heroku, y esa curva de aprendizaje me desvió y demoró el término del curso. Pero en conclusión, es un buen curso y no me arrepiento de mi compra. Gracias.
Omar
January 20, 2023
Los ejemplos son claros y se aproximan a lo solicitan en la la realidad laboral, el profesor explica paso a paso y claramente lo que se busca lograr en cada ejercicio sin mezclar conceptos de temas no vistos en el curso ni abusando de la auto-promoción de sus otros cursos como lo he visto con otros profesores. Me ha gustado mucho esté curso ya que es un tema del cual no sé mucho pero me ha dado fuertes bases para proseguir en el desarrollo Flask y PostgreSQL. Recomiendo lo bastante.
Juan
November 4, 2022
Curso muy completo y preciso para el que desee aprender Postgre y e integraciones. Recomiendo el profe!
Carlos
September 26, 2022
Fue muy bueno muchas gracias. Solo sugeriría de ser posible, que en los cursos se desarrollen mas proyectos pero de mucha menos dificultad. Lo sugiero desde mi punto de vista de novato, dado que si se pudieran hacer varias aplicaciones y varios despliegues pequeños, habría mayor aprehensión del conocimiento
Oruz'nthug
September 23, 2022
Excelente. Las secciones del curso están bien organizadas, de tal manera que se pueda llevar de mejor manera el curso. El instructor logra explicar de manera satisfactoria. Muy bueno!
Noel
August 8, 2022
El profesor se explica de muy buena manera. Perfecto para aquellos como yo que están comenzando en esta tecnología.
Emerson
July 29, 2022
Voy llegando a la mitad del curso, terminando la parte del backend de la API. Debo decir que el curso es genial! El instructor es muy bueno, me gusta que es muy concreto y claro en sus explicaciones. Obviamente, se necesitan conocimientos previos de Python y del funcionamiento de la web, en especial, las API. Muy recomendado el curso!
Cristian
July 25, 2022
Es un curso muy completo en donde te explica de forma sencilla y precisa el desarrollo de una aplicación para el backend y el frontend.
Michael
July 23, 2022
Excelente curso, me sirvió de mucho para comprender mejor el lenguaje de programacion JavaScript y bases de datos

Coupons

DateDiscountStatus
5/28/202280% OFF
expired
6/22/202280% OFF
expired
7/5/2022100% OFF
expired
7/22/2022100% OFF
expired
7/9/2023100% OFF
expired

Charts

Price

Desarrollo web full Stack: Flask PostgreSQL JavaScript - Price chart

Rating

Desarrollo web full Stack: Flask PostgreSQL JavaScript - Ratings chart

Enrollment distribution

Desarrollo web full Stack: Flask PostgreSQL JavaScript - Distribution chart

Related Topics

4582734
udemy ID
3/6/2022
course created date
3/30/2022
course indexed date
Bot
course submited by