Sunteți pe pagina 1din 9
Objetivo General: Al finalizar el curso, el estudiante tendrá los conocimientos y habilidades necesarios para

Objetivo General:

Al finalizar el curso, el estudiante tendrá los conocimientos y habilidades necesarios para diseñar y

desarrollar sitios web que se adapten a cualquier dispositivo que lo visualice (computadoras, tabletas y

teléfonos inteligentes) utilizando las tecnologías del presente de la web.

Objetivos Particulares:

Entender el nuevo paradigma del diseño web en la era de los dispositivos móviles.

Aprender a maquetar sitios fluidos y receptivos.

Entender el flujo de la programación.

Aplicar semántica y CSS3 en la creación de sitios web.

Adaptar el contenido de las páginas web dependiendo el dispositivo que lo visualice.

Implementar componentes jQuery.

Conocer implementaciones que forman a HTML5.

Crear aplicaciones web básicas y complejas con programación PHP y bases de datos MySQL.

y complejas con programación PHP y bases de datos MySQL. Dirigido a: Personas que quieran introducirse

Dirigido a: Personas que quieran introducirse o actualizar sus conocimientos en el diseño y desarrollo de sitios web.

Conocimientos Previos: Nociones solidas sobre uso de herramientas ofimáticas.

en el diseño y desarrollo de sitios web. Conocimientos Previos: Nociones solidas sobre uso de herramientas
Modulo 1 Introducción a HTML Modulo 2 Hojas de estilo en y sus etiquetas cascada
Modulo 1 Introducción a HTML Modulo 2 Hojas de estilo en y sus etiquetas cascada
Modulo 1 Introducción a HTML
Modulo 2 Hojas de estilo en
y sus etiquetas
cascada
 Que es HTML
 Que es? – evolución
 Software a utilizar
 Formas de usar CSS
 Elementos – Etiquetas
 Sintaxis
 Estructura básica de un
 Selectores básicos
documento HTML
 Unidades de medida y colores
 Texto
 Modelo de Cajas
 Listas
 Propiedades CSS
 Enlaces
 Pseudo clases y Pseudo elementos
 Imágenes
 CSS3, ¿Qué hay de nuevo?
 Formularios
 Un poco de HTML5
 Doctype
 Lang
 Semántica
 Estructura semántica
Modulo 3 Nuestra primera página completa Modulo 4 Responsive Web Design Nuestras web para los
Modulo 3 Nuestra primera página completa
Modulo 3 Nuestra primera
página completa
Modulo 4 Responsive Web Design Nuestras web para los móviles
Modulo 4 Responsive Web Design
Nuestras web para los móviles

Estructurar la carpeta de nuestro

proyecto

Elaborando el Home

Introducción a RWD

 y el nuevo paradigma en el diseño web  Viewport  Diseño Fluido VS
y el nuevo paradigma en el diseño
web
Viewport
Diseño Fluido VS Diseño Receptivo
Minisitio responsive v1
Única sección, enlaces y anclas
 Maquetación
 Media Queries por Breakpoints
 Trucos en las Media Queries
Simulador de dispositivos móviles

La llegada de los dispositivos móviles

Primer contacto con jQuery, usar

jQuery sin saber jQuery, Galería de

imágenes.

Sección 2 Multimedia, audio y video

Sección 3 Acerca

Social Widgets

Implementaciones HTML5

Sección 4 Contacto

Semántica en formularios

Placeholder

Validación de formularios con

HTML5

HTML5  Sección 4 Contacto  Semántica en formularios  Placeholder  Validación de formularios con
Modulo 5 Programación web lado cliente (Frontend) Modulo 6 jQuery, ¡Escribe menos haz más! 
Modulo 5 Programación web lado cliente (Frontend)
Modulo 5 Programación web
lado cliente (Frontend)
Modulo 6 jQuery, ¡Escribe menos haz más!
Modulo 6 jQuery, ¡Escribe menos
haz más!

Introducción a JavaScript

Variables

Operadores lógicos

Estructuras de control

Ciclos for y while

Arrays

Funciones

Objetos

Eventos

Validación de formularios

 Introducción  Conceptos básicos  Manipulación del DOM  Métodos  Eventos  Getters
