Desarrollo Web Responsivo y jQuery.
Descripcón:
El curso integra los conceptos fundamentales del diseño web responsivo para lograr interfaces fluidas que se adapten a los diferentes tipos de dispositivos, celulares, tablets, netbooks, etc., a partir de las consultas de medios (Medias Queries) de CSS3r integrando el sistema de grillas bootstrap. Finalmente, para proveer interactividad al sitio web, el alumno conocerá una de las librerías JavaScript más importantes del mercado: jQuery. El curso se orienta por el uso práctico de la librería, realizando diferentes ejemplos de casos y aplicaciones, entre ellos la integración de galerías y carrouseles de fotos, barras de navegación, menúes desplegables, validaciones de formularios.
El interesado quedará capacitado para desarrollar sitios web responsivo con HTML5 , CSS3, Bootstrap y jQuery.
Contenido:
Módulo I: Desarrollo web responsivo.
1. Conocer los Fundamentos de los Sitios Responsivos
- Introducción a los sitios responsivos.
- Tamaños estándares.
- Resoluciones para Móviles, Tablet y Desktop.
2. Aprender Técnicas para la creación de sitios responsivos
- Fórmula para anchos en porcentajes.
- Anchos de imágenes en porcentajes.
- Consultas de medios.
3. Integrar Consultas de medios y control de viewport
- Sintaxis consulta de medios.
- Formatear Estilos CSS para cada dispositivo.
- Concepto y uso de Viewport.
Módulo II: Desarrollo web con jQuery..
4. Introducción a jQuery
- Interactividad en sitios web.
- Descargar librerías.
- Incluir librerías.
5. Conocer la sintaxis de jQuery
- Selectores para modificar elementos.
- Métodos para aplicar efectos.
- Eventos para aplicar interactividad.
- Referencias de sintaxis online .
6. Integrar la Librería jQuery UI
- Descargar librería jQuery UI.
- Integrar librería jQuery UI.
- Widget UI: Dialog, Accordion y Tabs.
- Temas jQuery UI
7. Integrar Plugins jQuery
- ¿Qué es un plugin?.
- Metodología para incluir plugins.
- Plugins para validar formularios, galerías de imágenes y Sliders.
- Personalizar plugins.
8. Plantillas para WordPress
- Consideraciones para diseñar un Theme de WordPress.
- Adaptar desde boceto web Photoshop
a Bootstrap.
- Ajustes a Medias Queries para crear un Theme responsivo .
- Estructura de archivos de un Theme WordPress.
- Integrar códigos y funciones PHP bases para crear Themes.