Introducción

Web I

2025

​

Objetivos de la Materia

• Comprender la forma de funcionamiento de las páginas y aplicaciones web en un navegador.
• Aprender tecnologías actuales para el desarrollo de páginas y aplicaciones web.
• Aprender el valor del trabajo en equipo.

Cátedra - TANDIL

​

• Hugo J. Curti
• Paula Tristan
• Javier Romero
• Franco Stramana
• Matias Presso
• Alejandro Perez
• Haydeé Heded
• Fabricio Defelippe
• Agustín Meliendrez
• Martín Massimo
• Javier López Ferreira
• Patricio Tomé

​

​

• Gastón Montaruli
• Juan Mauro
• José Ignacio Guidi

​

Tarea: Inscripción (Pendiente)

Próximamente Completar el formulario de inscripción para comisiones:

Llegará anuncio de moodle

​

​

​

​

ES OBLIGATORIO ESTAR EN UNA COMISION Y SABER CUAL

Tandil - Horarios

Teórico-prácticas

• Jueves de 18 a 21 Hs
• Comisión A - Aula 1 Pab I: Javier Romero
• Comisión B - Aula 3 Pab I: Franco Stramana
• Comisión C - Aula 7 Pab III: Matias Presso

​

​

Tandil - Horarios

Prácticas

Para las clases prácticas de los días Viernes, a su vez vamos a armar grupos más pequeños asignados a una franja de dos (2) horas entre las 13:00 y 21:00 hs

​

​

PROXIMAMENTE se anunciará donde inscribirse para las comisiones prácticas.

​

13.00 - 15.00 hs.

15.00 - 17.00 hs.

17.00 - 19.00 hs.

19.00 - 21.00 hs.

​

Planillas

​

1. Planilla General de Cátedra con Cronograma y Horarios Comisiones

Link:

https://docs.google.com/spreadsheets/d/1wzNbB5aHNZtt9FI2Ua6GOXtZAHrylQDuYMwtwTcedcs

​

Nota: La información de la planilla es tentativa pueden existir variaciones

​

Planilla General, aquí se ve la planificación de los temas y qué dia es presencial o virtual y cual es el aula o sala virtual que le toca a cada comisión. Aun en definición.

​

​

​

​

​

​

​

​

​

​

Planillas

​

2. Planilla de Comisiones: Notas, Grupos TPE

Grupo A:

A definir

​

Grupo B:

A definir

​

Grupo C:

A definir

​

Los links van a estra disponible para acceder desde Moodle

​

​

​

​

​

​

​

​

​

Planillas en Moodle

Moodle

Todas las sedes 2024 - 1° Cuatrimestre

https://moodle.exa.unicen.edu.ar/course/view.php?id=1080

​

​

​

Página de la Materia

Página de la Materia

https://sites.google.com/alumnos.exa.unicen.edu.ar/tudai1c1/web-1

​

https://sites.google.com/alumnos.exa.unicen.edu.ar/tudai1c1/web-1/material

​

​

​

​

​

​

​

​

​

​

Acceso Páginas Carrera

https://sites.google.com/alumnos.exa.unicen.edu.ar/tudai1c1/resumen

​

​

Este año la comunicación va a ser mayormente via Moodle

Resumen

¿Qué vamos a hacer?

• Web 1 - Front End
• Tecnologías
• HTML y CSS
• Javascript
• Ajax y asincronismos
• Web 2 - Back End
• Tecnologías
• PHP
• API REST
• Bases de datos��

Metodologia

Auto aprendizaje

Estructuras horizontales

Aprendizaje pragmático

Aprendizaje grupal

Aprendizaje Invertido

Aprendizaje Invertido

El centro de la clase son uds haciendo preguntas y profundizando, no nosotros repitiendo lo mismo cada año

Videos con temas semanales:

• Completos
• Grabados
• Ejercicios para que comiencen a resolver

¿Qué vamos a hacer?

• Clases Teórico + Prácticas
• Clases Prácticas
• Trabajo especial
• Examen Presencial

