Diseño y Desarrollo Web 3.0

Streaming 5 meses

---

El curso Diseño y Desarrollo Web 3.0 está pensado para todas las personas que quieran introducirse al mundo del diseño y desarrollo digital sin tener conocimientos previos. De esta forma, se busca entender el funcionamiento de un sitio web desde sus cimientos de forma profesional y con los requisitos que el mercado actual demanda.

Nos introduciremos en la etapa del diseño y planificación de un sitio utilizando como herramienta Figma, en conexión con los recursos más nuevos que podemos encontrar actualmente en la red, tales como Google font, Font awesome, Material Icon y muchos más.

En cuanto a código, aprenderás a escribir desde cero tanto en HTML5 como en CSS3 de forma ágil, incorporando recursos más avanzados tales como pre-procesadores de CSS y estructuras de control en Javascript.

El curso cuenta con dos módulos, el primero de 3 meses de duración, donde el grupo completo va a trabajar en las dos áreas: diseño y programación.

Una vez finalizado este módulo el alumno deberá optar por una de las dos orientaciones. Profundizar más en el área de diseño o seguir por el camino de la programación, llevando el entendimiento de los lenguajes a un nivel superior.

La decisión de qué orientación seguirá, la tomará antes de comenzar el segundo módulo.

Todos estos elementos serán vinculados y llevados a la práctica de forma real, con clases prácticas semanales. Es importante destacar que este curso se dicta de forma Streaming.

El alumno necesitará una computadora, cámara, micrófono y conexión a internet.

TEMARIO

Módulo Introductorio
HTML-CSS / Diseño de Interfaz de Usuario UI

– El futuro y el presente de la web
– Compatibilidad de los navegadores
– HTML5 en la web móvil
– HTML5 en iPhone, Android y iPad
– Artículos, secciones, cabeceras
– Formulario
– Nuevos estilos y diseño en CSS3
– Diseño Responsivo
– Flexbox
– Qué hace un Diseñador de interfaces
– Introducción a las herramientas de trabajo (Figma)
– Conceptos básicos de diseño
– Formas / Textos / Imágenes / Máscaras / Iconografías
– Comportamiento de elementos / Alineación
– Formatos de salida
– Taller: ¿Cómo dejar mi sitio online?

Módulo Desarrollo Proyecto Final

Orientación Programación – HTML-CSS / SASS / JS / Vue.js CDN
Orientación Diseño – UI Avanzado / Design System / UX

– Animación, transiciones y efectos
– Grid
– Diseño de una aplicación web
– Audio / Video
– Introducción a preprocesadores de css: SASS
– JS Básico: estructuras de control y manejo de eventos
– Diseño de wireframes
– Atomic Design
– Styleguide
– Gestión de estilos
– Creación de componentes
– Variantes de componentes
– Prototipado
– Plugins
– Sprites