Drupal Avanzado - Creación de temas

Drupal Avanzado - Creación de temas

Personaliza tus proyectos Drupal creando tus propios templates con Twig , CSS y Javascript

Drupal es el CMS preferido para proyectos poderosos y escalables, por eso empresas de la talla de NBA, Lamborghini, Nasdaq, La Casa Blanca, The Economist, entre otros, lo utilizan. En este curso aprenderemos a construir el frontend de nuestros sitios Drupal, creando temas personalizados con Twig, CSS y Javascript. Recuerda que los proyectos más valiosos y con mayor presupuesto (los que buscan las grandes empresas) son los personalizados, no los que descargan una plantilla de internet.

CSSJavascriptDrupalCMSHTML
Poster del curso
Avatar

Beto Quiroga

Drupal Avanzado - Creación de temas

Accede a todos los cursos, talleres y especialidades de EDteam

Accede de por vida a este curso

¿Qué aprenderás?

  • Comprender la sintaxis de Twig.
  • Comprender la estructura de templates Drupal.
  • Templates base y templates hijos.
  • Crear tu propio template base Drupal

¿Qué conocimientos necesitas?

Nivel

avanzado

+12 horas

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Introducción

  • 1.1 - Presentación03:23
  • 1.2 - ¿Qué es un Theme?06:25
  • 1.3 - ¿Qué tecnologías usarán nuestros themes?07:08
  • 1.4 - Herramientas necesarias06:45
  • 1.5 - Temas del nucleo de Drupal09:14
  • 1.6 - Temas base12:30
  • 1.7 - Temas contribuidos y descargados08:46
  • 1.8 - Estructura de un theme05:16
  • 1.9 - Instalar Drupal console06:37
  • 1.10 - Usando drupal console para descargar un tema09:07

Estructura de un theme

  • 2.1 - Crear un tema base14:48
  • 2.2 - Añadir librerías personalizadas16:10
  • 2.3 - Añadir librerias externas06:30
  • 2.4 - Declarar regiones11:30
  • 2.5 - Crear pagina de Layout inicial07:46
  • 2.6 - Introducción a Twig06:27
  • 2.7 - Crear un tema base con Drupal console09:28

TWIG

  • 3.1 - Definición e instalación de Twig06:15
  • 3.2 - Mi primera pagina con Twig09:10
  • 3.3 - Mi primera pagina con Twig y templates05:26
  • 3.4 - Sintaxis basica05:03
  • 3.5 - Impresion de elementos08:08
  • 3.6 - Condicionales, filtro e include15:19
  • 3.7 - Acercamiento a los templates07:38

Templates

  • 4.1 - Creación de un tema en 6 minutos09:37
  • 4.2 - Añadir templates al tema12:15
  • 4.3 - Sobreescribir templates HTML16:41
  • 4.4 - Sobreescribir Templates Page08:24
  • 4.5 - EDgrid theme10:09
  • 4.6 - Sobreescribir template Page-Contact13:19
  • 4.7 - Tarea para la clase07:26

Diseño Web

  • 5.1 - Bocetos09:14
  • 5.2 - Herramientas de Wireframe15:19
  • 5.3 - Componentes basicos de un Wireframe08:09
  • 5.4 - Crear un wireframe13:57
  • 5.5 - La relación de los Wireframes y los clientes07:57
  • 5.6 - Mockups12:46

CSS

  • 6.1 - Crear y configurar proyecto Drupal con Composer12:57
  • 6.2 - Crear un tema Drupal04:05
  • 6.3 - NPM y package json08:45
  • 6.4 - Dependencia Gulp y EDgrid11:24
  • 6.5 - Tareas automatizadas19:09
  • 6.6 - Manejo de errores en Gulp05:49
  • 6.7 - Como cargar iconos10:03

JS

  • 7.1 - Proyecto Drupal con EDgrid09:41
  • 7.2 - ES6 y Jquery15:13
  • 7.3 - Frameworks Javascript10:57
  • 7.4 - Agregar un Framework a nuestro proyecto10:44
  • 7.5 - Headless Drupal11:40
  • 7.6 - Uso de Headless Drupal09:47

Proyecto final

  • 8.1 - Mockup06:41
  • 8.2 - Instalar Drupal y modulos necesarios09:41
  • 8.3 - Creación del tema17:11
  • 8.4 - Automatización de tareas07:59
  • 8.5 - Estructura de bloques11:03
  • 8.6 - Vista de los posts07:01
  • 8.7 - Editar bloques laterales10:53
  • 8.8 - Footer y cambiar logo06:05
  • 8.9 - Templates con EDgrid09:36
  • 8.10 - Trabajar con SASS o CSS14:37
  • 8.11 - Tema completo07:24
  • 8.12 - Integración de Angular con Drupal16:06

ED taller Premium - Entorno de desarrollo en Windows

  • 9.1 EDtp - Entorno de desarrollo en Windows51:27

EDtaller Premium - Drupal REST API

  • EDtp - Drupal REST API01:05:35

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.