​

No se toma asistencia en ninguna de las clases

​

Clases Teórico-Prácticas

• Se dan por visto los videos del tema semanal
• Se puede hacer un repaso del tema, un ejemplo integrador o similar. Se resuelven dudas generales y se aclaran estas cuestiones
• Se presentan los TP especiales de la materia
• Se responden las dudas que vayan surgiendo

​

​

Clases Prácticas

• Trabajan ustedes
• Prácticos y trabajo especial
• Se resuelven algunos ejercicios de los prácticos si hay dudas generales
• Consultan
• Grupos más reducidos (comisiones)

​

​

​

​

​

​

​

​

​

Trabajo Práctico Especial

• Hacer una página web

​

​

​

​

​

​

​

​

​

Trabajo Práctico Especial - Web

Tema: Definido por ustedes

Alcance de la web: Consigna de TP, requisitos mínimos de la página (Consultar a los docentes cuando excede consigna)

Grupos: 2 personas, los arman ustedes

Cantidad de entregas: 2 entregas (aun a definir) + 1 Defensa Final. La Nota de la defensa es Individual.

​

Para aprobar:

• Presentación en tiempo y forma.
• Cumplir con los requisitos acordados.
• Contenido de la web acorde al tema.
• Defensa que demuestre que han trabajado en todos los temas.

​

​

​

Queda una única nota del TPE.

¿Cómo se aprueba/promociona?

• Para aprobar cursada (regularizar)
• Parcial/Recuperatorio/Prefinal: 4 o más.
• Práctico especial y Defensa: 4 o más
• Se debe rendir luego Final en fechas para ese propósito

​

• Para Promocionar (Requisitos 1 y 2)

1. Parcial o Rec: 7 o más. (No se promociona en Prefinal)

2.Prácticos especiales con Defensa: 7 o más

​

• Nota final de la materia:
• Es el promedio del examen y el TPE con defensa
• Los exámenes son presenciales

¿Qué software vamos a usar?

• Navegador Web
• Chrome
• Entorno de desarrollo
• VS Code - code.visualstudio.com (Recomendado)
• Atom.io - atom.io
• Notepad ++ - notepad-plus-plus.org
• Sublime Text 3, https://www.sublimetext.com/3
• Brackets [] - brackets.io

​

Comunicación

• Moodle

https://moodle.exa.unicen.edu.ar/course/view.php?id=1080

�

​

​

​

​

​

​

• Página web de TUDAI

https://sites.google.com/alumnos.exa.unicen.edu.ar/tudai1c1/web-1

​

​

​

​

​

​

��

ChangeLog

• 2023
• Jerarquización Cátedra, organización
• Mejoras en Moodle
• Video presentación guia estudio y contenidos de la Web

​

• 2022
• Vuelta presencial
• Aulas hibridas, remoto + presencial
• Múltiples comisiones

​

• 2021
• Moodle para centralizar comunicación
• Ajustes en orden de temas dentro de Javascript
• Clases grabadas de 0 para todos los temas
• 2020
• Más Moodle, lecciones en Moodle para algunos temas
• Flexbox de entrada
• Google Meet (edición cuarentena)

​

• 2019
• Moodle - Mejoras en comunicación
• Más práctica en clase
• Mejorar Material

​

• 2018
• Reordenar para adelantar Javascript
• Mejorar material y API
• Actualizar fetch, Bootstrap, y layouts modernos
• 2017
• Agregado GApps
• Mejorar material y API
• Actualizar a ES6
• 2016
• Reordenar para adelantar algo de Javascript
• Mejorar material
• 2015
• Primer dictado de la materia

Recomendaciones

• Hagan los prácticos
• Trabajen en las clases y en sus casas
• No dejarse estar con el TPE
• Ayúdense entre ustedes
• Los docentes no tenemos todas las respuestas, solamente más experiencia
• Vengan a clases
• Pregunten, Pregunten, Pregunten…
• Googleen, googleen, googleen!
• A los profes (todo el tiempo)

