Diplomado en Desarrollo Web (Modalidad Sincrónica)

Unidad 1: Creación de carpeta raíz de sitio web e identificación de elementos de estructura y jerarquía de información

• Manejo de archivos.
  • Carpeta raíz.
  • Nombres de carpetas y archivos.
• HTML
  • Sintaxis básica lenguaje HTML.
  • W3C (World Wide Web Consortium).
  • Estructura básica documento HTML.
    • doctype
    • html
    • head
    • meta charset
    • title
    • body
• Etiquetas básicas de texto.
• Etiquetas de layout y agrupación de contenido.
• Etiquetas y formatos de medios.
  • imágenes.
  • audio.
  • video.
• Vínculos.
  • Etiqueta de hipervínculo <a>
  • Vínculos absolutos.
  • Vínculos relativos.
  • _target.
  • Rutas de archivos.

Unidad 2: Utilización de etiquetas HTML y CSS, de acuerdo a requerimiento de diseño web

• Archivo CSS
  • Nombre de archivo.
  • Vinculación por hoja externa.
  • Etiqueta <style>.
  • Estilo en línea.
• Lenguaje CSS
  • Sintaxis
  • Selector
  • Propiedad
  • Valor
• Tipos de selectores
  • universal.
  • etiqueta.
  • ID
  • class.
  • combinados.
• Propiedades de texto.
• Propiedades de diagramación.
• Propiedades de background.
• Pseudoclases.

Unidad 1: Factibilidad de proyecto web avanzado

• Tipografía Web.
  • Colores para pantalla: RGB, canales alpha (opacidad), colores hexadecimal, etc.
  • Peso, tamaño, resolución y formato de imagen para web.
  • Unidades absolutas y relativas de medida digital: Píxeles, em, rem, porcentajes, vh y vw; medidas relativas a las pantallas y diversos dispositivos digitales.

Unidad 2: Estructura y jerarquización de información.

• Estructura de contenidos del sitio web.
• Lenguaje HTML y CSS.
• Elementos de Layout  (footer, header, aside, main, nav, section, article)
• Hojas de estilo CSS:
  • Sintaxis y jerarquías de CSS.
  • Especificidad y herencia CSS.
  • Metodología Bloques Elementos Modificadores (BEM).
• Tipos de Selectores:
  • Clases.
  • Etiquetas.
  • Id.
  • Combinadores.
  • Pseudoelementos y Pseudoclases.
• Propiedades de diagramación en CSS:
  • Float.
  • Display FleX.
  • Display CSS Grid.
• Propiedades de diagramación para dispositivos:
  • Media queries.

Unidad 3: Diseño e interacción de sitio web avanzado.

• Propiedades de CSS avanzado para animaciones e interacciones.

Certificado como: "Desarrollo de hojas de estilos con preprocesadores para CSS y Variables CSS"

Unidad 1: Desarrollo de estilo con variables nativas CSS

• Código CSS.
• Hoja de estilo CSS.
• Variables nativas.
• Archivo index.
• Manejo de ruta de archivos.

Unidad 2: Desarrollo de estilos con Sass

• Código CSS.
• Hoja de estilo CSS.
• Variable y funcionamiento de preprocesador.
• Declaración de variables y mixins.
• Manejo de ruta y modulación de archivos.
• Archivo index.

Unidad 1: Recursos de framework Bootstrap y librería Javascript

• Framework y su documentación.
• Elementos, componentes, utilidades y funciones de framework Bootstrap.
• Manejo de ruta de archivos.
• Uso de grilla y layout de framework Bootstrap.

Unidad 2: Personalización y configuración de elementos de framework Bootstrap y Javascript

• Framework Bootstrap y su documentación.
• Archivos Sass.
• Librería de Js (externa)
• Archivos js, scss y fuentes, que forman parte del Framework.
• Manejo de ruta de archivos.
• Utilización de archivos scss para compilar y personalizar el sitio.
•