Curso JavaScript y DOM scripting
Anuncio
Curso de JavaScript y DOM Scripting para Desarrollo Web (con una introducción a JQuery y Dojo) Descripción: Hoy en día, los usuarios de Internet esperan que los sitios Web proporcionen funcionalidades avanzadas, interfaces de usuario dinámicas y tiempos de respuesta rápidos. Para cumplir eso, es necesario conocer el lenguaje JavaScript. Más allá de eso, sin embargo, se necesita saber cómo utilizar JavaScript para crear el script de Document Object Model (DOM). No importa si un desarrollo es con PHP, .NET o Java, JavaScript es necesario y se complementa con HTML, CSS, Flash y otras tecnologías. Objetivo: En este curso práctico aprenderás JavaScript para el DOM. Pronto serás capaz de desarrollar y depurar aplicaciones significativas de JavaScript. Aprenderás JavaScript y la escritura de Script para el DOM. Este no es un curso básico que te obliga a invertir más para aprender JavaScript. Sino un curso que va desde lo básico hasta lo necesario de este lenguaje para escritura de Scripts. Al final manejarás muy bien el de scripting del DOM. A través de un curso rápido te familiarizarás con XHTML y CSS. También aprenderás a utilizar las librerías de JavaScript y obtendrás una introducción a JQuery y Dojo Audiencia: Desarrolladores de aplicaciones Web. Prerrequisitos: Conocimientos de HTML. Horas: 28 a 30 Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx 1 Contenido Capítulo 1 Introducción al desarrollo web y JavaScript Capítulo 2 Una primera aplicación JavaScript • La arquitectura de una aplicación web • ¿Cómo funciona una arquitectura clienteservidor? • ¿Cómo se procesan las páginas web estáticas? • ¿Cómo se procesan las páginas web dinámicas? • Una encuesta sobre los navegadores, servidores, y lenguajes de scripting del lado del servidor • ¿Cómo encaja JavaScript en esta arquitectura? • Las principales tecnologías web • Una introducción a XHTML • Una introducción a CSS • Una introducción al DOM • Una introducción a JavaScript • Los estándares XHTML, CSS, DOM y JavaScript • DOM scripting y AJAX • ¿Cómo funciona DOM scripting? • ¿Cómo funciona AJAX? • El archivo de XHTML • El archivo CSS • El archivo JavaScript • Dos temas críticos de desarrollo web • Compatibilidad entre exploradores • Fácil accesibilidad • Acceso a una página web • Ver el código fuente de una página web • Edición y prueba de tus páginas web • Edición de una página web con el Notepad + + ó Aptana • Probar una página web • Conocimientos básicos de JavaScript • Incluir JavaScript con la etiqueta script • Código de declaraciones JavaScript • Crear identificadores • Los tipos de datos primitivos de JavaScript • Código numérico y expresiones de cadena • Declarar variables y asignar valores a los • Uso de objetos en JavaScript • Una introducción a objetos, propiedades y métodos • Uso de los objetos ventana y documento • Uso de los objetos Number, String, • Obtener y mostrar los datos con un objeto Textbox • Creación y uso de funciones • Crear y llamar a una función • Código de un controlador de eventos DCInternet Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx 2 Capítulo 3 Un curso rápido de XHTML • Una introducción a XHTML • Una página web y su XHTML • Sintaxis básica de XHTML • Validar un documento XHTML • Páginas web de código • Codificación de la sección de encabezado • Codificación de atributos del núcleo • Codificación de bloques de texto • Formateo de texto con etiquetas en línea • Codificación de listas • Codificación de Enlaces • Inclusión de imágenes • Codificación de Tablas • Codificación de una tabla simple • Codificación de una tabla con columnas y filas • Codificación de Formularios • Creación de un formulario • Codificación de Botones • Codificación de etiquetas y campos de texto • Codificación de Botones de radio y check boxes • Codificación de listas para selección • Codificación de áreas de texto • Grupo de controles • Establecer el orden de tabulación de los controles • Establecer márgenes • Establecer colores e imágenes de fondo • Posicionamiento de Elementos • Cambiar el tipo de visualización de un elemento • Los elementos de flotación • Uso de la posición absoluta • Uso de la posición relativa • Los controles del flotador en un formulario Capítulo 5 Obtención de entrada y producción de salida • Obtener entrada • Obtener datos del método prompt • Obtener una respuesta con el método de confirmación • Obtención del estado de un radio button • Obtención del estado de un check box • Obtención de la opción seleccionada en una lista de selección • Obtención de datos de un área de texto • Uso de los métodos y eventos para los controles • Presentación de salida • Mostrar los datos en una etiqueta span • Establecer el estado de un radio button • Establecer el estado de un check box • Mostrar los datos en un área de texto DCInternet Capítulo 4 Un curso rápido en CSS • Una página web y su CSS • La página web • El XHTML de la página web • El CSS de la página web • Habilidades básicas para el uso de CSS • Sintaxis básica de CSS • Incluir CSS en una página web • Especificación de medidas y colores • Selectores de código • Selectores de código para las etiquetas, identificadores y clases • Codificación de otros tipos de selectores XHTML • Codificación de selectores pseudo-clase • ¿Cómo funcionan las reglas en cascada? • Trabajo con texto y listas • Fuentes Estilo • Formato de texto • Formato de Listas • Trabajo con el modelo de caja • Una introducción al modelo de caja • Una página web que muestra el modelo de caja • Establecer altura, el ancho, los márgenes y el relleno Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx Capítulo 6 Trabajo con números, cadenas y fechas • Trabajo con números • ¿Cómo representar valores numéricos especiales? • Los métodos de objeto Number • Uso del operador condicional • Uso del objeto Math • Uso de los métodos del objeto Math • Uso de un generador de números aleatorios • Trabajo con cadenas • Uso de secuencias de escape en cadenas • Uso de los métodos del objeto String • Ejemplos de la utilización de cadenas • Trabajo con fechas y horas • Creación de objetos Date • Los métodos del objeto Date • Ejemplo de trabajo con fechas 3 Capítulo 7 Instrucciones de control de código • Codificando expresiones condicionales • Uso de los operadores de igualdad e identidad • Uso de los operadores relacionales • Uso de los operadores lógicos • Codificando de las estructuras de selección • Codificando expresiones if y clausulas else • Codificando sentencias if con cláusulas else if • Codificando expresiones switch • Uso de una bandera para simplificar las estructuras de selección • Código de las estructuras de iteración • Codificación de los ciclos while • Codificación de ciclos do-while • Codificación de ciclos for • Uso de break y continue Capítulo 9 Creación y utilización de funciones • Las habilidades básicas para trabajar con funciones • ¿Cómo crear y llamar a una función? • ¿Cómo se pasan los valores a las funciones? • ¿Cómo funciona el alcance léxico? • Habilidades Orientadas a Objetos para trabajar con funciones • Uso de la propiedad arguments de una función • Uso de los métodos call y apply de una función • Técnicas avanzadas para trabajar con funciones • Escritura de funciones recursivas DCInternet Capítulo 8 Creación y uso de arreglos • Creación y uso de un arreglo • Creación de un arreglo • Añadir y eliminar elementos del arreglo • Uso de los ciclos para trabajar con arrays • Uso de ciclos for-in para trabajar con arrays • Los métodos de un objeto Array • Uso de los métodos de arreglo • Otras habilidades para trabajar con arreglos • Uso de un método de String para crear un arreglo • Creación y uso de un arreglo asociativo • Creación y uso de un arreglo de arreglos Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx Capítulo 10 Creación y uso de objetos • Las habilidades básicas para trabajar con objetos • Creación y utilización de los tipos de objetos nativos • Crear objetos del tipo de objeto • Extender, modificar o eliminar un objeto • Crear y utilizar sus propios tipos de objeto • Técnicas avanzadas para trabajar con objetos • Heredar propiedades y métodos de otro tipo de objeto • Agregar métodos a los tipos de objetos de JavaScript • Crear métodos en cascada • Uso de la sentencia for-in con objetos • Uso de los operadores in, instanceof y typeof 4 Capítulo 11 Usar expresiones regulares, controlar las excepciones y validar los datos • Uso de expresiones regulares • Creación y uso de expresiones regulares • Creación de patrones de expresiones regulares • Uso de los indicadores globales y multi- línea • Métodos de cadena que utilizan expresiones regulares • Expresiones regulares para la validación de datos • Manejo de excepciones • Crear y lanzar objetos Error • Uso de la instrucción try-catch para controlar excepciones Capítulo 12 Manipulacion del DOM • Acceso al objeto Event • Las propiedades y métodos del objeto Event • Los métodos para unir y separar los manejadores de eventos • Código compatible entre navegadores para conectar y desconectar los manejadores de eventos • Los modelos de eventos del ratón • Las propiedades del objeto Event • La secuencia de eventos de clic de ratón • Los modelos de eventos del teclado • DOM Nivel 3 y métodos para el objeto Event • Las propiedades del objeto de Event implementan los principales navegadores Capítulo 14 Manipulación Avanzada de DOM DCInternet • Trabajo con nodos DOM • Una introducción a los nodos DOM • Los tipos de nodos DOM • La interfaz Node • La interfaz Document • La interfaz Element • La interfaz Attr • Trabajo con los nodos DOM HTML • Tipos de nodos HTMLElement • La interfaz HTMLElement • La interfaz HTMLAnchorElement • La interfaz HTMLImageElement • La interfaz HTMLButtonElement • La interfaz HTMLInputElement • Otras habilidades para DOM scripting • Cancelación de la acción predeterminada de un evento • Creación de imágenes rollovers • Carga previa de imágenes • Modificar el DOM • Crear nuevos nodos DOM • Agregar y eliminar nodos DOM • Uso de un fragmento del documento Capítulo 13 Manipulación avanzada de eventos • Introducción a la gestión de eventos • Visión general de la gestión de eventos • Visión general de los tipos de eventos XHTML • Visión general de los tipos de evento del ratón • Visión general de los tipos de eventos de teclado • Uso de nuestras bibliotecas de JavaScript • Coloque y quitar de manejadores de eventos • Utilice el objeto Event estandarizado • Los modelos básicos de eventos Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx • Detectar cuando el DOM está disponible • Un problema con el evento de carga • El código que ilustra este problema • Uso del método ready para detectar cuando el DOM está disponible • La librería JavaScript que contiene el método ready • Búsqueda en el DOM • Uso de un método para recorrer el árbol DOM • Uso del método getElementsByClassName para buscar en el DOM • Una librería JavaScript para caminar y buscar en el DOM • Modificar el DOM • Crear nuevos nodos DOM • Agregar y eliminar nodos DOM • Uso de un fragmento del documento Capítulo 15 Uso de CSS • Trabajo con hojas de estilo • Tres tipos de hojas de estilo externas • Activar y desactivar las hojas de estilo • Agregar y eliminar hojas de estilo • Modificar el estilo de un elemento • Ajustar el estilo de un elemento • Obtener el estilo de un elemento calculado • Cambiar el aspecto de un elemento • Cambiar la posición de un elemento • Obtener la posición actual de un elemento • La librería JavaScript para trabajar con estilos 5 • Uso del objeto el objeto location • Uso del objeto el objeto history • Uso del objeto el objeto screen • Uso de cookies • Una introducción a las cookies • Crear las cookies • Leer las cookies • Eliminar las cookies Capítulo 16 Guiones para tablas y formularios • Guiones para Tablas • Agregar filas y celdas • Eliminar filas y celdas • Reordenar las filas • Guiones para Formularios • Manejo de los eventos de formulario • Guiones para radio buttons • Guiones para listas de selección • La librería JavaScript para trabajar con selecciones de texto • Uso de la librería JavaScript para trabajar con selecciones de texto Capítulo 18 Uso de librerías de JavaScript Capítulo 17 Control del navegador web • Programación de ventanas del navegador • Abrir las ventanas y cerralas • Mover y redimensionar ventanas • Desplácese una ventana • Impresión de una ventana • Uso de eventos de una ventana • Los objetos de secuencias de comandos del navegador • Uso del objeto navigator • Uso de jQuery • Introducción a jQuery • Seleccionar los elementos con jQuery • Uso de efectos jQuery • Manejo de eventos con jQuery • Uso de jQuery para trabajar con elementos XHTML • Uso de jQuery para trabajar con el DOM • Uso de Dojo • Comienzo con Dojo • Seleccionar elementos con Dojo • Manejo de eventos con Dojo • Utilice los efectos de Dojo DCInternet Formas y condiciones de pago: El pago debe hacerse de alguna de las siguientes maneras, pagando el total antes de la fecha de inicio del curso: Depósito Banamex cuenta 4923239 Suc. 575 a nombre de Desarrollo y Capacitación en Internet, S.A. de C. V. o transferencia bancaria CLABE 002180057549232394 Cheque a nombre de Desarrollo y Capacitación en Internet, S. A. de C.V. Informes Curso JavaScript y DOM Scripting para Desarrollo Web Desarrollo y Capacitación en Internet S. A. de C. V. Altadena No. 26 Col. Nápoles CP 03810 (5255)5523-4756 www.dcinternet.com.mx 6
