Informate sin compromiso
91 846 39 54 / 659 552 510
 

Curso Bootstrap

El curso de Bootstrap para Joomla 3.0, es un framework (Responsive) que simplifica el proceso de creación de diseños web combinando CSS y JavaScript.

Nos permite crear interfaces que se adaptan a los diferentes navegadores, tanto de escritorio como tablets y móviles a distintas escalas y resoluciones, y eso y nos ahorrarán mucho esfuerzo y tiempo.

 

¿Qué voy a recibir con el curso?
Ayuda Sin límite Descarga Actualizado Diploma
Ésta es la plantilla que haremos en el curso de Bootstrap para Web.

VER EJEMPLO

BOOTSTRAP PARA JOOMLA

Precio ANTES: 54€

Precio: 39€
(impuestos incluidos)

  • Curso Bootstrap para Joomla
  • Ayuda Online

BOOTSTRAP FRAMEWORK

Precio ANTES: 54€

Precio: 39€
(impuestos incluidos)

  • Curso Bootstrap
  • Ayuda Online

BOOTSTRAP WORDPRESS

Precio ANTES: 54€

Precio: 39€
(impuestos incluidos)

  • Curso Bootstrap para Wordpress
  • Ayuda Online

  • Temario BOOTSTRAP para  Joomla

    Capitulo 1 Introducción e instalación

    1. Introducción
    2. Instalación en joomla 3
    3. El entorno de trabajo
     
    Capitulo 2 Pantillas Joomla 3

    1. Introducción y gestión de plantillas
    2. Estructura de una plantilla
    3. Archivo de configuración templateDetails.xml
    4. Archivo de estructura index.php (jdoc)
    5.1 Archivo de estructura index.php (php) I
    5.2 Archivo de estructura index.php (php) II
     
    Capitulo 3 Twitter Bootstrap (Framework Responsive Design)

    1. Introducción a bootstrap
    2. Estructura HTML5 básica para bootstrap
    3. Sistema de rejilla (grid system) fijo y fluido
    4. Capacidades Responsive (@media - CSS)
    5. Base CSS - Tipografías y elementos en línea
    6. Base CSS - Código preformateado y Tablas
    7. Base CSS - Formularios y Botones
    8. Base CSS - Los Botones
    9. Base CSS - Imágenes e Iconos
    10. Componentes - Botones
    11. Componentes - Navegación (Tabbable Nav - NavBar)
    12. Componentes - Navegación (Breadcrumbs - Pagination)
    13. Componentes - Etiquetas, insignias y tipografía
    14. Componentes - Tipografía - Miniaturas - Alertas
    15. Personalizando y ampliando Bootstrap con LESS css I
    16. Personalizando y ampliando Bootstrap con LESS css II
     
    
Capitulo 4 Plantilla Joomla 3 Responsive Design

    1. Plantilla (HTML5 Boilerplate + Twitter Bootstrap) I
    2. Plantilla (HTML5 Boilerplate + Twitter Bootstrap) II
    3. Publicando la plantilla (empaquetado e instalación)
     
    Conclusión del curso
     


  • Temario BOOTSTRAP

    Capitulo 1 Definición del proyecto de diseño

    1. Introducción
    2. Entorno de trabajo
    3. Esquema y estructura del proyecto de diseño
    4. Preparación de imágenes en Photoshop
    5. Prototipado de la página web
    6. Estructura HTML5

     

    Capitulo 2 Twitter Bootstrap (Framework Responsive Design)

    1. Introducción a bootstrap
    2. Estructura HTML5 básica para bootstrap
    3. Sistema de rejilla (grid system) fijo y fluido
    4. Capacidades Responsive (@media - CSS)
    5. Base CSS - Tipografías y elementos en línea
    6. Base CSS - Código preformateado y Tablas
    7. Base CSS - Formularios
    8.Base CSS - Botones
    9.Base CSS - Imágenes e Iconos
    10. Componentes - Botones
    11. Componentes - Navegación (NavBar)
    12. Componentes - Navegación (Breadcrumbs - Pagination)
    13. Componentes - Etiquetas, insignias
    14. Componentes - Tipografía - Miniaturas - Alertas
    15. Componentes - Carrousel
    16. Componentes - Ventanas modales
    17. Personalizando y ampliando Bootstrap con LESS css I
    18. Personalizando y ampliando Bootstrap con LESS css II

     

    Capitulo 3 Maquetación y desarrollo

    1. Desarrollo de la página principal (index.html)
    2. Maquetación de elementos comunes
    3. Integración de elemento slider de imágenes
    4. Lightbox para imágenes
    5. Vídeo responsive desde Youtube o Vimeo

    Conclusión

  • Temario BOOTSTRAP para Wordpress


    Capitulo 1
    1.1 Introducción al curso
    1.2 Entorno de trabajo y estructura
    1.3 Seccionar nuetsra web
    1.4 Cargar las hojas de CSS optimizadas
    1.5 Cargar los iconos
    1.6 Carga CDN condicional navegadores antiguos
    1.7 Carga de JS
    1.8 Barra Admin de Wordpress

    Capitulo 2
    2.1 El menú paso a paso
    2.2 Elemento activo
    2.3 Títulos y SEO
    2.4 Carga de contenido dinámico
    2.5 Primer widget
    2.6 Página estática
    2.7 Widget específico
    2.8 Full page
    2.9 Ventajas de Bootstrap

    Capitulo 3
    3.1 Crear el blog
    3.2 Sidebar dinámico para el blog
    3.2 Variantes de blog
    3.3 Landing page
    3.4 Portfolio
    3.5 Plantilla Padre

    Capitulo 4
    4.1 JS en BS y WP
    4.2 La magia de JS
    4.3 Menú avanzado
    4.4 Ventanas modales
    4.5 Consejos finales

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies Más información.