Descripción:

Es altamente predecible que los teléfonos móviles y las tabletas reemplazarán las máquinas de escritorio como los dispositivos de acceso más comunes a la web dentro de los siguientes dos o tres años. Adobe está respondiendo a este dramático cambio enfocando sus herramientas para desarrollar sitios web para múltiples plataformas con HTML, CSS y Javascript en Dreamweaver. En particular, los ingenieros de Dreamweaver han estado trabajando en conjunto con los desarrolladores de jQuery, el estándar de facto como framework de JavaScript, para desarrollar jQuery Mobile.

Este es un nuevo entorno de trabajo JavaScript/CSS diseñado para crear sitios web y aplicaciones que trabajan consistentemente en la mayoría de las plataformas móviles, incluyendo iPhone, Android, BlackBerry, y Symbian (Nokia). Este curso explora a profundidad la integración de jQuery en Dreamweaver, junto con muchas nuevas características que pretenden facilitar la construcción de sitios web y/o web apps que se ejecuten en diferentes dispositivos.

Dirigido a: Diseñadores o desarrolladores web.

Nivel: Intermedio.

Conocimientos previos:

Haber tomado el Curso de Adobe Dreamweaver o contar con experiencia en el ámbito del desarrollo web y/o mobile.

Temario:

Parte 1. Introducción a Dreamweaver Mobile

Interfaz de Dreamweaver | Lo básico con con Dreamweaver y primeros pasos | Novedades e implementaciones para Desarrollo Mobile

Parte 2. Trabajar con Dreamweaver CC con HTML5 and CSS3

Estructuras de documento básicas | Atajos con dreamweaver | Creación de CSS3 para documentos HTML5 | Definición de estilos

Parte 3. Perfeccionamiento progresivo

Mejores prácticas | Enfoque hacia mobile | Definición de ajustes para distintas resoluciones

Parte 4. Media Queries

Funcionamiento de los media queries | Aplicar estilos a smartphones y tablets | Media queries versus mobile frameworks | Creación de hojas de estilo alternativas | Asignar estilos a distintos tipos de media

Parte 5. Sitios móviles fuera de línea

Métodos de almacenamiento local | LocalStorage | SessionStorage | Uso del caché

Parte 6. Introducción a jQuery Mobile

Páginas móviles, jquery mobile y apps | Qué es jQuery Mobile | Páginas móviles en “split view” | Uso del Live view para previsualizar páginas en jQuery Mobile | Aplicar nuevos temas | Editar CSS de un tema jQuery Mobile  | Transiciones y temas por default en jQuery Mobile

Parte 7. jQuery Mobile Widgets

Tablas, Divs y Grids en jQuery Mobile | Generar Grids en Dreamweaver | Bloques colapsables | Botones | Iconografía | Popups | Panel | Sliders | Toolbars | Tabs

Parte 8. Formularios

Input types optimizados en jQuery Mobile | Checkboxradio | Controlgroup | Datepicker | Filterable Widget | Flipswitch | Listview | Rangesliders | Text Inputs

Parte 9. Construir secciones dinámicas

Vistas dinámicas | Añadir elementos de forma dinámica

Parte 10. Construir aplicaciones nativas con PhoneGap

Apps y Mobile Websites, por dónde comenzar | Incorporación de Phonegap en Dreamweaver CC | Generar Apps desde Dreamweaver CC | Testing | Despliegue y distribución de tu app