/dno037-2023-2

Diseño y Nuevos Medios, v17 | Optativo de Profundización | Diseño | Pontificia Universidad Católica de Chile

Primary LanguageHTML

Diseño y Nuevos Medios

Pontificia Universidad Católica de Chile

Diseño y Nuevos Medios (DNO037) es un Optativo de Profundización a cargo del profesor Felipe Alberto Cortez Orellana (FACO).

Descripción abreviada en 4 partes:

  • Conserva su nombre desde el año 2010, pero no conserva el mismo programa en su versión 17, ofrecida en segundo semestre de 2023.

  • Esta versión ofrece una introducción al desarrollo de Aplicaciones Web, por la vía del Front-end.

  • Introducción que exige la constante ejercitación y publicación de resultados en GitHub.

  • Al aprobar el optativo, cada estudiante podrá desarrollar, de manera autónoma, su primer sitio web profesional o prototipo avanzado de aplicación web.

Materiales de trabajo

Cada estudiante en este OPR debe disponer de:

  • cuenta personal en GitHub, para:

  • computador durante el horario de clases, con:

    • conexión a Internet

    • editor de código fuente (Sublime Text o Phoenix Code Editor)

    • navegador web (Chrome o Firefox; NO utilizaremos Safari). Es muy necesario que desactive los traductores en su navegador, porque la traducción automática (y forzada) al español puede complicar un trabajo que se hace, principalmente, en inglés. También es necesario que sepa como "Ver el código fuente de la página", inspeccionar elementos y abrir consola

Clase a clase

Miércoles en módulos 3 y 4, esto es entre 11:00 y 13:30 hrs.

Según Calendario de Actividades Académicas y Estudiantiles 2023, las clases del segundo semestre comienzan el día lunes 7 de agosto y finalizan el viernes 1 de diciembre.

Y se considera un receso de docencia bimestral, por el que se suspenden las clases entre lunes 2 y sábado 7 de octubre, con evaluaciones suspendidas hasta el martes 10 de octubre inclusive.

Considerando los días miércoles entre 9 de agosto y 29 de noviembre, resulta el siguiente clase a clase:

Clase 01 → 09/08/2023 → HTML5 + CSS3 + p5.js ✓

Clase 02 → 16/08/2023 → HTML5 + CSS3 + p5.js ✓

Clase 03 → 23/08/2023 → Evaluación Nº1 ✓

Clase 04 → 30/08/2023 → HTML5 + CSS3 + otras bibliotecas de JS (Semana Universitaria; durante esta semana no se efectuarán evaluaciones académicas) ✓

Clase 05 → 06/09/2023 → HTML5 + CSS3 + otras bibliotecas de JS ✓

Clase 06 → 13/09/2023 → HTML5 + CSS3 + JS sin bibliotecas ✓

Clase 07 → 20/09/2023 → HTML5 + CSS3 + JS sin bibliotecas ✓

Clase 08 → 27/09/2023 → Evaluación Nº2 ✓

Clase 09 → 04/10/2023 → Receso de docencia bimestral. Se suspenden las clases. Las evaluaciones académicas quedarán suspendidas entre el lunes 2 y el martes 10 de octubre inclusive. ✓

Clase 10 → 11/10/2023 → Bootstrap v5.3 ✓

Clase 11 → 18/10/2023 → Bootstrap v5.3 ✓

Clase 12 → 25/10/2023 → Evaluación Nº3 ✓

Clase 13 → 01/11/2023 → Día de Todos los Santos. Feriado legal ✓

Clase 14 → 08/11/2023 → Diseño y desarrollo ✓

Clase 15 → 15/11/2023 → Diseño y desarrollo ✓

Clase 16 → 22/11/2020 → Diseño y desarrollo ✓

Clase 17 → 29/11/2023 → Pre-evaluación Nº4 ✓

Clase 18 → 6/12/2023 → Evaluación Nº4

Cada clase se basará en modalidad de “aula invertida”; esto transfiere a cada estudiante la responsabilidad de adelantar la revisión de la "teoría" en el README.md de cada clase. Para que quede más claro, en los primeros README.md el título de Teoría es seguido por un paréntesis (para la casa). Si cada estudiante revisa esta "teoría para la casa", las clases de los miércoles podrán basarse en una práctica que organizará su comprensión, atendiendo a dudas puntuales.

Esta modalidad NO aplica en:

Nota final

25% → puntos acumulados entre clases 1 y 2 + puntaje obtenido en evaluación Nº1 (Clase 03)

25% → puntos acumulados entre clases 5, 6 y 7 + puntaje obtenido en evaluación Nº2 (Clase 08)

25% → puntos acumulados entre clases 10 y 11 + puntaje obtenido en evaluación Nº3 (Clase 12)

25% → puntos acumulados entre clases 14 y 15 + puntaje obtenido en evaluación Nº4 (Clases 17 y Clase 18)

Al aprobar el optativo, cada estudiante podrá desarrollar, de manera autónoma, su primer sitio web profesional o prototipo avanzado de aplicación web.

Referencias bibliográficas

O'Reilly ofrece un par de colecciones que podrían servir de referencia: "The Good Parts" y "Pocket Reference". En el desarrollo del Optativo, podrían consultar:

  • Crockford, D. (2008). JavaScript: The Good Parts: Unearthing the Excellence in JavaScript
  • Meyer, E.A. (2018). CSS Pocket Reference: Visual Presentation for the Web
  • Robbins, J.N. (2013). HTML5 Pocket Reference: Quick, Comprehensive, Indispensable

A Book Apart también les puede ser útil. Su colección recomendada para el Optativo es "…for web designers":

  • Marquis, M. (2016). Javascript for web designers
  • Cederholm, D. (2014) CSS3 for web designers
  • Keith, J. & Andrew, R. (2010). HTML5 for web designers

Referencias en línea

Se agregarán más referencias en el README.md de cada clase.