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.
- Aprobar entrevista con el coordinador académico del Diplomado.
Módulos
Módulo I: Desarrollo web básico (30 horas)
- 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.
- 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.
Módulo II: Desarrollo web avanzado (30 horas)
- 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.
- 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.
- Propiedades de CSS avanzado para animaciones e interacciones.
Módulo III: Desarrollo de Hojas de Estilos con Preprocesadores CSS (30 horas)
- Código CSS.
- Hoja de estilo CSS.
- Variables nativas.
- Archivo index.
- Manejo de ruta de archivos.
- 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.
Módulo IV: Desarrollo Web con Bootstrap y Javascript (30 horas)
- 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.
- 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)
Métodos de pago
- Webpay - 3 cuotas precio contado
- Transferencia
- Orden de compra Empresa