Descripción General
Desarrollar el front-end de una aplicación requiere elaborar o modificar interfaces de usuario en HTML y aplicarles formateos con hojas de estilo CSS. Los conocimientos de html y css que se requieren para diseñar una interfaz de usuario típica, son un subconjunto pequeño de todo lo que estos lenguajes abarcan.
Este curso enseña los conceptos esenciales de estos lenguajes para que un desarrollador o a un ingeniero de requerimientos pueda hacer maquetas y diseños de pantallas Web con facilidad.
Dirigido a:
- Desarrolladores de Front-Ends de aplicaciones Web
- Gerentes o líderes de proyecto que supervisan desarrollos Web
- Ingenieros de requerimientos
- Scrum Product Owners que requieran hacer maquetas de requerimientos
Objetivo
Que el alumno pueda diseñar interfaces de usuario (pantallas de captura, consulta o reportes) usando HTML y CSS
Se recomienda cuando:
El interesado debe diseñar o modificar las pantallas de una aplicación Web.
Contenido: Temas principales
- Estructura de una página Web típica. Comprenderá cómo se relacionan HTML 5, CSS3 y JavaScript con la estructura de una página web, en una aplicación.
- Los bloques Html y el modelo de cajas. Aprenderá cómo usar las etiquetas HTML 5 que representan bloques (p, h, div, ul, ol, etc.) y que son más relevantes en las páginas de una aplicación. Así mismo, su relación con el modelo de despliegue manejado en CSS 3.
- Teoría del color. Aprenderá a combinar colores de una manera armoniosa utilizando la teoría del color: el círculo cromático y los esquemas de color fundamentales (Monocromático, Análogo, Complementario, Triada y Compuesto).
- Formateo nivel bloque con CSS 3. Comprenderá como formatear bloques o cajas de un documento HTML 5 usando CSS 3. Entenderá los formateos más recurrentes: modelo de colores, márgenes interiores, márgenes exteriores, fondos, anchos de línea, alineación, etc.
- Formateo a nivel in-line y modos de despliegue. Comprenderá como formatear fragmentos lineales dentro de un documento HTML 5 combinando el uso de etiquetas HTML 5 y estilos CSS 3 (decoraciones, fuentes, etc.).
- Tablas. Comprenderá cómo definir tablas en un documento HTML 5 y los formateos típicos en CSS 3.
- Formularios, controles de entrada y el modelo de eventos. Comprenderá como definir formularios y controles de entrada en un documento HTML: campos de captura de texto, campos de captura especializados, check boxes, radio buttons, botones, combo boxes, etc.
- Formateo de elementos con estado. Habiendo elementos y controles de entrada que guardan estados (como los links, los radio buttons o los check boxes), se aprenderá cómo asociar formatos a esos estados y las reglas que los rigen.
- CSS 3 Avanzado. Aprenderá a utilizar funcionalidades avanzadas, tales como multi-columnas, posicionamiento bajo flexbox, uso de grid, animaciones y transformaciones.
Duración
20 horas
Prerrequisitos
- Experiencia como usuario de sitios Web
- Lógica de programación básica