Uso de herramientas de desarrollo en navegadores web
Contenido del curso
Conceptos Generales
- 2
Conceptos Básicos del Desarrollo de Software y Programación
06:41 min - 3
Modelo de Solicitud y Respuesta en la Web
03:16 min - 4
Frontend y Backend: Conceptos y Comunicación en Desarrollo Web
08:16 min - 5
Qué es una API y para qué sirve
07:16 min - 6
Control de Versiones con Git para Diseñadores y Desarrolladores
06:55 min
Aproximación a los lenguajes de la web
Bases del diseño en el desarrollo
El diseño desde una mirada de desarrollo
- 16
Estados de Botones en Desarrollo Web con HTML y CSS
09:30 min - 17
Modelo de Caja y Estados en Botones HTML y CSS
08:06 min - 18
Diseño y Estados de Inputs en Figma: Focus, Disable y Hover
08:56 min - 19
Paginación en tablas: tipos y cuándo usarlos
06:09 min - 20
Funcionalidades Comunes en el Diseño de Tablas Interactivas
06:24 min - 21
Diseño e Implementación de Checkbox: Estados y Atributos HTML
05:04 min - 22
Qué sigue después de aprender HTML, CSS y JS
01:40 min
Live Class
Uso de herramientas de desarrollo en navegadores web
Resumen
Reto: HTML, CSS, JS
Sitio a revisar - Codepen Reto: HTML, CSS, JS
Utilizando las developer tools, dirígete al sitio dado y responde las siguientes preguntas:
- Cuál es el tamaño de la tipografía del título?
- Cuál es el color del título?
- Cuál es la etiqueta que usa el título?
- Cuál es el único atributo del título?
- Cuál es el tamaño renderizado de la imagen?
- Menciona la funcionalidad del sitio que usa JavaScript
Adicionalmente, realiza estas acciones:
- Elimina la imagen
- Cambia el texto del título desde los elementos de developer tools
