Diplomado en Desarrollo Web (Modalidad Sincrónica) – Duoc UC

Diplomado en Desarrollo Web (Modalidad Sincrónica)

Horas

120 horas


Modalidad

Sincrónica


Fecha y horario

Fecha Inicio: 21-03-2022
Clases lunes y miércoles
19:00 a 22:00 hrs

Costo

$900.000


Descargar brochure Solicitar información

Descripción

En los últimos años, el área UX ha tenido un sostenido aumento en Chile y el mundo. Lo que se ha reflejado en una mayor demanda desde las empresas, subcontratando servicios especializados o bien creando equipos internos. Resultados de la primera encuesta aplicada por la agrupación IxDA (Asociación de Diseño de Interacción) el 2018 en Santiago entregan una panorámica de la disciplina en nuestro país, en cuanto a las actividades, roles, remuneraciones y formación.

El área de la experiencia de usuario se reconocen actividades que incluyen puestos de trabajo como lo son  Arquitectos de la información, Diseñador de interfaces (wireframes), Diseñador de interacción, Research, UX, Desarrollador Front y Back end,  abriendo grandes oportunidades a la especialización para estos puestos de trabajo.


Objetivos

Desarrollar prototipos  funcionales de interfaces web, de acuerdo a los objetivos y requerimientos del proyecto, considerando criterios de diseño, accesibilidad y usabilidad. Para ello  traducirá mockups a lenguajes de codificación  y estilos (HTML-CSS) mediante la utilización de frameworks que estructuran los elementos que componen el diseño.


Orientado

Personas que requieran herramientas de desarrollo Web tales como emprendedores, programadores, diseñadores gráficos.


Requisitos de Ingreso

Conocimientos básicos de herramientas tecnológicas.


Módulos

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.
  •  

Financiamiento

Descuentos

  • 30% Titulados Duoc UC*
  • 15% - 25% Ex-alumnos de Educación Continua*
  • Consulta por descuentos promocionales (*Descuentos no acumulables)

Financiamiento

  • Webpay
  • Transferencia
  • Orden de compra Empresa