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
-
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 2024, las clases del segundo semestre del año 2024 comienzan el día lunes 7 de agosto y finalizan el viernes 29 de noviembre.
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.
25% → puntos acumulados + puntaje obtenido en evaluación Nº1
25% → puntos acumulados + puntaje obtenido en evaluación Nº2
25% → puntos acumulados + puntaje obtenido en evaluación Nº3
25% → puntos acumulados + 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.