Objetivo General:

Al finalizar el curso, el estudiante tendr los conocimientos y habilidades necesarios para disear y desarrollar sitios web que se adapten a cualquier dispositivo que lo visualice (computadoras, tabletas y telfonos inteligentes) utilizando las tecnologas del presente de la web.

Objetivos Particulares:
Entender el nuevo paradigma del diseo web en la era de los dispositivos mviles. Aprender a maquetar sitios fluidos y receptivos. Entender el flujo de la programacin. Aplicar semntica y CSS3 en la creacin de sitios web. Adaptar el contenido de las pginas web dependiendo el dispositivo que lo visualice. Implementar componentes jQuery. Conocer implementaciones que forman a HTML5. Crear aplicaciones web bsicas y complejas con programacin PHP y bases de datos MySQL.

Dirigido a: Personas que quieran introducirse o actualizar sus conocimientos en el diseo y desarrollo de sitios web. Conocimientos Previos: Nociones solidas sobre uso de herramientas ofimticas.

Modulo 1 Introduccin a HTML y sus etiquetas

Que es HTML Software a utilizar Elementos Etiquetas Estructura bsica de un documento HTML Texto Listas Enlaces Imgenes Formularios Un poco de HTML5 Doctype Lang Semntica Estructura semntica

Modulo 2 Hojas de estilo en cascada

Que es? evolucin Formas de usar CSS Sintaxis Selectores bsicos Unidades de medida y colores Modelo de Cajas Propiedades CSS Pseudo clases y Pseudo elementos CSS3, Qu hay de nuevo?

Modulo 3 Nuestra primera pgina completa

Estructurar la carpeta de nuestro proyecto Elaborando el Home Primer contacto con jQuery, usar jQuery sin saber jQuery, Galera de imgenes. Seccin 2 Multimedia, audio y video Seccin 3 Acerca Social Widgets Implementaciones HTML5 Seccin 4 Contacto Semntica en formularios Placeholder Validacin de formularios con HTML5

Modulo 4 Responsive Web Design

Nuestras web para los mviles
Introduccin a RWD La llegada de los dispositivos mviles y el nuevo paradigma en el diseo web Viewport Diseo Fluido VS Diseo Receptivo Minisitio responsive v1 nica seccin, enlaces y anclas Maquetacin Media Queries por Breakpoints Trucos en las Media Queries Simulador de dispositivos mviles

Modulo 5 Programacin web lado cliente (Frontend)

Introduccin a JavaScript Variables Operadores lgicos Estructuras de control Ciclos for y while Arrays Funciones Objetos Eventos Validacin de formularios

Modulo 6 jQuery, Escribe menos haz ms!

Introduccin Conceptos bsicos Manipulacin del DOM Mtodos Eventos Getters y Setters Efectos CSS en jQuery Animaciones Implementar plugins en nuestros proyectos Creemos nuestro propio plugin

Modulo 7 Sitios responsive con HTML5

Minisitio responsive v2, versin parallax nica seccin, enlaces y anclas con jQuery Maquetacin Media Queries y principales Breakpoints

Modulo 8 PHP, Programacin lado servidor (Backend)

Introduccin a PHP Variables Atributo 'name' en elementos de formulario Mtodos de envo GET y POST Subir archivos al servidor Cookies Sesiones Condicionales, Ciclos, Funciones Arrays tradicionales y asociativos Envo de correo electrnico Programacin Orientada a Objetos con PHP

2 sitios completos con responsive

Modulo 9 Bases de datos

MySQL Sentencias SQL bsicas CREATE DATABASE INSERT SELECT DELETE UPDATE TRUNCATE Normalizacin

Modulo 10 Aplicaciones Web PHP MySQL

Conectarnos a MySQL Mostrar registros en pantalla

Operaciones bsicas Primera aplicacin, agenda de contactos Maquetacin Alta de contacto (registrar) Baja de contacto (eliminar) Modificar contacto Consultar contacto Sistema de comentarios Sistema de logueo Envo simultane de correos Chat Mas(...) =) Blog Ajax Red social con CMS

Modulo 11 jQuery UI
Introduccin Nuevos Efectos Botones Acorden Autocompletar Calendario Dilogos Tabs

Transiciones Dilogos Enlaces Botones Iconos

Modulo 13 HTML5 y APIs

Canvas Drag/Drop Audio Video Acceder a webcam con getUserMedia Geolocalizacin Google maps API LocalStorage SessionStorage

Modulo 12 Diseo para dispositivos mviles con jQueryMobile

Introduccin a jQueryMobile Estructura bsica Temas Manejo de pginas internas y externas

 Duracin por mdulos:

Modulo 1: Modulo 2: Modulo 3: Modulo 4: Modulo 5: Modulo 6: Modulo 7: Modulo 8: Modulo 9: Modulo 10: Modulo 11: 4hrs 6hrs 3hrs 2hrs 6hrs 6hrs 14hrs 6hrs 2hrs 15hrs 2hrs (2 sesiones) (3 sesiones) (1 sesin) (1 sesin) (3 sesiones) (3 sesiones) (7 sesiones) (3 sesiones) (1 sesin) (7 sesiones) (1 sesin)

Horas: 76 hrs
Da(s) a la semana: 3 da(s) Sesiones: 27 sesiones de 2 hrs Duracin: 3 meses y medio Informes: arley.hr@hotmail.com 3124281994

Modulo 12:
Modulo 13:

4hrs

(2 sesiones)

Las actividades propuestas para este modulo se vern reflejadas durante el desarrollo del modulo 7.