Curso de JavaScript y DOM Scripting para Desarrollo Web

Transcripción

1 Curso de JavaScript y DOM Scripting para Desarrollo Web 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, jquery, Angular 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. Aprenderás a depurar tu código con la extensión Firebug de Firefox. A través de un curso rápido te familiarizarás con XHTML y CSS. Audiencia: Desarrolladores de aplicaciones Web. Prerrequisitos: Conocimientos de HTML. Duración: 35 horas Curso JavaScript y DOM Scripting para Desarrollo Web 1

2 Contenido Capítulo 1: Introducción al desarrollo Capítulo 3: Un curso rápido de HTML Web y a JavaScript Qué debe conocer previamente? Qué es JavaScript? JavaScript y la especificación ECMAScript Documentación de JavaScript versus especificación de ECMAScript Como empezar con JavaScript La Consola Web Borrador (scratchpad) Una introducción al DOM DOM scripting y AJAX Cómo funciona DOM scripting? Cómo funciona AJAX? Capítulo 2: Una primera aplicación JavaScript Hola Mundo Conceptos básicos Comentarios La etiqueta <script> Archivos externos JavaScript Declaraciones Variables Declarando Variables Evaluando variables Ámbito de variable Variable hoisting Variables Globales Constantes Estructura de datos y tipos Tipos de datos Conversión de tipos de datos Convertir string a números Literales Literales Array Literales Booleanos Literales Enteros Literales de Punto Flotante Uso de objetos en JavaScript Definición de Objeto. Objetos de HTML El método getelementbyid del Objeto document Literales Tipo Objeto Literales String Código de un controlador de eventos HTML el Lenguaje Uso Estructura Presentación Sintaxis Comentarios HTML, XML y XHTML HTML5 Elementos Principales Etiquetas Atributos Valores Omisiones y valores por defecto Estructura General de un documento HTML Prólogo HTML4 y anteriores HTML5 Información para el Navegador <html> <head> Código de caracteres Objetivo de la página Cuerpo de la Página Contenedores Contenedores de bloque Contenedores en línea Formularios Caja de texto Caja de texto con tamaño específico Caja de texto con límite de caracteres permitidos Caja de texto con una guía de lo que se debe captura Caja de texto con opciones sugeridas Caja de texto con opciones sugeridas con etiqueta Caja de texto de sólo lectura Captura libre de múltiples líneas Captura libre de múltiples líneas indicando el tamaño inicial del elemento Captura de valores numéricos Casilla de verificación (checkbox) Casillas de verificación para opciones mutuamente incluyentes Botones de radio para opciones mutuamente excluyentes Curso JavaScript y DOM Scripting para Desarrollo Web 2

3 Capítulo 4: Un curso rápido en CSS CSS Qué es CSS? Sintaxis Propiedades Valor Bloques Selector Regla Otros aspectos Niveles de Aplicación Nivel de aplicación en línea Nivel de aplicación en bloque Selectores Selectores básicos todos los elementos Selectores básicos por etiqueta Selectores básicos por elemento Selectores básicos por grupo Capítulo 5: Obtención de entrada y de salida producción El método prompt Obtener una respuesta con el método de confirmación Accediendo a los elementos de una forma usando getelementbyid 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 El evento onfocus y el evento onblur. Eventos onmouseover y onmouseout Despliegue de datos en una etiqueta <span> Establecer el estado de un radio button Establecer el estado de un check box y Mostrar los datos en un área de texto Capítulo 6: Trabajo con números, cadenas y fechas Números y fechas Números Los números decimales Los números binarios Números octales Los números hexadecimales El objeto Number Propiedades de Number Métodos de Número Métodos de Number.prototype Objeto Math Métodos de Math Objeto Date Para crear un objeto Date Métodos del objeto Date Capítulo 7: Instrucciones de control de código Expresiones y operadores Expresiones Sentencia de bloque Ejemplo Expresiones y operadores Expresiones Operadores Operadores de asignación Operadores de comparación Operadores aritméticos Operadores de cadena de caracteres Operadores especiales Operador Condicional Operador Coma Operador delete El operador in El operador instanceof El operador new this void Precedencia de Operadores Sentencias condicionales Sentencia if...else Valores falsos Ciclos e iteración Ciclo for Ciclo do...while Ciclo while Sentencia label Sentencia break Sentencia continue Sentencia for...in Interación sobre arreglos Sentencia for...of Curso JavaScript y DOM Scripting para Desarrollo Web 3

