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

HTML5
Desarrollo de layouts responsive en HTML5
Semántica web: Artículos, secciones, cabeceras, texto alternativo, aria-hidden, etc.
Formularios
Audio / Video
Maquetación escalable y modular
JS Básico: estructuras de control y manejo de eventos

CSS3 I
Aplicación de estilos en CSS3
Diseño Responsivo
Flexbox
Media queries

Figma I
Introducción a Figma
Conceptos básicos de diseño
Formas / Textos / Imágenes / Máscaras / Iconografías
Comportamiento de elementos / Alineación
Formatos de salida
Diseño y desarrollo de interfaces de usuario en Figma y HTML5/CSS3

CSS3 II
Uso de Variables en CSS3
Animaciones, transiciones y efectos
Scrolls
Filters
Grid
Modos de Color
Blend Mode
Content Visibility
Aspect Ratio
Introducción a preprocesadores de css: SASS

Figma II
Diseño de wireframes
Styleguides
Gestión de estilos
Creación de componentes
Variantes de componentes
Prototipado
Plugins
Sprites
Recursos gráficos

Diseño y Desarrollo de una aplicación web en Figma/HTML5/SASS