El objetivo de este curso es el de facilitar al alumno los conocimientos básicos para realizar páginas Web usando HTML5, CSS3, JQUERY y JQUERY Mobile y con este conocimiento desarrollar Aplicaciones Web multiplataforma basadas en Aplicaciones WEB.
- Cover
- Title page
- Copyright page
- Índice
- Módulo 0. Introducción
- Unidad 0. Introducción
- 1. ¿Por qué realizar este curso?
- 2. Estructura del curso
- 3. Curva de aprendizaje
- Módulo 1. HTML5
- Unidad 1. Introducción e instalación del entorno de trabajo
- 1. Introducción e Historia de la www
- 1.1. Esquema y elementos necesarios de la web
- 1.2. Estructura de directorios en el servidor web
- 2. Diferencias entre HTML5 y versiones anteriores
- 3. Preparando el entorno de desarrollo
- 3.1. Editor de textos
- 3.1.1. Instalación de Sublime Text 2 para Windows
- 3.1.2. Instalación de Sublime Text 2 para MAC
- 3.1.3. Instalación de Sublime Text 2 para Linux
- 3.1.4. Creando snippet propios
- 3.1.5. Más utilidades de Snippet
- 3.2. Servidor de aplicaciones web
- 3.2.1. Instalación de Wamp (Windows 7)
- 3.2.2. Instalación de Lamp (Linux Ubuntu)
- 3.2.3. Instalación de Mamp (MAC)
- 3.3. Navegador y emulador de dispositivos
- 4. Resumen
- Unidad 2: Webs con HTML5
- 1. Estructura básica de HTML5
- 1.1. Cabeceras, navegación, pie de página y Anexos
- 1.2. Párrafos
- 1.3. Títulos
- 1.4. Listas
- 1.5. Citas
- 1.6. Formateado de textos
- 1.7. Saltos de línea
- 1.8. Elementos separadores
- 1.9. Sección y artículos
- 1.10. Enlaces e hipervínculos
- 1.10.1. Enlaces a una página local
- 1.10.2. Enlaces a una página externa
- 1.10.3. Enlaces al interior de la página
- 1.10.4. Enlaces a una dirección de correo electrónico
- 1.10.5. Enlaces a un archivo
- 1.10.6. Enlaces a elementos de bloque
- 2. Multimedia e imágenes
- 2.1. Insertar imágenes
- 2.2. Insertar audio y vídeo
- 2.2.1. Insertar Audio
- 2.2.2. Insertar Vídeo
- 3. Tablas y formularios
- 3.1. Tablas
- 3.2. Formularios
- 3.2.1. Campos de texto
- 3.2.2. Campos de texto para contraseñas
- 3.2.3. Áreas de texto
- 3.2.4. Listas desplegables
- 3.2.5. Botones de selección única
- 3.2.6. Botones de selección múltiple
- 3.2.7. Botón de envío
- 3.2.8. Botón de reset
- 3.2.9. Botón de acción
- 3.2.10. Campos ocultos
- 4. Resumen
- Unidad 3. Elementos avanzados con HTML5
- 1. Elementos avanzados con HTML5
- 1.1. Script y NoScript
- 1.2. Drag and Drop
- 1.3. Diseño 2D. Canvas
- 1.3.1. Trazar una línea
- 1.3.2. Trazar un rectángulo
- 1.3.3. Trazar formas geométricas
- 1.3.4. Agregar texto
- 1.3.5. Agregar sombreados
- 1.3.6. Agregar imágenes
- 1.3.7. Transformaciones
- 1.4. Geo-localización
- 1.4.1. Introducción
- 1.4.2. Protección de la privacidad
- 1.4.3. Coordenadas
- 1.4.4. Localización en un mapa
- 1.4.5. Seguimiento de los desplazamientos
- 1.5. Almacenamiento de datos
- 1.5.1. Temporal o de sesión
- 1.5.2. Persistente
- 2. Resumen
- Módulo 2. CSS3
- Unidad 4: Estructura, estilos, selectores y jerarquías en CSS3
- 1. Introducción a CSS3
- 2. Estructura de una web con CSS3 y modelo de cajas
- 3. Estilo
- 3.1. En línea
- 3.2. Internos
- 3.3. Externos
- 4. Jerarquía
- 5. Reglas de estilo y selectores
- 5.1. Selector de elemento
- 5.2. Selector de ID.
- 5.3. Selector de Clase
- 5.4. Jerarquía entre selectores
- 6. Resumen
- Unidad 5: Propiedades, elementos flotantes y posicionamiento
- 1. Propiedades CSS3
- 1.1. Unidades de medida
- 1.2. Anchura y Altura
- 1.3. Colores
- 1.4. Textos
- 1.4.1. Tipo
- 1.4.2. Tamaño
- 1.4.3. Estilo
- 1.4.4. Grosor
- 1.4.5. Línea de decoración
- 1.4.6. Sombras
- 1.4.7. Transformaciones
- 1.4.8. Indentación
- 1.4.9. Espaciados
- 1.4.10. Alineación
- 1.5. Márgenes, bordes y rellenos Box Model
- 1.6. ShortHand CSS3
- 1.6.1. Bordes
- 1.6.2. Fuentes
- 1.6.3. Background
- 1.6.4. Margin, padding, outline
- 1.6.5. Listas
- 2. Elementos flotantes
- 2.1. Float
- 2.2. Clear
- 2.3. Overflow
- 3. Posicionamiento de los elementos
- 3.1. Normal o estático
- 3.2. Relativo
- 3.3. Absoluto
- 3.4. Fijo
- 3.5. Visibilidad
- 3.6. Profundidad
- 4. Selectores avanzados
- 4.1. Selector descendente
- 4.2. Selector de hijos
- 4.3. Selector adyacente
- 4.4. Selector de atributos
- 4.5. Pseudo-clases
- 4.5.1. De selección
- 4.5.2. De enlace
- 4.5.3. Hover, active y focus
- 5. Compatibilidad con los navegadores HTML5 y CSS3
- 6. Ejemplos prácticos
- 6.1. Posicionamiento de elementos
- 6.2. Menú de navegación
- 6.2.1. Versión 1
- 6.2.2. Versión 2
- 6.2.3. Versión 3
- 7. Propiedades avanzadas de CSS3
- 7.1. Degradados de color
- 7.2. Transformaciones
- 7.2.1. Rotaciones
- 7.2.2. Escalado
- 7.2.3. Deformación oblicua
- 7.2.4. Desplazamiento
- 7.2.5. Transiciones
- 8. Resumen
- Módulo 3. JQUERY
- Unidad 6: Introducción e historia a Jquery
- 1. Introducción
- 2. JavaScript y jQuery
- 3. Introducción a la programación en JavaScript
- 3.1. Definición
- 3.2. Variables
- 3.3. Funciones
- 3.4. Operadores básicos
- 3.5. Operadores lógicos
- 3.6. Control de flujo del programa
- 3.7. Ámbito de las variables
- 3.8. Arrays
- 3.9. Objetos
- 4. Empezando a trabajar con jQuery
- 5. Selectores y filtros en jQuery
- 5.1. Selector de Etiqueta
- 5.2. Selector de Id
- 5.3. Selector de Clase
- 5.4. Conjunto completo de selectores
- 6. Eventos
- 6.1. Eventos del ratón
- 6.1.1. Ejemplo: .click()
- 6.1.2. Ejemplo: .dblclick
- 6.1.3. Ejemplo: mouseover vs …out/enter/leave
- 6.1.4. Ejemplo: .mousemove()
- 6.1.5. Ejemplo: .mouseup / .mousedown
- 6.2. Eventos del teclado
- 6.3. Eventos de formularios
- 6.4. Eventos de documento
- 6.5. Eventos del navegador
- 6.6. El objeto Event
- 6.7. Gestor de eventos
- 7. Atributos
- 7.1. Operaciones sobre Clases
- 7.1.1. Añadir Clases
- 7.1.2. Eliminar Clases
- 7.2. Leer
- 7.3. Editar
- 7.4. Añadir
- 7.5. Eliminar
- 8. Resumen
- Unidad 7. Formularios, CSS3, Ajax y efectos
- 1. Formularios
- 1.1. Selección de elementos
- 1.2. Validación de formularios
- 2. CSS3
- 2.1. Acceder a las propiedades
- 2.2. Modificar las propiedades
- 2.3. Dimensiones y posicionamiento
- 3. AJAX
- 3.1. Introducción
- 3.2. Preámbulo
- 3.2.1. Métodos GET y POST
- 3.2.2. Tipos de datos
- 3.2.3. Sincronismo/Asincronismo
- 3.2.4. Métodos AJAX en jQuery
- 3.2.5. Posicionamiento (SEO) con AJAX
- 4. Efectos
- 4.1. Ocultar/mostrar elementos
- 4.2. Fundidos
- 4.3. Desplazamientos
- 4.4. Animaciones
- 4.5. Cola de efectos
- 4.6. Método queue
- 4.7. Detener efectos
- 5. Resumen
- Unidad 8. jQuery UI y Plugins
- 1. jQuery UI
- 1.1. Instalación y uso en nuestra aplicación
- 1.2. Acordeón
- 1.3. Autocompletar
- 1.4. Botones
- 1.5. Calendario
- 1.6. Diálogos
- 1.7. Menús
- 1.8. Barra de progreso
- 1.9. Menús de selección
- 1.10. Slider
- 1.11. Spinner
- 1.12. Tabs
- 1.13. Tooltip
- 2. Uso y desarrollo de plugins
- 2.1. Añadir funciones globales
- 2.2. Añadir métodos de objeto jQuery
- 2.3. Compartir un Plugin
- 3. Resumen
- Módulo 4. Aplicaciones Web Multiplataforma
- Unidad 9. jQuery Mobile
- 1. Introducción
- 2. Preparando el entorno de desarrollo
- 3. Estructura básica
- 3.1. Roles
- 3.2. Temas
- 3.3. Página, encabezado, contenido y pie
- 3.4. Navegación entre páginas
- 4. Botones
- 5. Iconos personalizados
- 6. Columnas
- 7. Listas
- 7.1. Lista básica
- 7.2. Lista con enlaces
- 7.3. Listas divididas
- 7.4. Filtrado en listas
- 7.5. Listas compuestas
- 7.5.1. Título y descripción
- 7.5.2. Agregar Imagen
- 7.5.3. Columna adicional
- 7.5.4. Contadores
- 8. Tab
- 9. Formularios
- 9.1. Etiquetas
- 9.2. Contenedores
- 9.3. Agrupar elementos
- 9.4. Botones y campos de texto
- 9.5. Conmutadores
- 9.6. Deslizadores/Slider
- 9.7. Campos tipo fecha
- 9.8. Menús de selección
- 10. Correo electrónico
- 11. Transiciones
- 12. Temas personalizados
- 13. Conmutar entre Web Normal/Multiplataforma
- 14. Resumen
- Unidad 10. Introducción al desarrollo de aplicaciones multiplataforma
- 1. Introducción
- 2. Visión general de los Framework Existentes
- 3. Introducción para el empaquetado multiplataforma
- 4. Monetización de las aplicaciones. Consejos
- 5. Limitaciones y tendencias