4 Capítulo 8: Creación y uso de arreglos Objetos de tipo Arreglo Creando una matriz o arreglo Llenado de un Arreglo Referencia a los elementos de un Arreglo La propiedad length Iteración sobre arreglos Uso de ciclos for-in para trabajar con arrays Métodos de un Array Arreglos multidimensionales Objetos que son como arreglos Capítulo 9: Creación y utilización de Funciones Funciones Definiendo funciones Declaraciones de función Parámetros por valor Expresiones de función Llamando funciones Recursividad Alcance de una Función Ámbito y la pila de la función La recursividad Usando el objeto arguments Parámetros de función Parametro por defecto Funciones predefinidas Funcion eval Funcion isfinite Funcion isnan Funciones parseint and parsefloat Funciones Number y String Capítulo 10: Creación y uso de objetos Trabajando con objetos Visión general sobre los Objetos Objetos y propiedades Todo como un objeto Listando todas las propiedades de un objeto Creando nuevos objetos El uso de inicializadores de objeto Usando una función constructora Usando el método Object.create Herencia Propiedades del objeto indexado Definición de las propiedades de un tipo de objeto Definiendo los métodos Usando this para las referencias a objetos Definiendo getters y setters Resumen Eliminando propiedades Comparando Objetos Capítulo 11: controlar las excepciones y validar los datos Sentencias de manejo de excepciones Tipos de excepciones Sentencia throw try...catch El bloque catch El bloque finally Utilizando objetos de Error Promises Cargando una imagen con XHR Capítulo 12: Manipulación del DOM DOM Árbol de nodos del DOM Interfaces del DOM Utilización de las interfaces DOM Atributos y métodos generales de un nodo Acceso directo a los nodos getelementsbytagname() getelementsbyname() getelementbyid() Creación y eliminación de nodos Creación de elementos HTML simples Eliminación de nodos Acceso directo a los atributos HTML Envío del contenido del documento al Navegador Acceso a un tipo de elemento Interfaces de HTML DOM La interfaz HTMLElement La interface HTMLAnchorElement La interfaz HTMLImageElement La interfaz HTMLButtonElement La interfaz HTMLInputElement Capítulo 13: Manipulación avanzada de eventos Introducción a la gestión de eventos Modelos de eventos Modelo básico de eventos Modelo de eventos estándar Curso JavaScript y DOM Scripting para Desarrollo Web 4

5 Modelo de eventos de Internet Explorer Modelo básico de eventos Tipos de eventos Manejadores de eventos Manejadores de eventos como atributos HTML Manejadores de eventos y variable this Manejadores de eventos como funciones externas Manejadores de eventos semánticos Obteniendo información del evento (objeto event) Información sobre el evento Información sobre los eventos de teclado Información sobre los eventos de ratón Borrar la primera fila de la tabla y la primera fila del cuerpo (sección <tbody>) Borrar la primera columna de la primera fila del cuerpo (sección <tbody>) Obtener el número de columnas de la primera parte del cuerpo (sección <tbody> Obtener el texto de la primera columna de la primera fila del cuerpo (sección <tbody>) Recorrer todas las filas y todas las columnas de la tabla Insertar una tercera fila al cuerpo (sección <tbody>) de la tabla Capítulo 17: Control del navegador web Capítulo 14: Manipulación Avanzada de DOM Detectar cuando el DOM está disponible Propiedad readystate Uso del método getelementsbyclassname para buscar en el DOM Compatibilidad con navegadores Crear, modificar y eliminar nodos El objeto window Apertura de una ventana Cerrar ventanas El objeto navigator Valores de las propiedades del objeto Navigator El objeto history El objeto location Capítulo 15: Uso de CSS Tres tipos de hojas de estilo externas Activar y desactivar las hojas de estilo Activar y desactivar las hojas de estilo Agregar y eliminar hojas de estilo Atributos HTML y propiedades CSS en DOM Capítulo 16: Tablas Tablas HTML en DOM Propiedades y métodos de <tbody> Propiedades y métodos de <tr> Obtener el número total de cuerpos de la tabla (secciones <tbody>) Capítulo 18: Uso de librerías de JavaScript Uso de jquery Introducción a jquery Cómo incluir jquery en tus páginas Web El archivo jquery jquery CDN Google CDN: Seleccionar los elementos con jquery Evento $(document).ready Uso de efectos jquery Manejo de eventos con jquery Sintaxis jquery para Métodos de eventos Depósito en Banamex cuenta Sucursal 575 a nombre de Desarrollo y Capacitación en Internet, S. A. de C. V. (CLABE en caso de transferencia electrónica vía Internet ) Informes Curso JavaScript y DOM Scripting para Desarrollo Web 5