Clase #9 🔥 Formulario Web + Validación con JavaScript (Paso a Paso) | Python y Flask 🐍

Aprende a crear y validar formularios en una aplicación web usando Python Flask paso a paso 🚀🐍

En esta clase #9 del curso, desarrollamos un formulario con HTML y CSS, y luego utilizamos JavaScript para capturar los datos de los inputs, validar la información y mostrar los resultados en pantalla. 💻🔥

Este es un paso fundamental antes de conectar formularios con bases de datos, ya que aprenderás cómo manejar la interacción del usuario en el frontend.

🔹 ¿Qué aprenderás en este video?
✔️ Crear formularios con HTML
✔️ Diseñar formularios con CSS
✔️ Capturar datos con JavaScript
✔️ Validar inputs con JS
✔️ Mostrar datos ingresados en pantalla

00:00 – Introducción y estructura del formulario HTML

00:33 – Creación de inputs para Usuario, Correo y Contraseña

01:36 – Diferencia entre tipos de input: text, email y password

02:08 – Asignación de clases y preparación para estilos CSS

02:30 – Diseño del formulario con Flexbox y estilos básicos

03:40 – Aplicando estilos a los inputs (Padding, Border-radius, Width)

04:33 – Estilizando el botón de registro y efectos de cursor

06:23 – Creación del archivo JavaScript y captura de IDs (getElementById)

08:44 – Cómo conectar el archivo JS al Layout principal de Flask

09:25 – Uso del evento onclick para disparar la función de registro

10:48 – Validación: Mostrar datos del formulario en una alerta de prueba

11:32 – Cómo limpiar los campos del formulario automáticamente tras el registro

13:12 – Renombrado de rutas en Flask y organización final del proyecto

Este curso está diseñado para principiantes que quieren aprender desarrollo web con Flask desde cero y avanzar paso a paso hasta crear aplicaciones completas. 🚀

🌐 Sígueme en redes:

📱 TikTok: https://www.tiktok.com/@legasov

💰 Apóyame:
https://www.paypal.com/paypalme/MBenedettyFerrer

#python #flask #javascript #html #css #formularios #validacion #desarrolloweb #programacion #backend #frontend #webdeveloper #aprendeprogramacion #cursoflask #flasktutorial #coding #programador #fullstack

Видео Clase #9 🔥 Formulario Web + Validación con JavaScript (Paso a Paso) | Python y Flask 🐍 канала INFORMATICA SIN PAJA