En este taller vamos a explicar de manera práctica el funcionamiento de herramientas que todo desarrollador frontend debe dominar, necesarias para la optimización de proyectos y la automatización de tareas.

Abordaremos diversas herramientas para optimización y automatización de tareas adaptables a todo tipo de proyectos, como scripts npm y Gulp. Configuraremos y usaremos plugins para la automatización de las tareas necesarias tanto en la etapa de desarrollo como en la etapa de despliegue: minimizado de Javascript, CSS, preprocesadores, optimización de ficheros gráficos, etc.. Al final del curso, integraremos todo lo anterior en un proyecto real, de modo que el estudiante sea capaz de llevar todo este conocimiento a la práctica y poder configurar por sí mismo un entorno de desarrollo a medida, realmente preparado para las necesidades de los proyectos más avanzados.

Objetivo

El objetivo de este curso es poner a disposición del estudiante las herramientas necesarias para que sea capaz de crear sus propios entornos de desarrollo frontend, perfectamente personalizados para adaptarse a las necesidades de cualquier proyecto. Mediante la automatización de tareas obtendrá la agilidad necesaria a la hora de desarrollar y desplegar aplicaciones. Sean cuales sean las condiciones o tecnologías de desarrollo, será capaz de crear su entorno profesional, de manera que tanto el código como los archivos producidos tengan las mejores condiciones de calidad y optimización. Al final del taller el estudiante tendrá los conocimientos necesarios para trabajar con las herramientas más utilizadas en el ecosistema web para la automatización y optimización de tareas y procesos frontend en el desarrollo de proyectos web.

Temario

El Frontend y sus herramientas (en abierto)

1.1. Entendiendo las necesidades del Front end actual

1.2.La terminal llego para quedarse... Git y Node.js también

1.3. Metalenguajes frontend

1.4. Gestores de tareas

1.5. Identificando tareas y procesos front end Clase

NPM Scripts vs Task Runners (Gulp)

2.1.Entendiendo el workflow de los scripts NPM

2.2.Entendiendo el worflow de los Task Runners (Gulp)

2.3.Sintaxis y creación de scripts NPM

2.4.Sintaxis y creación de tareas Gulp

2.5.Comparación y Análisis de workflows

2.6.Automatización de tareas

Automatización de Tareas

3.1. Tareas de Compilación

3.2.Tareas en Tiempo Real

3.3.Tareas de Publicación

Automatización y optimización de proyecto Frontend

4.1. Planificación de un template frontend

4.2. Creación de boilerplate de automatización para el proyecto

4.3. Desarrollo del proyecto

Automatización y optimización de proyecto Backend

5.1. Adaptando el template frontend a WordPress

5.2. Adaptando el boilerplate de automatización a WordPress

5.3. Desarrollo del proyecto en WordPress