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

Diplomado en Desarrollo Web (Modalidad Sincrónica)

Descargar malla Solicitar información

Descripción

El e-learning Sincrónico es una modalidad de aprendizaje en que el tutor y el alumno se escuchan, se leen y/o se ven en el mismo momento, independiente de que se encuentren en espacios físicos diferentes. Esto permite que la interacción se realice en tiempo real, como en una clase presencial.

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.


Módulos

Curso I: Desarrollo web básico (30 horas)

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

Curso II: Desarrollo web avanzado (30 horas)

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

Curso III: Desarrollo de Hojas de Estilos con Preprocesadores CSS (30 horas)
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.

Curso IV: Desarrollo Web con Bootstrap y Javascript (30 horas)

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

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.


Duración y Fechas

Duración

120 horas

Modalidad

Sincrónica

Fechas Matrícula

Fecha inicio: 13-10-2021
Fecha fin: Por definir
A nivel nacional - Clases lunes, miércoles y viernes (19:00 a 22:00 hrs)

Sedes y horarios

Costos y Financiamiento

Costo

$ 900.000

Descuentos

  • 30% Titulados Duoc UC
  • 15% - 25% Ex-alumnos de Educación Continua
  • Consulta por descuentos promocionales

Financiamiento

1._ Webpay 2._ Transferencia 3._ Orden de compra de la Empresa, a nombre de: Fundación Instituto Profesional Duoc UC 72.754.700-2

Módulos

Curso I

Curso I: Desarrollo web básico (30 horas)

Curso II

Curso II: Desarrollo web avanzado (30 horas)

Curso III

Curso III: Desarrollo de Hojas de Estilos con Preprocesadores CSS (30 horas)

Curso IV

Curso IV: Desarrollo Web con Bootstrap y Javascript (30 horas)

Para mayor información

Descargar malla

Otros programas que te pueden interesar