Lo que aprenderás
- Podrás planificar la creación de una aplicación a medida para Gantry.
- Accederás a más de 5 horas de grabación.
- Aprenderás a buscar Script gratuitos, para luego integrarlos y gestionarlos desde Gantry.
- 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).
Temario del curso
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
- Analizando la estructura de nuestro Script
- Cargando nuestro archivo CSS
- Cargando nuestro archivo JS
- Definiendo las opciones del script (parte 1)
- Definiendo las opciones del script (parte 2)
- Definiendo la alineación del encabezado
- Definiendo el tamaño del texto para el encabezado
- Definiendo el contenido del mensaje
- Definiendo la alineación del mensaje
- Definiendo la posición del anuncio
- Definiendo el diseño del anuncio
- Cambiando el color de fondo del anuncio
- Definiendo el margen y las esquinas redondeadas
- Definiendo el espaciado interno del anuncio
- Definiendo el efecto Slide del anuncio
- Definiendo el efecto Fade del anuncio
- Definiendo color del texto del anuncio
- Definiendo tamaño del texto del anuncio
- Definiendo las propiedades para el botón ACEPTAR POLÍTICAS
- Definiendo las propiedades para el botón LEER MÁS
- Definiendo el enlace para el botón LEER MAS
- Definiendo la alineación de los botones
- Definiendo el borde para los botones
- Definiendo las opciones Scrollclose e Innerclasss para el mensaje
- Habilitando el modo de depuración
Módulo 4: Optimización y conclusiones
Descripción
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 que 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.
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.
Instructor
Erick Mines
- 33 cursos
- 231180 estudiantes