Diplomado con Certificación Oficial Adobe “Web and Apps Development”
ContenidoDiplomado con Certificación Oficial Adobe “Web and Apps Development”
Lugares: México Distrito Federal, Monterrey y Guadalajara
Nivel: Diplomado
Modalidad de impartición: Presencial
GENERALIDADES DEL PROGRAMA
Objetivo del curso:
Este diplomado le permitirá entender al estudiante el funcionamiento y uso de cada tecnología de desarrollo por separado y cómo se integran estas correctamente para el desarrollo exitoso de proyectos web y el desarrollo de Apps nativas mediante el Framework PhoneGap incluido en Dreamweaver CS6.
¿A quién va dirigido?
Este diplomado está dirigido a profesionales del diseño web con pocos o nulos conocimientos de programación que requieren desarrollar sitios web dinámicos y enriquecidos de alto impacto con los nuevos estándares web y desean desarrollar aplicaciones nativas para dispositivos móviles.
Requisitos de admisión:
• Experiencia en diseño de sitios web con Dreamweaver.
• Conocimientos básicos en HTML y CSS.
• Conocimientos básicos en lenguajes de programación web (sugerido).
• Inglés básico (lectura).
Módulos:
I. Desarrollo Web con HTML5
II. Diseño de CSS3 Avanzado
III. Creación de bases de datos con MySQL
IV. Desarrollo de Aplicaciones Web con PHP
V. Fundamentos de JavaScript
VI. Diseño Interactivo con JQuery
VII. Diseño de Aplicaciones Web con JQuery Mobile
VIII. Desarrollo de Aplicaciones Nativas con PhoneGap
IX. Taller de certificación Dreamweaver
X. Presentación de proyecto final
Temario:
I. Desarrollo Web con HTML5
1. Introducción a HTML5
2. Estructura y semántica con HTML5
3. Mejoras a formularios con HTML5
4. Asegurar compatibilidad entre navegadores con Modernizr y HTML5 Shiv
5. Video nativo con HTML5
6. Audio nativo con HTML5
7. Múltiples fuentes de audio y video
8. Codecs disponibles
9. Video en flash de respaldo para compatibilidad entre navegadores.
10. Geolocation API con HTML5
11. Offline Storage API con HTML5
12. File API y Browser History HTML5
12. File API HTML5
13. Drag and Drop nativo con HTML5
14. Dibujo 2D con Canvas
15. Comunicaciones con Webworkers y Websockets
II. Diseño de CSS3 Avanzado
1. ¿Qué es CSS3?
2. Nuevos selectores CSS3
3. Transparencia con modelos de color RGBA y HSLA
4. Transparencia con propiedad Opacity
5. Bordes redondeados en elementos e imágenes con border-radious
6. Tipografía avanzada con Web Fonts y @font-face
7. Efectos de sombreado en elementos y texto con text-shadow
8. Efectos de degradados de color con CSS3 Gradient
9. Fondos de elementos hechos con múltiples imágenes, colores y degradados
10. Animación con transiciones CSS3
11. Transformaciones CSS3
12. ¿Qué es Responsive Web Design?
13. Introducción a las Media Queries CSS3
14. Uso del panel Previsualización Multipantalla en Dreamweaver
15. Creación de un diseño adaptable a Desktop, Tablet y Smartphone con CSS3
16. Creación de un diseño adaptable con Fluid Grids de Dreamweaver
17. Compatibilidad de CSS3 entre navegadores con Modernizr
III. Creación de bases de datos con MySQL
1. Introducción
2. Modelo de datos Enyidad-Relacion
3. Creación de una Base de datos y Tablas
4. Inserción de datos
5. Obtener registros
6. Establecer orden en los resultados de una consulta
7. Consulta múltiple
8. Operador LIKE y Wildcards
9. Subconsultas y lógica condicional
10. Búsquedas de registros en común
11. Comparación de tablas para identificar datos iguales
12. Combinación de registros
13. Inserción, actualización y eliminación
14. Inserción de valores predeterminados
15. Copia de registros entre tablas
16. Actualización
17. Eliminación de registros duplicados
18. Consultas de metadatos
19. Trabajo con Strings
20. Separación de datos tipo Number y Strings
21. Trabajo con intervalos
22. Localización de intervalos de valores
23. Búsquedas de las diferencias entre registros del mismo grupo
24. Búsquedas avanzadas con Group y Having
IV. Desarrollo de Aplicaciones Web con PHP
1. Introducción al desarrollo Web
2. Introducción a PHP con Dreamweaver
· Utilizar variables y operadores
· Controlar el flujo del programa
· Trabajar con matrices
· Usar funciones y clases
· Trabajar con archivos y directorios
· Trabajar con bases de datos y SQL
· Trabajar con XML
· Trabajar con cookies, sesiones y encabezados
3. Visualización de datos XML con XSLT
· Acerca de XML y XSLT
· Realización de transformaciones XSL en el servidor
· Realización de transformaciones XSL en el cliente
· Entidades de caracteres no presentes
4. Preparación para crear sitios dinámicos
· Aspectos básicos de las aplicaciones Web
· Configuración del equipo para desarrollo de aplicaciones
· Conexiones de base de datos para desarrolladores de PHP
· Solución de problemas de conexiones de base de datos
5. Creación de páginas dinámicas
· Optimización del espacio de trabajo para desarrollo visual
· Diseño de páginas dinámicas
· Introducción a las fuentes de contenido dinámico
· Paneles de contenido dinámico
· Definición de fuentes de contenido dinámico
· Adición de contenido dinámico a las páginas
· Cambio de contenido dinámico
· Visualización de registros de la base de datos
· Visualización de Live Data
· Adición de comportamientos de servidor personalizados
6. Creación visual de aplicaciones
· Creación de páginas maestra y detalle
· Creación de páginas de búsqueda y resultados
· Creación de una página de inserción de registros
· Creación de páginas para actualizar un registro
· Creación de páginas para eliminar un registro
· Creación de páginas con objetos de manipulación avanzados
· Creación de una página de registro
· Creación de una página de conexión
· Creación de una página para acceso de usuarios autorizados
V. Fundamentos de JavaScript
1. Introducción a Java Script y el DOM
2. Sintaxis basica
3. Objetos tipos y operadores
4. Funciones y control de eventos
5. Estructuras de control condicional y ciclos
6. Sintaxis JSON
8. Manipulacion del DOM
9. Depuración de javascript
10. Librerias y frameworks javascript disponibles
VI. Diseño Interactivo con JQuery
1. Introducion a jQuery
2. Selectores básicos con jQuery
3. Control de eventos
4. Manipilacion del DOM e Interactividad con jQuery
5. Validacion de Formularios con jQuery
5. Efectos y animación con jQuery
6. Implementación de AJAX con jQuery
7. Descarga de Plug-ins de jQuery
8. Fundamentos de jQuey UI
9. Theme Roller para jQuery UI
VII. Diseño de Aplicaciones Web con JQuery Mobile
1. Introducción a JQuery Mobile framework
2. Uso de plantillas para jQuery Mobile integradas en Dreamweaver
3. Creación de un sitio web móvil con los Widgets de jQuery Mobile
4. Creación de temas personalizados con Theme Roller para jQuery Mobile
5. Prueba del sitio web móvil en Multi Screen Preview panel
6. Prueba del sitio web móvil en Device Central
7. Detección de navegadores móviles para redirección del sitio con javascript
VIII. Desarrollo de Aplicaciones Nativas con PhoneGap
1. ¿Qué es PhoneGap?
2. Uso de la plantilla para PhoneGap integrada en Dreamweaver
3. Configuración del Android SDK en Dreamweaver
4. Previsulización de la aplicación en el emulador de Android
4. Configuración del iOS SDK en Dreamweaver
5. Previsulización de la aplicación en en el emulador de iOS
6. Uso del Compass en una aplicación móvil
7. Uso de Geolocation en una aplicación móvil
8. Creación de una aplicación móvil de acceso a bases de datos
8. Prueba en un dispositivo móvil.
IX. Taller de certificación Dreamweaver
X. Presentación de proyecto final.
Duración: 140 horas
Información extra:
Aula Virtual México D.F.
· Fecha de Inicio: 9 de Febrero del 2013
· Fecha de Termino: 10 de Agosto 2013
· Horario: Sábados 13:00 a 18:00 hrs.
· Inversión: $28,000.00 + IVA
Aula Virtual México D.F.
· Fecha de Inicio: 25 de Mayo del 2013
· Fecha de Termino: 30 de Noviembre 2013
· Horario: Sábados 8:00 a 13:00 hrs.
· Inversión: $28,000.00 + IVA
Este diplomado cuenta con subsidio gubernamental MexicoFirst del 35%.
Otra formación relacionada con diseño digital, multimedia