Introducción
Conceptos básicos
Manipulación del DOM
Métodos
Eventos
Getters y Setters
Efectos
CSS en jQuery
Animaciones
Implementar plugins en nuestros
proyectos
Creemos nuestro propio plugin
 CSS en jQuery   Animaciones Implementar plugins en nuestros  proyectos Creemos nuestro propio
Modulo 7 Sitios responsive con HTML5  Modulo 8 PHP, Programación lado servidor (Backend) 
Modulo 7 Sitios responsive con HTML5
Modulo 7 Sitios responsive con
HTML5

Modulo 8 PHP, Programación lado servidor (Backend)
Modulo 8 PHP, Programación lado
servidor (Backend)
 Introducción a PHP  Variables  Atributo 'name' en elementos de formulario  Métodos
Introducción a PHP
Variables
Atributo 'name' en elementos de
formulario
Métodos de envío GET y POST
Subir archivos al servidor
Cookies
Sesiones
Condicionales, Ciclos, Funciones
Arrays tradicionales y asociativos
Envío de correo electrónico
Programación Orientada a Objetos con PHP

Minisitio responsive v2, versión parallax

Única sección, enlaces y anclas con

jQuery

Maquetación

Media Queries y principales

Breakpoints

2 sitios completos con responsive

Modulo 9 Bases de datos  Operaciones básicas   MySQL  Maquetación  Sentencias
Modulo 9 Bases de datos  Operaciones básicas   MySQL  Maquetación  Sentencias
Modulo 9 Bases de datos
 Operaciones básicas
 MySQL
Maquetación
 Sentencias SQL básicas
 CREATE DATABASE
 INSERT
 SELECT
 DELETE
Sistema de comentarios
 UPDATE
Sistema de logueo
 TRUNCATE
Envío simultaneó de correos
 Normalización
Chat
Mas(
)
=)
Modulo 10 Aplicaciones Web
Blog
PHP MySQL
Ajax
Red social con CMS
 Conectarnos a MySQL
 Mostrar registros en pantalla

Primera aplicación, agenda de contactos

Alta de contacto (registrar)

Baja de contacto (eliminar) Modificar contacto Consultar contacto

agenda de contactos Alta de contacto (registrar) Baja de contacto (eliminar) Modificar contacto Consultar contacto
 Transiciones Modulo 11 jQuery UI  Diálogos  Enlaces  Introducción  Botones 
 Transiciones Modulo 11 jQuery UI  Diálogos  Enlaces  Introducción  Botones 
 Transiciones
Modulo 11 jQuery UI
 Diálogos
 Enlaces
Introducción
 Botones
 Nuevos Efectos
Iconos
 Botones
 Acordeón
Modulo 13 HTML5 y APIs
 Autocompletar
Canvas
Calendario
 Diálogos
Drag/Drop
Audio
 Tabs
Video
Acceder a webcam con getUserMedia
Modulo 12 Diseño para dispositivos
Geolocalización
móviles con jQueryMobile
Google maps API
LocalStorage
 Introducción a jQueryMobile
SessionStorage
 Estructura básica
 Temas

Manejo de páginas internas y externas

a jQueryMobile  SessionStorage  Estructura básica  Temas  Manejo de páginas internas y externas
 Duración por módulos: Modulo 1: 4hrs (2 sesiones) Modulo 2: 6hrs (3 sesiones) Modulo

Duración por módulos:

Modulo 1:

4hrs

(2 sesiones)

Modulo 2:

6hrs

(3 sesiones)

Modulo 3:

3hrs

(1 sesión)

Modulo 4:

2hrs

(1 sesión)

Modulo 5:

6hrs

(3 sesiones)

Modulo 6:

6hrs

(3 sesiones)

Modulo 7:

14hrs

(7 sesiones)

Modulo 8:

6hrs

(3 sesiones)

Modulo 9:

2hrs

(1 sesión)

Modulo 10:

15hrs

(7 sesiones)

Modulo 11:

2hrs

(1 sesión)

Modulo 12:

4hrs

(2 sesiones)

Horas: 76 hrs

Día(s) a la semana: 3 día(s)

Sesiones: 27 sesiones de 2 hrs

Duración: 3 meses y medio

Informes:

3124281994

Modulo 13:

Las actividades propuestas para este modulo se verán reflejadas

durante el desarrollo del modulo 7.

3124281994 Modulo 13: Las actividades propuestas para este modulo se verán reflejadas durante el desarrollo del