DWeC - Desarrollo Web en Entorno Cliente

Estos son los apuntes de DWEC (Desarrollo Cliente) que se imparte en el segundo año.

• Curriculum: MP0612 - Desenvolvemento Web en Contorno Cliente (DWEC)

• Ciclo: DAW - Técnico Superior en Desarrollo de Aplicaciones Web

El currículum define una duración del módulo de 157 horas y 9 ECTS (entre 180 y 270 horas de esfuerzo máximo). Suelen ser unas 9 horas/semana de clase.

¿Qué voy a aprender?

Se trabaja toda la parte cliente de una aplicación web, en concreto:

1. A analizar la interfaz cliente

2. A desarrollar la interfaz cliente

3. A conectar los diferentes componentes

Unidades Didácticas y Sesiones de Clase

• 1. Cliente Web (y herramientas)
  • 1.1. El Cliente HTTP (navegadores)
  • 1.2. El Cliente HTTP (rastreadores web)
  • 1.3. El Mensaje HTTP
  • 1.4. Herramientas de desarrollo
  • 1.5. Los elementos de una página
  • 1.6. Los estilos del documento
  • 1.7. La Consola JS
  • 1.8. Recursos de la Página
• 2. El Lenguaje javascript (básico)
  • 2.1. El lenguaje Javascript
  • 2.2. Variables, Datos y Operadores
  • 2.3. Estructuras de Control y Repetición
  • 2.4. Programación Modular (Funciones)
  • 2.5. Cadenas de Caracteres (Strings)
  • 2.6. Arrays
  • 2.7. Ejemplos de Funciones
  • 2.8. Uso de regexp
• 3. Páginas Dinámicas con JS
  • 3.1. Programación Orientada a Objetos
  • 3.2. Objetos en JS (lo básico)
  • 3.3. Web API DOM
  • 3.4. ¿Qué puedo hacer con el DOM?
  • 3.5. Una página dinámica (con JS)
  • 3.6. Eventos
  • 3.7. Formularios en JS
  • 3.8. Consideraciones Finales
• 4. Programacion Asíncrona con AJAX
  • 4.1. Qué es AJAX
  • 4.2. Primeros pasos con AJAX
  • 4.3. El Objeto XMLHttpRequest (XHR)
  • 4.4. AJAX con CSV
  • 4.5. AJAX con JSON
  • 4.6. AJAX con XML
  • 4.7. AJAX con PHP (por ejemplo)
  • 4.8. Ventajas e Inconvenientes
• 5. Programación Funcional y Asíncrona en JS
  • 5.1. Introducción a la programación Funcional
  • 5.2. Funciones Flecha (arrow functions)
  • 5.3. Callbacks (funciones llamadas dentro de funciones)
  • 5.4. Funciones Map, Reduce, Filter
  • 5.5. Asincronía en JS ( Event Loop )
  • 5.6. Promesas
  • 5.7. Agrupar Promesas
  • 5.8. AJAX moderno: El API Fetch
• 6. Web APIs
  • 6.1. Manipulación de Documentos
  • 6.2. Eventos
  • 6.3. Datos sobre la navegación
  • 6.4. Datos sobre el navegador y el sistema
  • 6.5. Cookies en Javascript
  • 6.6. Web Storage API
  • 6.7. Geolocalización
  • 6.8. Almacenamiento y Geolocalización
• 7. APIS Externas con JS
  • 7.1. Consumir API REST
  • 7.2. Integración de Varias APIS
  • 7.3. API de Imágenes
  • 7.4. Implementando el API de Imágenes
  • 7.5. APIs de Autenticación
  • 7.6. Implementando OAuth 2.0
  • 7.7. Entendiendo el API de Youtube
  • 7.8. Implementando el API de Youtube
• 8. Librerias y Frameworks JS
  • 8.1. Utilidad de las librerías JS
  • 8.2. Bibliotecas JS
  • 8.3. Librería de Geolocalización
  • 8.4. Leaflet Quick Start Guide
  • 8.5. El Framework React
  • 8.6. Describir la Interfaz
  • 8.7. Programando la Interfaz
  • 8.8. Agregando Interactividad

El nivel de complejidad del material depende mucho de las competencias del grupo y se profundiza según el nivel previo (programación y JS).

Apuntes actualizados

En el curso 2023/2024 no estoy dando clase pero el material está bastante actualizado.

Evaluación

Siguiendo mi Estrategia de evaluación la ponderación será:

1. 45%. Sobre al menos 8 exámenes tipo test de contenido tanto teórico como práctico

2. 45%. Sobre al menos 8 exámenes con ejercicios prácticos

3. 10%. Sobre el trabajo general en el módulo

Material de Referencia

Hay excelentes materiales en Internet y recursos de profesores para los ciclos de informática. Voy actualizando enlaces a varios de ellos que enlazo habitualmente en cada uno de los temas:

1. Material de Referencia general:

   1. MDN developing Network : HTML (y formularios ), CSS , Javascript, SVG, Accesibilidad

   2. W3Schools : HTML, CSS, Javascript, How To (bloques de código y maquetación) y librerías.

2. Cursos de Manz :

   1. HTML

   2. CSS

   3. Javascript

3. Material muy bueno, más centrado en FP:Aitor Medrano y Laura Folgado

4. DevDocs : documentación con todo lo necesario (y personalizable)

---