Logo de Aulaideal

Curso avanzado de Gantry 5

DESCRIPCIÓN DEL CURSO DE GANTRY

Aprende a construir sitios web profesionales usando el Framework para Joomla más potente del mundo: Gantry 5.

Gantry nos ofrece una gran cantidad de opciones que nos  permite, lograr el más alto nivel de personalización, nunca antes han visto por los amantes de Joomla.

Gantry nos permite construir desde diseños sencillos, hasta complejas estructuras(Layout) sin tener conocimientos de programación:SIN PROGRAMAR, SIN CODIFICAR,  SOLO ARRASTRAR Y SOLTAR.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO DE GANTRY?

Empezamos el curso con la instalación de Joomla y Gantry. Luego seguimos con los primeros ajustes  necesarios dentro de Gantry, configuramos el diseño de la página inicial y el diseño de las páginas internas, al mismo tiempo añadimos estilos personalizados usando CSS.

A continuación analizamos uno de los conceptos propios de Gantry “Las Partículas” que en realidad son piezas de contenido que se pueden configurar en el administrador de Gantry, muy similar a los módulos de Joomla, pero con  características propias. Partículas como “Custom HTML”, “Logo”, “Fecha”, “Social” y “Contenido de ejemplo” mejorarán nuestro flujo de trabajo.

curso de gantry

Las “Partículas” pueden hacer todo tipo de cosas, desde insertar un pequeño bloque de código HTML o tener un bloque de información detallada, con imágenes, enlaces, texto, etc.

Luego veremos uno de las Joyas de Gantry, me refiero al “Gestor menús” y los diferentes tipos de estructura de menús que podemos crear (múltiple columnas, iconos en los enlaces, carga de módulos, etc).

Luego nos centramos en los que creemos es “LA PEPITA DE ORO DE ESTE CURSO”aprenderemos a crear estructuras propias (Layout) con Gantry. Te enseñaremos a construir tus propias estructuras a medida usando archivos “Twig” (Plantilla de Layout para Gantry, no es HTML, no es CSS).

Al finalizar este Curso de Gantry, serás capaz de usar Gantry 5 con total seguridad y desarrollar plantillas 100% personalizadas, completamente Responsive (PC, tablet, smartphone) y diseñar los sitios web con Joomla, que siempre has soñado!.

NO REQUIERE EXPERIENCIA PREVIA (Sólo Arrastrar y soltar).

Con Gantry, no necesitas ser un diseñador web para crear tus propios diseños a medida, ya que con tan solo arrastrar y soltar bloques de contenido, obtendrás lo que necesites.

GANTRY ES EXTENDIBLE.

A diferencia de otros Framework para Joomla, Gantry nos permite incluir aplicaciones para generar y administrar contenido. Estas aplicaciones se llaman “Partículas”. Que son simplemente bloques de código pre-construidos, que nos permiten crear diseños listos para usar y que son configurables desde el gestor de diseños con Gantry.

¿QUE BENEFICIOS NOS BRINDA GANTRY?

  • No necesitamos tocar ninguna línea de código (Si eres diseñador web, también te permite hacerlo).
  • Es completamente Gratuito (Esto te permite reducir costos y ofrece precios accesibles).
  • Te ofrece una Interfaz intuitiva (Sólo arrastrar y soltar).
  • Incorpora un potente gestor de menús, nunca antes visto.
  • No se requiere experiencia en diseño web.
  • Los diseños creados con Gantry 5 se adaptan a Móviles y Tablet (Son Responsive).
  • Te permite crear sitios extremadamente veloces ya que incorpora su sistema propio de compresión de archivos.
  • Fue creado pensado en el SEO (Es responsive, Veloz, Página de Error 404 incluida, Código HTML semántico, etc).
  • Y para los diseñadores web: GANTRY 5 USA FLEXBOX en toda su estructura.

DESPUES DE LLEVAR ESTE CURSO, PODRÁS:

  • Planificar un proyecto web exitoso usando Gantry 5.
  • Crear diseños desde 0 usando Gantry 5.
  • Dominarás los secretos para optimizar tu tiempo y crear más sitios web en un menor tiempo.
  • Obtendrás todos los archivos originales necesarios para apoyar tu aprendizaje: Diseños en Adobe Illustrator, Fuentes de texto, Extensiones para Joomla (gratuitas y comerciales) y más.

Te espero dentro de este extraordinario curso de Gantry 5 que he preparado para ti.

Detalles del curso

  • Clases 125
  • Cuestionarios 0
  • Duración 8 horas
  • Nivel Intermedio
  • Estudiantes 3626
  • Certificado Si
  • Evaluaciones Si
Regresar al curso

