Diseño y Desarrollo Web 3.0
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
Los contenidos previstos están sujetos a posibles cambios o ajustes que el área académica considere pertinentes para el normal desarrollo de los cursos o la actualización de los mismos. La conformación de los cursos, en los horarios y grupos ofrecidos, está sujeta a un nivel mínimo de inscripciones que habiliten su funcionamiento.
