¿Cómo se construye la tecnología web?
Clase 4 de 41 • Curso de HTML y CSS 2019
Contenido del curso
Los básicos del web
Construcción de un producto digital
- 14

Paper wireframe
10:50 min - 15
¿Cómo instalar XD?
00:51 min - 16

Diseño de interfaces
06:41 min - 17

Maquetación de la NavBar
13:10 min - 18

Maquetación de main_section y agregando estilos CSS
08:22 min - 19

Maquetación de tarjetas de producto
09:07 min - 20

Fuentes personalizadas y variables de CSS
07:46 min - 21
Categorizando etiquetas según nuestra estructura en HTML
00:48 min - 22
Reto 2: Maquetar el home del producto digital
00:39 min - 23

Reglas responsive
07:14 min - 24

Animaciones y transiciones
08:47 min
Integrando otras herramientas
- 25
Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios
02:47 min - 26

Librería vs Framework
05:42 min - 27

Sistema de Grillas
08:05 min - 28

Completando el Sistema de Grillas
04:03 min - 29
Reto 3: implementación del sistema de grillas
00:34 min - 30

Maquetación del formulario
13:03 min - 31

Creación de formulario: inputs
10:39 min - 32

Creación de formulario: botones
08:43 min - 33
¿Cómo crear tu cuenta en Paypal?
01:26 min - 34

Configuración del botón de pago con Paypal
08:02 min - 35
Autofill del formulario de PayPal
01:03 min - 36

Maquetación de pantalla de éxito y error
10:37 min
Deploy
Conclusión
Bonus
El Frontend es la parte del software que interactúa con los usuarios, en cambio, el Backend es la parte que no puedes ver, esta oculta porque contiene la información privada o sensible de nuestros usuarios.
HTML nos permite crear la estructura de la página: títulos, párrafos, menús, etc. CSS nos permite configurar los estilos del HTML, los colores, formas, posiciones, etc. Además, JavaScript (JS) se encarga de la parte funcional, nos permite conectarnos con otros servicios (como PayPal) y nos ayuda a hacer las interacciones mucho más fluidas.
Los Compiladores nos ayudan a construir el frontend de nuestras páginas web de forma mucho más rápida y sencilla. En vez de escribir el mismo código una y otra vez, vamos a utilizar estas herramientas para obtener estos mismos resultados de forma automatizada.
El trabajo y las operaciones del backend se pueden resumir con las siglas CRUD: Create, Read, Update y Delete. Cuando el frontend se comunica con el backend, debe indicar el tipo de operación y los datos necesarios para que todo funcione correctamente.
Por ejemplo: cuando registramos un usuario, el frontend debe mandar los nombres y contraseña de este usuario para que, el backend, pueda guardar esta información en la base de datos y podamos consultarla más adelante.