Diplomado en Aplicaciones de Diseño y Desarrollo Web (Modalidad Sincrónica) – Duoc UC

Diplomado en Aplicaciones de Diseño y 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 la actualidad los sitios web se han convertido en una herramienta fundamental de marketing, comunicación y proyección en todo tipo de empresas. La evolución tecnológica constante hace necesario que las empresas cuenten con personal especializado y actualizado en las competencias y habilidades necesarias para el desarrollo de sitios web. Este diplomado busca que los profesionales que ejerzan funciones en empresas de diseño integral, comunicaciones web, marketing y áreas de tecnología técnicas relacionadas adquiera una formación esencial para el desarrollo eficiente de un proyecto web. Competencias que son altamente demandadas por el mercado laboral actual.

Objetivos

Al finalizar el diplomado, el alumno estará capacitado para gestionar de principio a fin, las diversas etapas de publicación de un sitio web. Contempla además, un proyecto de sito web, así como la planificación, el desarrollo, la lógica de la interactividad y semántica en sitios web dinámicos e interactivos que se adaptan a los diferentes dispositivos: computadores, móviles y tablets.

Módulos

Curso I: Introducción al diseño UX y prototipado web.

  • Unidad I: Fundamentos UX en el diseño de interfaces e interacción web
    • ¿Qué es UX y cuáles son los beneficios del diseño centrado en el usuario?
    • Conceptos introductorios UX y usabilidad.
    • Principios básicos de usabilidad y experiencia de usuario.
  • Unidad II: Introducción a la Arquitectura de la Información (Al)
    • Arquitectura de la Información en la organización del contenido, navegación y encontrabilidad de la información, productos y servicios.
    • Identificar técnicas de representación de la Arquitectura de la información (Mapa de sitio, diagramas de flujo, wireframe y guiones qráficos). Testeo de la Al, Card sortinQ.
  • Unidad III: lllustrator / Photoshop para Diseño UX y Web 
    • Modificar configuración de la aplicación y espacios de trabajo para diseño web.
    • Ajustes de color para web.
    • Trabajar con dibujo vectorial, texto y manipulación de objetos.
    • Uso de guías y objetos para creación de retículas.
    • Creación de objetos Pixel Perfect.
    • Crear mesas de trabajo para mobile y diseño adaptativo.
    • Adobe color para creación de paletas de colores.
    • Creación de botones con panel apariencia.
    • Estilos de texto y colores globales para edición rápida y consistencia.
    • Creación de símbolos y botones. Estilos gráficos.
    • Uso de Bibliotecas Creative Cloud.
    • Exportación de recursos.
  • Unidad IV: Prototipado web con Adobe XD
    • Introducción a Adobe XD. Espacio de trabajo. Importación de recursos gráficos (Bitmap / Vector). Kits de interfaces.
    • Validación de prototipos con test de usuarios.
    • Creación de Interfaces de interacción y funcionabilidad.
    • Creación de maquetas funcionales en smartphones.
  • Unidad V: Ejercicio final de integración
    • Creación de proyecto prototipado web, Integrando los conocimientos y técnicas aprendidas.

 

Curso II: Desarrollo web responsivo con HTML5 y CSS3.

  • Unidad I: Conceptos introductorios web
    • Identificar conceptos, términos y tecnologías web, hosting, servidores, lenguajes y protocolos.
    • Editores de Código y softwares para desarrollo web.
  • Unidad II: Introducción al lenguaje HTML y CSS
    • Crear documentos HTML mediante el uso de etiquetas. Estructura del documento HTML, sintaxis (etiquetas y atributos), elementos para textos, imágenes y formularios.
    • Integración de reglas de estilos CSS: Sintaxis CSS, selector, propiedad, tipos de selectores (clase, id, etiqueta, compuesto), inclusión de estilos CSS en documento, creación de hojas de estilo, propiedades CSS básicas para documentos: fuentes, anchos, altos, rellenos, maraenes, tamaf’to entre otras.
  • Unidad III: Diagramación con HTML5 y CSS3
    • Crear Interfaces web a partir del uso de las etiquetas semánticas HTML5 (main, article, section, nav, footer) y propiedades de diagramación CSS (float, position, margin, anchos en pixeles y porcentajes, flex), columnas y diagramación con grilla.
    • Propiedades CSS3 para efectos (border-radius, box-shadow, text-shadow, color RGBA, transition, transform, anímate).
  • Unidad IV: Sitios Responsivos
    • Mobile first vs Desktop First, anchos en porcentajes. Imágenes y video responsivo.
    • Crear consultas de medios para los diferentes dispositivos, importancia del viewport.
  • Unidad V: Ejercicio final de integración
    • Integrar conocimientos en HTMLS, CSS3 y responsive desing a partir del diseño y desarrollo de una interface web.
    • Publicar sitio web vía panel de control o FTP.

