Introducción al desarrollo web desde el diseño (DNO096) es un Optativo de Profundización a cargo del profesor Felipe Alberto Cortez Orellana (FACO).
En el curso Introducción al desarrollo web desde el diseño, el estudiantado se aproximará a la descripción y programación de la cara visible de sitios y aplicaciones web.
Por medio de una introducción práctico-teórica al dominio de HTML, CSS y JavaScript, cada estudiante podrá desarrollar, de manera autónoma, su primer sitio web profesional o prototipo avanzado de aplicación web.
Para ello, se utilizarán metodologías como clase invertida, aprendizaje basado en proyectos y simulaciones.
Los aprendizajes serán evaluados por medio de talleres de aplicación y un proyecto final.
Cada estudiante en este OPR debe disponer de:
-
cuenta personal en GitHub, para:
-
crear un repositorio por cada clase
-
activar GitHub Pages en cada repositorio creado
-
-
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
-
Según Calendario de Actividades Académicas y Estudiantiles 2024, las clases del segundo semestre del año 2024 comienzan el día lunes 5 de agosto y finalizan el viernes 29 de noviembre. Los exámenes de cursos mínimos y optativos están programados entre lunes 2 y viernes 6 de diciembre.
Nuestro horario de clases: Miércoles en módulos 3 y 4, esto es entre 11:00 y 13:30 hrs. (sala 201)
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 vinculada a continuación. 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:
Clase 01 → 07/08/2024 → Conociendo dos lenguajes y una biblioteca: HTML5, CSS3 y p5.js ✓
Clase 02 → 14/08/2024 → Comprendiendo dos lenguajes y una biblioteca: HTML5, CSS3 y p5.js ✓
Clase 03 → 21/08/2024 → Evaluación Nº1 ✓
Clase 04 → 28/08/2024 → Conociendo y comprendiendo otras bibliotecas de JS (Semana Universitaria; durante esta semana no se efectuarán evaluaciones académicas) ✓
Clase 05 → 04/09/2024 → Aplicando HTML5, CSS3 y otras bibliotecas de JS ✓
Clase 06 → 11/09/2024 → Aplicando HTML5, CSS3 y JS sin bibliotecas ✓
Clase 07 → 18/09/2024 → Receso de docencia bimestral (Se suspenden las clases; las evaluaciones académicas quedarán suspendidas entre el lunes 16 y el lunes 23 de septiembre) ✓
Clase 08 → 25/09/2024 → Aplicando HTML5, CSS3 y JS sin bibliotecas ✓
Clase 09 → 02/10/2023 → Evaluación Nº2 (lunes 7 de octubre es el último día para retiro voluntario de cursos)
Clase 10 → 09/10/2024 → Conociendo Bootstrap v5.3 ✓
Clase 11 → 16/10/2024 → Comprendiendo Bootstrap v5.3 ✓
Clase 12 → 23/10/2024 → Aplicando Bootstrap v5.3 ✓
Clase 13 → 30/10/2023 → Evaluación Nº3 ✓
Clase 14 → 06/11/2024 → Diseño y desarrollo de su primer sitio web profesional o prototipo avanzado de aplicación web. ✓
Clase 15 → 13/11/2024 → Diseño y desarrollo de su primer sitio web profesional o prototipo avanzado de aplicación web. ✓
Clase 16 → 20/11/2020 → Diseño y desarrollo de su primer sitio web profesional o prototipo avanzado de aplicación web.
Clase 17 → 27/11/2024 → Pre-evaluación Nº4
Clase 18 → 4/12/2024 → Evaluación Nº4
La relación de pre-evaluación y evaluación es similar a la relación de entrega y repechaje; en caso no haya necesidad de repechaje, la evaluación (clase 18) será la misma que la pre-evaluación (clase 17).
25% → puntos acumulados como punto base + puntaje obtenido en evaluación Nº1
25% → puntos acumulados como punto base + puntaje obtenido en evaluación Nº2
25% → puntos acumulados como punto base + puntaje obtenido en evaluación Nº3
25% → puntos acumulados como punto base + puntaje obtenido en evaluación Nº4
Al aprobar el optativo, cada estudiante podrá desarrollar, de manera autónoma, su primer sitio web profesional o prototipo avanzado de aplicación web.
Mínimas:
- McCarthy, L., Reas, C., & Fry, B. (2018). Introducción a p5.js. Processing Foundation.
- Meyer, E. A. (2018). CSS pocket reference: Visual presentation for the web (5th ed.). O’Reilly Media.
- Robbins, J. N. (2013). HTML5 Pocket Reference (5th ed.). O’Reilly Media.
Complementaria
- Duckett, J. (2014). HTML & CSS. Design and build websites. John Wiley & Sons.
- Flanagan, D. (2020). JavaScript: The Definitive Guide (7th ed.). O’Reilly Media.
- JavaScript Para Gatos
- Tecnología para desarrolladores web | MDN
- The Coding Train > Tracks > Code! Programming with p5.js
- The Coding Train > Tracks > p5 Tips & Tricks
- The Coding Train > Tracks > Topics in Native JavaScript
Se agregarán más referencias en el README.md de cada clase.