Seguimiento de clases

El martes es el checkpoint, el jueves tenemos:

• 08 - Reutilizacion. BEM. Video de Reutilización - BEM - Youtube

• 10 - Media Queries. Selectores avanzados. Video Media Queries - Youtube

• 11 - Accesibilidad. Video en proceso.

BONUS:

• 07 - Flexbox vs. Grid. Video recomendado en Youtube que explica cuándo conviene Grid y cuándo Flexbox.

• 12 - Transiciones y Animaciones. Video de clase: Transiciones y animaciones.

El martes

• será la presentación oficial del TP

• 05 - Display Flexbox - Video de Display Flex - Youtube

El jueves veremos:

• 04 - Medidas espaciales: em, rem, px - Video de medidas relativas y absolutas - Youtube

• 09- Variables - Custom properties en CSS. - Video de Variables en CSS - Youtube

• 06 - Display Grid - Video de Display Grid - Youtube

• 07 - Flexbox vs. Grid - Video recomendado

El martes será la presentación oficial de la materia:

Anotate en la lista

• Unidad 1: Introducción a las interfaces de usuario.

  • Definiciones Iniciales sobre interfaces de usuario

  • Clasificación

  • Integración de la UI en una arquitectura de un sistema de software

  • Elementos a tener en cuenta al programar una UI

• Unidad 2 Desarrollo Web Estático.

  • Introducción a la arquitectura web. HTML. Introducción básica a CSS.

• Diapositivas

  • Diapositivas Introducción a Interfaces de Usuario

  • Diapositivas Arquitectura Web

• Videos de clase

  • Intro a Algo3. HCI.

  • Arquitectura Web

Los temas para ver en la clase del jueves serán:

• 01-Especificidad - Video de especificidad - Youtube

• 02-Box Model - Video de Box Model - Youtube

• 03 - Elementos de línea y de bloque. Position. Z-Index. - Video de Display inline vs. block. Position - Youtube

• Si querés podés ver cómo generar un proyecto web desde cero, y cómo importar fuentes de Google (Video youtube)

BONUS: Ejemplo de Maquetado Web, para leer en casa:

• Paso 0: introducción. Presentación del contenido de la página.

• Paso 1: Elección de la tipografía.

• Paso 2: Elección de la paleta de colores.

• Paso 3: Manejo espacial de la página.

• Paso 4: Refactorización del contenido y de los estilos.

• Clases 2021

• Clases 2020

• Clases 2019

• Clases 2018

• Clases 2017