DWeC - Desarrollo Web en Entorno Cliente

Estos son los apuntes de DWEC que se imparte en el segundo curso del ciclo DAW - Técnico Superior en Desarrollo de Aplicaciones Web.

El currículum MP0612 - Desenvolvemento Web en Contorno Cliente (DWEC) define una duración de 157h y 9 ECTS. Trato de organizar los contenidos como si fueran 8 cursos independientes, de entre 20 y 30 horas de esfuerzo (sí, salen más de 157h).

¿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

En el curso 2022/2023 trabajamos los siguientes temas (el último opcional):

• 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

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:

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.

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

4. Cursos de Manz : HTML , CSS , Javascript

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

---