Logo de Aulaideal

Curso Desarrollo de átomos para Gantry 5

DESCRIPCIÓN DEL CURSO

El objetivo de este curso es lograr que el estudiante puede a construir sus propios átomos para el Framework Gantry, aprovechando todas las herramientas, que el mejor generador de plantillas gratuitas para Joomla pone a nuestra disposición.

Por primera vez en español, un curso en donde te enseñamos a planificar, diseñar y publicar tus propios átomos para Gantry 5.

¿QUÉ SON LOS ATOMOS?

Son simplemente aplicaciones nativas para Gantry que te permite agregar funcionalidades a tu sitio web, muy fácil de configurar, muy similares a los plugins de Joomla.

¿POR QUÉ CREAR ÁTOMOS PARA GANTRY?

  • Podrás cargar y gestionar cualquier librería externa usando un átomos (Booststrap, Jquery, Fundations,etc).
  • Podrás insertar script dentro de tus proyectos.
  • Gantry es completamente Gratuito (Esto te permite reducir costos y ofrecer precios accesibles).
  • Te ofrece una interfaz intuitiva para desarrollar aplicaciones (Sólo arrastrar y soltar).
  • Gantry 5 le ofrece al diseñador mas de 30 tipos de campos de fácil uso para el usuario final.
  • Usa un sistema de plantillas llamado “Twig”, que te permite programar, “Sin programar” (Sólo necesitas conocer HTML y CSS).
  • Gantry 5 usa FlexBox en toda su estructura nativa, permitiéndote lograr aplicaciones mucho más consistentes.

¿CÓMO ESTÁ ESTRUCTURADO ESTE CURSO?

Empezamos con un corto vídeo introductorio en donde te mostramos la aplicación (átomo) que desarrollaremos en este curso.

Luego seguimos con la creación de la estructura básica de un átomo, en donde te enseño todos los elementos y archivos que la conforman  y la manera como trabajan internamente.

A continuación analizamos el gran abanico de campos que nos ofrece Gantry: Más de 25 tipos de campos que Gantry pone a disposición del desarrollador de partículas.

Una vez que hayas entendido como trabajan los átomos y cómo funcionan, procederemos a crear nuestro átomos, a quien llamamos “Cookies Bar“, que nos permitirá  mostrar una ventana de alerta informado sobre el uso de Cookies en nuestro sitio web.

Al final del curso, serás capaz de crear tus propias aplicaciones para Gantry 5 desde 0, 100% personalizadas.

DESPUES DE LLEVAR ESTE CURSO, PODRÁS:

  • Planificar la creación de una aplicación a medida para Gantry.
  • Buscar Script gratuitos, para luego integrarlos y gestionarlos desde Gantry.
  • Accederás a más de 5 horas de grabación.
  • Obtendrás todos los archivos originales necesarios para apoyar tu aprendizaje: Backups del sitio web que desarrollaremos, Chuleta para la creación de partículas(PDF).

Te invito a que veas cualquiera de las clases que están gratuitas antes de comprar el curso y estoy seguro que desearás ver el resto de este entrenamiento.

Detalles del curso

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

Curso Desarrollo de átomos para Gantry 5

  • Módulo 1: Introducción a la creación de átomos
  • Módulo 2: Estructura de un átomo
  • Módulo 3: Implementación del átomo en nuestro sitio web
    • Clase3.1
      Analizando la estructura de nuestro Script 04 min
    • Clase3.2
      Cargando nuestro archivo CSS 11 min
    • Clase3.3
      Cargando nuestro archivo JS 13 min
    • Clase3.4
      Definiendo las opciones del script (parte 1) 10 min
    • Clase3.5
      Definiendo las opciones del script (parte 2) 08 min
    • Clase3.6
      Definiendo la alineación del encabezado 12 min
    • Clase3.7
      Definiendo el tamaño del texto para el encabezado 08 min
    • Clase3.8
      Definiendo el contenido del mensaje 10 min
    • Clase3.9
      Definiendo la alineación del mensaje 05 min
    • Clase3.10
      Definiendo la posición del anuncio 08 min
    • Clase3.11
      Definiendo el diseño del anuncio 09 min
    • Clase3.12
      Cambiando el color de fondo del anuncio 05 min
    • Clase3.13
      Definiendo el margen y las esquinas redondeadas 07 min
    • Clase3.14
      Definiendo el espaciado interno del anuncio 09 min
    • Clase3.15
      Definiendo el efecto Slide del anuncio 10 min
    • Clase3.16
      Definiendo el efecto Fade del anuncio 05 min
    • Clase3.17
      Definiendo color del texto del anuncio 08 min
    • Clase3.18
      Definiendo tamaño del texto del anuncio 06 min
    • Clase3.19
      Definiendo las propiedades para el botón ACEPTAR POLÍTICAS 10 min
    • Clase3.20
      Definiendo las propiedades para el botón LEER MÁS 11 min
    • Clase3.21
      Definiendo el enlace para el botón LEER MAS 10 min
    • Clase3.22
      Definiendo la alineación de los botones 07 min
    • Clase3.23
      Definiendo el borde para los botones 07 min
    • Clase3.24
      Definiendo las opciones Scrollclose e Innerclasss para el mensaje 10 min
    • Clase3.25
      Habilitando el modo de depuración 07 min
  • Módulo 4: Optimización y conclusiones
    • Clase4.1
      Ordenando las opciones en pestañas (parte 1) 10 min
    • Clase4.2
      Ordenando las opciones en pestañas (parte 2) 09 min
    • Clase4.3
      Nuestro átomo en Github 02 min
    • Clase4.4
      Palabras finales 02 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?