Curso III: Desarrollo de interfaces interactivas con Bootstrap y jQuery.

  • Unidad I: Introducción al framework Bootstrap
    • ¿Qué es Bootstrap y para qué sirve?
    • Ejemplos de implementación, descarga e inteqración de librerías al orovecto.
  • Unidad II: Grilla de Bootstrap
    • ¿Qué es la grilla de Bootstrap?. Columnas, alineación y ordenamiento. Columnas anidadas, grillas flex, offseting, utilidades para el diseño responsivo.
  • Unidad III: Elementos, componentes y personalización en Bootstrap
    • Tipografías y texto, imágenes, tablas, componentes (alertas, botones, carousel, collapse, barras de navegación, ventanas modales, tabs, paginación, etc.).
    • Añadir e integrar elementos de formulario (inline form, input, checkboxes, radio buttons).
    • Colores, posicionamiento, bordes, tamaños y espaciados, aplicación de elementos CSS personalizados.
  • Unidad IV: Introducción a Javascript
    • ¿Qué es Javascript y para qué sirve?.
    • Sintaxis básica, librerías y frameworks desarrollados en Javascript.
  • Unidad V: Introducción a jQuery
    • ¿Qué es jQuery y cómo se usa?.
    • Compatibilidad con navegadores.
    • Descargar e integrar librerías.
    • Selectores, sintaxis: tipos de selectores, métodos y eventos.
    • Programación de efectos simples en sitio web, menús móviles y desplegables.
  • Unidad VI: Integrar plugins de jQuery
    • jQuery UI, componentes, dialog, tabs, acordeons, carousel, barras de navegación para desktop móviles.
  • Unidad VII: Desarrollo de proyecto integrado
    • Desarrollar interface web a partir de Bootstrap aplicando interacción con Javascript y jQuery.

 

