Frontend Drupal 10/11 Beginners

Frontend Drupal 10/11 Beginners

Contenido del curso

Módulo 1 - Entorno local de trabajo

     Cap. 1 - Subsistema Linux en Windows (WSL2)
     Cap. 2 - Configuración de Docker Desktop
     Cap. 3 - Primeras configuración del entorno local
     Cap. 4 - Composer Introducción
     Cap. 5 - Docker4Drupal, Instalación y primeros pasos.
     Cap. 6 - Entorno local, primeros pasos
     Cap. 7 - Adminer, gestor de base de datos
     Cap. 8 - Contenedores Docker, introducción (Parte 1)
     Cap. 9 - Php desde contenedores Docker
     Cap. 10 - Descargando código base de Drupal 10
     Cap. 11 - Instalación Drupal 10 (Parte 1)
     Cap. 12 - Instalación Drupal (Parte 2)
     Cap. 13 - Instalación Drupal 10 (Parte 3)
     Cap. 14 - Drush, Primeros pasos
     Cap. 15 - Explorando settings.php y settings.local.php
     Cap. 16 - Sistema de archivos en Drupal 10
     Cap. 17 - Control de versiones con Git
     Cap. 18 - Gestionar configuraciones en Drupal 10
     Cap. 20 - Proyectos Drupal Headless
     Cap. 20 - Preprocesadores y automatización
     Cap. 21 - Entorno local con Lando
     Cap. 22 - Instalación Drupal 11 con Lando (Parte 1)
     Cap. 23 - Instalación Drupal 11 con Lando (Parte 2)
     Cap. 24 - Entorno local con Ddev
     Cap. 25 - Instalación Drupal 11 con Ddev

Módulo 2 - Configuración del proyecto

     Cap. 1 - Módulos y Themes (Introducción)
     Cap. 2 - Gestionar módulos desde la consola
     Cap. 3 - Gestionar módulos utilizando la interfaz
     Cap. 4 - Trabajar con tipos de contenido (Parte 1)
     Cap. 5 - Trabajar con tipos de contenido (Parte 2)
     Cap. 6 - Trabajar con tipos de contenido (Parte 3)
     Cap. 7 - Modo de Visualización de contenidos
     Cap. 8 - Body o cuerpo del contenido (Valor Predeterminado)
     Cap. 9 - Campos personalizados (Parte 1)
     Cap. 10 - Campos personalizados (Parte 2)
     Cap. 11 - Campos personalizados (Parte 3)
     Cap. 12 - Campos tipo referencia
     Cap. 13 - Campo Lista de selección
     Cap. 14 - Campo tipo fecha
     Cap. 15 - Campo subida de archivo
     Cap. 16 - Campo correo electrónico (Parte 1)
     Cap. 17 - Campo correo electrónico (Parte 2)
     Cap. 18 - Campo correo electrónico (Parte 3)
     Cap. 19 - Campo Número
     Cap. 20 - Campo Booleano

Módulo 3 - Themes y Plantillas

     Cap. 1 - Themes en Drupal
     Cap. 2 - Estilos CSS usando la interfaz
     Cap. 3 - Bloques incluidos en Drupal
     Cap. 4 - Themes contribuidos (Parte 1)
     Cap. 5 - Themes contribuidos (Parte2)
     Cap. 6 - Theme personalizado (Parte 1)
     Cap. 7 - Theme personalizado (Parte 2)
     Cap. 8 - Views Bootstrap
     Cap. 9 - Estructura de archivos en un Theme
     Cap. 10 - Tipografías usando la interfaz (Parte 1)
     Cap. 11 - Tipografías usando la interfaz (Parte 2)
     Cap. 12 - Botones, enlaces y estilos css (Parte 1)
     Cap. 13 - Botones, enlaces y estilos css (Parte 2)
     Cap. 14 - Botones, enlaces y estilos css (Parte 3)
     Cap. 15 - Añadir animaciones desde interfaz
     Cap. 16 - Trabajar con plantillas twig (Parte 1)
     Cap. 17 - Trabajar con plantillas twig (Parte 2)
     Cap. 18 - Filtros en Twig
     Cap. 19 - Inspección de variables en plantillas Twig

