Download Tecnología WEB: Desarrollo De Aplicaciones.

Tecnología WEB: Desarrollo De Aplicaciones.
72 Horas
OBJETIVOS
•
Facilitar al alumno el acceso al desarrollo de aplicaciones WEB
•
Estudiar los conceptos más importantes del entorno WEB, tanto HTML como productos
adicionales: CSS, JavaScript, etc.
•
Adquirir, de un modo práctico, los conocimientos necesarios para poder desarrollar
aplicaciones WEB
DIRIGIDO
•
Desarrolladores y analistas que requieran conocer esta tecnología de desarrollo de
aplicaciones Web
REQUISITOS INICIALES
• Conocimientos básicos de programación
CONTENIDOS
INTRODUCCIÓN A LAS TECNOLOGÍAS WEB
• Introducción al desarrollo WEB
• Historia de HTML y CSS
• Herramientas más utilizadas para el desarrollo WEB
HTML5 y CSS3
• Introducción de HTML5
 Características básicas de HTML5
 Descripción de las novedades con respecto a HTML4
• Estructura de la página
 Etiquetas y marcas
 Elementos estructurales
 Elementos semánticos
 Elementos desaprobados
 Otras características
• ¿Qué es Modernizr?
 Instalación de Modernizr
 Polyfills y Modernizr
 Modernizr.load ()
 ¿Cómo funciona Modernizr?
 Navegadores compatibles
 Características detectadas
• Formularios en HTML5
 Cuáles los nuevos tipos de datos en HTML5
 Validación de datos en HTML5
• Video y audio en HTML
• Gráficos
 Canvas
 SVG
• CSS3
 Introducción a CSS3
 Selectores
 Pseudo-elementos y Pseudo-clases
 Tratamiento de textos
 Colores, Bordes y Fondos
 Efectos, Transformaciones y Animaciones
 Imágenes
 Listas y menús
 Tablas
 Formularios
 Layout
 Proceso de eventos
• Persistencia
 Memoria
 Fichero
 Base de Datos
 Funciones Drag y Drop de HTML5
• Web Workers
 Características multiThread
 Funcionamiento de un WebWorker
• Geolocalización
 Localización
 Como crear mapa. Características necesaria
JAVASCRIPT
• Introducción
 Variables y tipos de datos
 Los tipos intrínsecos de los objetos
 Funciones
• Condiciones
 If-else
 switch
• Bucles
 for
 While
 Break
 Continue
• Expresiones regulares
 Construcción y aplicación
 Expresiones regulares en cadenas
 Validación de datos
• Errores y excepciones
 Usando try / catch
 Lanzar excepciones
 Usando finally
• Arrays
 Declaración
 Manipulación
• Document Object Model (DOM)
 Introducción a DOM
 Como usarlo dentro de JavaScript
 Recorrer el árbol DOM
 Selección de elementos DOM
 Manipulación de elementos DOM
 Modificación de CSS usando DOM
• Eventos
 Listeners
 Funciones de Callback
• Orientación a objetos
 Objetos
 Constructores
 Prototipos
 Herencia, cadena de prototipos
 Propiedades y métodos estáticos
 Simulación de propiedades y métodos privados
 Polimorfismo
 Espacios de nombres
• Técnicas avanzadas de JavaScript
 Funciones con un número variable de argumentos
 Funciones anónimas y autoejecutables
 Transfiriendo funciones a otras funciones
 Clousures
JQUERY
• Introducción a jQuery
 Introducción a jQuery
 Instalación de jQuery
 Primeros pasos con jQuery
 Usos función $
 Recorridos Each
• Manipulación básica de elementos
 Cambiar el texto o el contenido HTML
 Cambiar atributos
 Cambiar propiedades
 Cambiar estilos y clases
 Cargar datos con data()
• Selectores jQuery
 Selectores
 Selectores con filtrado
 Métodos para filtrado
• Manipulación avanzada del contenido
 Inserción de elementos
 Borrado, reemplazado, clonado
 Dimensión y posicionamiento
 Obtener la posición de elementos
 Posicionar el scroll en un lugar determinado
 Alterar las dimensiones de los elementos
• Eventos en jQuery
 Definición de eventos
 on(), off()
 Objeto evento
• Eventos de ratón y teclado
• Gestión de eventos avanzada
 Eventos personalizados
 Disparar eventos
• Efectos en jQuery
 Animaciones complejas
 Easing
 Animaciones con colores
• Colas de efectos
 Encolar efectos
 Insertar funciones personalizadas en colas de efectos
 Interrumpir efectos y volverlos a poner en marcha
 Retrasar efectos