Curso IV: Desarrollo web dinámico con PHP, Mysql y WordPress.  

  • Unidad I: Introducción al desarrollo web dinámico con PHP 
    • Configurar entorno de trabajo e instalación de servicios, detalle del software necesario.
    • Instalación y prueba de servidor local: apache, PHP y Mysql. Configuración de editor de código. Estructura de directorios.
    • Identificar y aplicar los elementos de la programación PHP para envio de formularios y desarrollar plantillas basadas en PHP, (variables, operadores, condicionales, bucles, funciones PHP, metodos POST vs GET).
  • Unidad II: Introducción a las bases de datos Mysql y su uso en PHP 
    • Definición y tipos de base de datos. Base de datos para desarrollo web, concepto de fila, columna, registro.
    • Uso de PhpMyAdmin para crear y operar base de datos Mysql, conceptos de normalización y relación.
    • Aplicar consultas SQL.
    • Identificar y aplicar programación PHP para operar base de datos, (consultas, conexión, eliminar, modificar, listar, insertar registros).
    • Interacción entre formularios y base de datos. Consultas con filtro para búsquedas, orden.
    • Exportar e importar base de datos.
    • Publicar sitios dinámicos en servidor remoto (hosting).
  • Unidad III: Introducción a WordPress
    • Identificar y explicar la importancia de WordPress como medio de publicación de páginas web y su funcionamiento general
    • Aplicar las técnicas para la instalación de WordPress en servidores locales y remotos.
    • Operar la interfaz de trabajo, (escritorio), de WordPress.
    • Conocer las características de las imágenes y recursos que se van a utilizar en una página web en wordpress
    • Realizar modificaciones a la apariencia y funcionalidades del sitio WordPress mediante la instalación de extensiones: temas (themes}, widget y plugins.
  • Unidad IV: Profundización en WordPress
    • Uso de plugins avanzados para implementar un carro de compra, galerías, calendarios de eventos.
    • Identificar y aplicar la personalización de temas, (theme), a partir de Child Themes y CSS.
    • Crear temas desde cero, adaptar boceto web html y CSS a WordPress, crear estructura de archivos para tema, añadir funciones PHP escenciales para integrar menús, widget y plugins.
    • Funcionamiento del loop de WordPress para mostrar contenidos de entradas y páginas.
    • Configuración e Introducción al desarrollo de plugins.
    • Publicar sitios desarrollados en WordPress en un servidor remoto (hosting).
    • Identificar y aplicar técnicas para realizar mantenciones y ajustes a una instalación WordPress, migración.
  • Unidad V: Desarrollo de proyecto integrado
    • Implementar un sitio WordPress totalmente funcional en un servidor remoto (hosting).
    • Aplicar presonalización a partir de un tema,(theme), desarrollado desde cero e instalación de plugins.

Curso V: Introducción a las aplicaciones móviles.

  • Unidad I: Introducción al desarrollo de aplicaciones móviles
    • Aplicaciónes nativas e híbridas, herramientas para el desarrollo de aplicaciones híbridas, ejemplos.
  • Unidad II: Crear una aplicación móvil
    • Instalar entorno de trabajo necesario para desarrollar aplicaciones móviles, crear un proyecto.
    • Utilizar componentes, (listas, form, input, alert, navegación y otros), añadir estilos, instalar plugins.
  • Unidad III: Empaquetado y distribución
    • Debbugin y ejecución de aplicación en dispositivos móviles (android / IOS).
    • Requisitos para la distribución en repositorios de aplicaciones Google play, app store.

Orientado

Este Diplomado esta dirigido a profesionales de las áreas del diseño, comunicación, web, marketing y tecnológica, tales como: Diseñadores, Periodistas, Publicistas, Comunicadores Audiovisuales, Artistas visuales y Productores gráficos a nivel nacional.

Requisitos de ingreso: 

  • Conocimientos en sistemas operativos Macos y/o Windows
  • Conocimientos de navegación en Internet
  • Conocimientos básicos de diseño
  • Conocimientos fundamentales sobre aplicaciones Adobe o Microsoft

Duración y Fechas

Duración

180 horas

Modalidad

Sincrónica

Fechas Matrícula

Fecha de Inicio: 06-10-2020
Fecha Fin: Por definir
A Nivel Nacional - Clases Martes - Jueves (19:00 a 21:30) y Sábados (9:00 a 11:30)

Sedes y horarios

Sede Educación Continua

Dirección: Miguel Claro 337, Providencia, Santiago.
Días y Horarios:

Lunes a viernes de 8:30 a 22:30 horas / Sábado de 8:30 a 13:30 horas

En caso de haber cuarentena en la comuna, la sede se encontrará cerrada.


Costos y Financiamiento

Costo

$ 1.340.600

Descuentos

  • 30% Titulados Duoc UC
  • Otros descuentos

Financiamiento

1.- Pago Electrónico 2._ Transferencia electrónica. 3._ Se debe enviar una 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: Introducción al diseño UX y prototipado web.

Curso II

Curso II: Desarrollo web responsivo con HTML5 y CSS3.

Curso III

Curso III: Desarrollo de interfaces interactivas con Bootstrap y jQuery.

Curso IV

Curso IV: Desarrollo web dinámico con PHP, Mysql y Wordpress.

Curso V

Curso V: Introducción a las aplicaciones móviles.

Para mayor información

Descargar malla

Otros programas que te pueden interesar