Módulo 4 - Programación, twig y vistas

     Cap. 1 - Personalizar vista tipo campos (Parte 1)
     Cap. 2 - Personalizar vista tipo campos (Parte 2)
     Cap. 3 - Personalizar vista tipo campos (Parte 3)
     Cap. 4 - Plantillas Modos de Vista (Parte 1)
     Cap. 5 - Plantillas Modos de Vista (Parte 2)
     Cap. 6 - Campos y variables en Twig (Parte 1)
     Cap. 7 - Campos y variables en Twig (Parte 2)
     Cap. 8 - Aplicando Bootstrap en Twig (Parte 1)
     Cap. 9 - Aplicando Bootstrap en Twig (Parte 2)
     Cap. 10 - Aplicando Bootstrap en Twig (Parte 3)

Módulo 5 - Single Component Directory (SDC)

     Cap. 1 - Componentes
     Cap. 2 - Generar theme usando la consola
     Cap. 3 - Crear primer componente (Parte 1)
     Cap. 4 - Atomic Design | ¿Qué es el Diseño Atómico?
     Cap. 5 ¿Qué es BEM y cómo utilizarlo en CSS?
     Cap. 6 - Uso del nuevo componente de directorio único
     Cap. 7 - Props y Slots en SDC
     Cap. 8 - Generar componentes SDC desde la consola
 

Módulo 6 - GraphQL y Drupal 11

     Cap. 1 - GraphQl conceptos básicos
     Cap. 2 - Servidor Graphql local con Lando (Parte 1)
     Cap. 3 - Servidor Graphql local con Lando (Parte 2)
     Cap. 4 - Contenidos de prueba con Devel Generate
     Cap. 5 - GraphQL en Drupal (Parte 1)
     Cap. 6 - GraphQL en Drupal (Parte 2)

Módulo 7 - Gatsby y Drupal 11

     Cap. 1 - Gatsby | Conceptos básicos (Parte 1)
     Cap. 2 - Gatsby | Conceptos básicos (Parte 2)
     Cap. 3 - Gatsby-Starter con Lando
     Cap. 4 - Headless Gatsby-Drupal (Parte 1)
     Cap. 5 - Headless Gatsby-Drupal (Parte 2)
     Cap. 6 - Headless Gatsby-Drupal (Parte 3)
     Cap. 7 - Headless Gatsby-Drupal (Parte 4)
     Cap. 8 - Headless Gatsby-Drupal (Parte 5)
 

Móldulo 8 - Headless Drupal con Nuxt 3

     Cap. 1 - Nuxt3 | Instalación con Lando
     Cap. 2 - Nuxt3 | Estructura de archivos
     Cap. 3 - Nuxt3 | Páginas y rutas
     Cap. 4 - Nuxt3 | Listados y componentes
     Cap. 5 - Nuxt 3 | Navegación y enlaces
     Cap. 6 - Nuxt 3 | Layouts
     Cap. 7 - Nuxt 3 | Tailwind.css
     Cap. 8 - Nuxt 3 | Extracción de datos externos (Parte 1)
     Cap. 9 - Nuxt 3 | Extracción de datos externos (Parte 2)
     Cap. 10 - Nuxt 3 | Extracción de datos externos (Parte 3)
     Cap. 11 - Nuxt 3 | Páginas de error
     Cap. 12 - Nuxt 3 | Metadata y useHead
     Cap. 13 - Nuxt 3 | Conexión entre Drupal y Nuxt 3

Móldulo 9 - Headless Drupal con Next.js

      Cap. 1 - Next.js | Instalación con Lando
     Cap. 2 - Next.js | Estructura de archivos