Curso avanzado de Gantry 5

  • Módulo 1: Introducción a Gantry
    • Clase1.1
      Descarga archivos que usaremos en este curso 01 min
    • Clase1.2
      ¿Qué haremos en este curso? 10 min
    • Clase1.3
      ¿Quien soy? 05 min
    • Clase1.4
      ¿Qué es Gantry? 05 min
    • Clase1.5
      Ventajas del Gantry 18 min
    • Clase1.6
      ¿Qué no es Gantry? 05 min
    • Clase1.7
      Requerimientos técnicos 05 min
    • Clase1.8
      Instalación de un sitio Joomla 07 min
    • Clase1.9
      Descarga e instalación de Gantry 09 min
    • Clase1.10
      Traducción de Gantry al español 04 min
    • Clase1.11
      Conociendo la interfase de Gantry 15 min
    • Clase1.12
      Actualizando Gantry 04 min
    • Clase1.13
      Des-instalación de Gantry 03 min
    • Clase1.14
      El modelo de negocio detrás de Gantry 07 min
  • Módulo 2: Trabajando con Outlines
    • Clase2.1
      ¿Porque Gantry usa su propia terminología? 03 min
    • Clase2.2
      Los Outline 11 min
    • Clase2.3
      Tipos de Outline (parte 1) 10 min
    • Clase2.4
      Tipos de Outline (parte 2) 11 min
    • Clase2.5
      Trabajando con el Base Outline- Introducción 13 min
    • Clase2.6
      Trabajando con el Base Outline – Panel Estilos 15 min
    • Clase2.7
      Trabajando con el Base Outline – Contenido por defecto de las particulas 13 min
    • Clase2.8
      Trabajando con el Base Outline (Panel Configuraciones de páginas) 06 min
    • Clase2.9
      Trabajando con el Base Outline (El Layout Manager) 07 min
    • Clase2.10
      Trabajando con el Base Outline (Trabajando con Presets de Diseño) 11 min
    • Clase2.11
      El Outline Hydrogen página inicial y páginas internas 10 min
  • Módulo 3: Trabajando con Partículas
    • Clase3.1
      ¿Qué son las partículas y tipos de partículas? 07 min
    • Clase3.2
      Partícula de tipo Logo – Image 14 min
    • Clase3.3
      Partícula de tipo Menú 08 min
    • Clase3.4
      Partícula de “Tipo Date” 03 min
    • Clase3.5
      Partícula de “Tipo Custom HTML” 04 min
    • Clase3.6
      Partícula de tipo “Sample Content” 14 min
    • Clase3.7
      Partícula de tipo “Copyright” 03 min
    • Clase3.8
      Partícula de tipo “Branding” 03 min
    • Clase3.9
      Partícula de tipo “To Top” 03 min
    • Clase3.10
      Partícula de tipo “Social” 04 min
    • Clase3.11
      Partícula de tipo “Mobile Menu” y “Joomla Article” 06 min
    • Clase3.12
      Partícula de “Page Content” 04 min
    • Clase3.13
      Partícula de tipo “System Messages” 03 min
    • Clase3.14
      Partícula de tipo “Module Position” 10 min
    • Clase3.15
      Partícula de tipo “Module Instance” 03 min
    • Clase3.16
      Partícula de tipo “Space” 03 min
    • Clase3.17
      Como instalar partículas 07 min
  • Módulo 4: Los Átomos en Gantry
    • Clase4.1
      Insertando archivos CSS personalizado 08 min
    • Clase4.2
      Insertando archivos JS personalizados 04 min
    • Clase4.3
      ¿Donde conseguir nuevos átomos? 08 min
    • Clase4.4
      Descargando e instalando un átomo 09 min
  • Modulo 5: Trabajando con el Layout Manager
    • Clase5.1
      Restaurando nuestra copia de seguridad 05 min
    • Clase5.2
      Actualizando Joomla y extensiones 13 min
    • Clase5.3
      Configuraciones de estilos y partículas 11 min
    • Clase5.4
      Definiendo el almacenamiento de imágenes 05 min
    • Clase5.5
      Explorando el Layout Manager 14 min
    • Clase5.6
      Creando nuestros diseño personalizado (Preset) 07 min
    • Clase5.7
      Entendiendo el lenguaje YAML 07 min
    • Clase5.8
      Creando las secciones de nuestro diseño 11 min
    • Clase5.9
      Cambiando las propiedades de las secciones 15 min
    • Clase5.10
      Insertando estilos CSS personalizados 05 min
    • Clase5.11
      Insertando estilos CSS generales (parte 1) 16 min
    • Clase5.12
      Insertando estilos CSS personalizados (parte 2) 12 min
    • Clase5.13
      Insertando estilos CSS personalizados (parte 3) 11 min
    • Clase5.14
      Insertando estilos a la seccion Accesos 04 min
    • Clase5.15
      Creando los iconos de redes sociales 14 min
    • Clase5.16
      Integrando TinyMCE 18 min
    • Clase5.17
      Insertando nuestro Logo 05 min
    • Clase5.18
      Insertando bloque Llámanos y Horarios (parte 1) 11 min
    • Clase5.19
      Insertando bloque Llámanos y Horarios (parte 2) 08 min
    • Clase5.20
      Estilizando el menú principal 18 min
    • Clase5.21
      Insertando una caja de búsqueda estandar 12 min
    • Clase5.22
      Insertando una caja de búsqueda en un LightBox 12 min
    • Clase5.23
      Aplicando configuraciones a las secciones (parte 1) 11 min
    • Clase5.24
      Aplicando configuraciones a las secciones (parte 2) 12 min
    • Clase5.25
      Creando el bloque Bienvenidos 09 min
    • Clase5.26
      Creando el bloque Porque elegirnos (parte 1) 15 min
    • Clase5.27
      Creando el bloque Porque elegirnos (parte 2) 11 min
    • Clase5.28
      Creando el bloque Porque elegirnos (parte 3) 08 min
    • Clase5.29
      Creando el bloque Nuestros servicios 12 min
    • Clase5.30
      Creando el bloque Llamado a la acción (parte 1) 12 min
    • Clase5.31
      Creando el bloque Llamado a la acción (parte 2) 12 min
    • Clase5.32
      Creando el bloque Testimonios (parte 1) 09 min
    • Clase5.33
      Creando el bloque Testimonios (parte 2) 14 min
    • Clase5.34
      Creando el bloque Testimonios (parte 3) 15 min
    • Clase5.35
      Creando el pie de pagina (parte 1) 15 min
    • Clase5.36
      Creando el pie de página (parte 2) 17 min
    • Clase5.37
      Creando el pie de página (parte 3) 09 min
    • Clase5.38
      Creando el bloque derechos reservados 05 min
    • Clase5.39
      Modificando las partículas nativas de Gantry 04 min
    • Clase5.40
      Creando el bloque Accesos y Offcanvas 03 min
    • Clase5.41
      Creando el diseño para las paginas internas 13 min
    • Clase5.42
      Creando el diseño para las paginas en 3 columnas 04 min
  • Módulo 6: La Herencia
    • Clase6.1
      Entendiendo la herencia 04 min
    • Clase6.2
      La herencia a nivel de Outline 04 min
    • Clase6.3
      La herencia a nivel de átomos 03 min
    • Clase6.4
      La herencia a nivel de Partículas 10 min
    • Clase6.5
      La herencia a nivel de Secciones 13 min
  • Módulo 7: Creando las páginas internas
    • Clase7.1
      Construyendo la sección Ruta de navegación 12 min
    • Clase7.2
      Asignando módulos a la columna lateral 16 min
  • Módulo 8: El poderoso Editor Menú
    • Clase8.1
      ¿Que es el editor de Menús? 02 min
    • Clase8.2
      Explorando las características del Editor de Menús 18 min
    • Clase8.3
      Creando un menú desplegable simple 12 min
    • Clase8.4
      Creando un menú desplegable en tres niveles 06 min
    • Clase8.5
      Cambiando la animación de los menús desplegables 02 min
    • Clase8.6
      Creando un megamenu en 2 columnas 09 min
    • Clase8.7
      Creando un megamenu en 4 columnas 10 min
    • Clase8.8
      Personalizando la apariencia de nuestro menú (parte 1) 10 min
    • Clase8.9
      Personalizando la apariencia de nuestro menú (parte 2) 16 min
  • Módulo 9: Agregando partículas y átomos extras
    • Clase9.1
      Creando un encabezado animado con el átomo Headroom (parte 1) 11 min
    • Clase9.2
      Creando un encabezado animado con el átomo Headroom (parte 2) 06 min
    • Clase9.3
      Creando un botón deslizante con el átomo “Ir-arriba” 15 min
    • Clase9.4
      Creando un pre-cargador de página con el atomo “Pre-cargador” 09 min
  • Módulo 10: Optimización de Gantry
    • Clase10.1
      ¿Que vamos a optimizar? 02 min
    • Clase10.2
      Entendiendo los contextos Responsives 10 min
    • Clase10.3
      Ocultando bloques en el contexto Phone (parte 1) 10 min
    • Clase10.4
      Ocultando bloques en el contexto Phone (parte 2) 14 min
    • Clase10.5
      Mostrando bloques en el contexto Phone 12 min
    • Clase10.6
      Los Medias Queries nativos de Gantry 08 min
    • Clase10.7
      Rediseñando el Layout de nuestra galería de fotos 13 min
    • Clase10.8
      Ejemplo sobre el uso de Medias Queries 06 min
    • Clase10.9
      Optimizando para el contexto tablet 09 min
    • Clase10.10
      Optimizando para el contexto Phone (parte 1) 10 min
    • Clase10.11
      Optimizando para el contexto Phone (parte 2) 10 min
    • Clase10.12
      Optimizando la sección Offcanvas y el Menú móvil 07 min
    • Clase10.13
      Dando compatibilidad con navegadores antiguos 11 min
    • Clase10.14
      Optimizando el tiempo de carga de nuestro sitio 10 min
  • Modulo 11: El siguiente paso
    • Clase11.1
      Creando una backups en local 04 min
    • Clase11.2
      Restaurando nuestro proyecto 06 min
    • Clase11.3
      ¿Donde conseguir información a tus dudas? 05 min

Apasionado por el Diseño y Desarrollo Web desde hace 15 años. Un amante de Wordpress, Bootstrap y de las cosas buenas de la vida.

Comentarios

Promedio

0
0 puntuación

Evaluación detallada

5
0%
4
0%
3
0%
2
0%
1
0%

¿NECESITAS AYUDA INMEDIATA?