Desarrollo Web Con JavaScript - AJAX

Digitever
Presencial

$ 10,000
más IVA
¿Quieres hablar con un asesor sobre este curso?
Los usuarios que se interesaron por este curso también han mostrado interés por...
Ver más cursos similares

Información importante

  • Curso
  • 40 horas de clase
Descripción

Objetivo del curso: Desarrolle aplicaciones Web interactivas y eficientes con las técnicas más actuales de JavaScript y AJAX. Cubrimos los navegadores y frameworks mas relevantes, conceptos aplicables 100% al entorno laboral. Destinatarios del curso: Desarrolladores familiarizados con el desarrollo de aplicaciones Web utilizando diferentes tecnologías (ASP, JSP, PHP, Ruby on Rails, etc.) que necesiten adquirir estos conocimientos de javascript.

Información importante

Preguntas Frecuentes

· Requisitos

Al menos un año de experiencia practica con cualquier lenguaje de programacion.

Opiniones

No hay opiniones de este curso todavía

Programa académico

Introducción a JavaScript

JavaScript nos permite enriquecer las paginas HTML permitiendo la interacción con los visitantes directamente en el navegador, antes que tener que enviar información al servidor Web.

  • Como agregar JavaScript a las páginas HTML

Depuración de código

Detección y depuración de errores con las opciones que ofrecen los navegadores.

  • Insertando e interpretando comentarios en el código
  • Como depurar código JavaScript en las páginas HTML
  • Depurando código con Internet Explorer 6 y 7
  • Depurando código con Firefox 2 y 3
  • Depurando código con Opera 9
  • Depurando código con Safari 3
  • Depuración de una página con múltiples errores JavaScript
  • Extensiones utiles para Internet Explorer: Developer Toolbar, DebugBar
  • Extensiones utiles para Firefox: Web Developer y Firebug
  • Extensiones utiles para Safari: Menu de desarrollo, consola de errores e inspector de elementos
  • Extensiones utiles para Google Chrome: Consola de errores e inspector de elementos
  • Extensiones utiles para Opera: Opera Developer Tools (Firefly)

El lenguaje JavaScript

El lenguaje de programación JavaScript utiliza sintaxis tipo C, en esta parte cubrimos las características prácticas del lenguaje.

Esta sección esta dirigida especialmente a quienes que no están familiarizados con la sintaxis tipo C.

  • Declaración y uso de variables
  • Reglas para asignar nombres a las variables
  • Tipos de Datos que pueden contener las variables
  • Conversión implícita de datos
  • Operadores: Aritméticos, de comparación, boléanos, strings, asignación, especiales y precedencia
  • Estatuto condicionales If, If..else, switch
  • Ciclos: while, do..while y for
  • Crear y utilizar funciones
  • Definir el alcance de las variables(locales y globales)
  • Uso de objetos intrínsecos: El objeto String, Math, Number, Date y Boolean

Validación de Formas HTML

La validación de la captura en las formas HTML es uno de los usos mas útiles de JavaScript. Veremos varias técnicas de validación para los diferentes tipos de campos.

  • Manejo de Formas HTML con el objeto Form
  • Manejo de Formas: Objetos Text, Textarea, Password y Hidden
  • Manejo de Formas: Objetos Checkbox y Radio
  • Manejo de Formas: Objeto Select (listas)
  • Funciones especiales para validar la captura de datos
  • Validar rangos, campos obligatorios, fechas, cantidades, direcciones de correo electrónico , RFCs, etc.
  • Listas blancas y negras para permitir y/o bloquear ciertos caracteres en la captura
  • Uso de expresiones regulares

Controlando la Interfase del Navegador

Un aspecto muy importante del desarrollo de aplicaciones es el de controlar la interfase de las aplicaciones.

  • Objeto Window: Utilizando diálogos para interactuar con los usuarios
  • Objeto Window: Creando ventanas secundarias
  • Objeto Window: Controlando la interfase de los navegadores
  • Objeto Window: Manejo de marcos(frames)
  • Objeto Location: Definiendo el contenido de las ventanas
  • Objeto Navigator: Obteniendo información de los Navegadores
  • Trabajando con Imágenes: Creando Rollovers
  • Objeto Screen: Obtener información de la resolución de la pantalla
  • Objeto Link: Manipulando dinámicamente las ligas en una pagina HTML

Hojas de Estilo en Cascada (CSS)

Manipulación de los CSS para mejorar la retroalimentación a los usuarios.

  • Obtener y asignar estilos dinámicamente a distintos elementos de una pagina
  • Modificación dinámica de estilos en una forma HTML para mejorar la retroalimentación

Tablas HTML

Las tabas HTML son muy útiles en el desarrollo de una aplicación Web. Cubrimos detalladamente sus usos mas prácticos.

  • Recorrer y procesar los renglones de una tabla HTML
  • Modificar dinámicamente una tabla
  • Colorear alternadamente los renglones
  • Resaltar renglones cuando el raton pasa sobre ellos
  • Marcar renglones mediante una casilla
  • Ordenar los datos de una tabla sin tener que refrescar la pagina completa

XML

El XML es una manera de intercambiar información entre el navegador y el servidor web.

  • Enviar y recibir documentos XML con JavaScript
  • Procesar documentos XML con JavaScript

JSON

JSON es otra manera de intercambiar información con el servidor web, a diferencia de XML es un esquema considerado mas 'ligero' y sencillo.

  • Definir objetos JSON
  • Enviar, recibir y procesar información con JSON

AJAX - JavaScript Asincronico o Remote Scripting

Introducción al uso mas novedoso de JavaScript: Ejecución de procesos remotos de manera asíncrona. AJAX es utilizado para el desarrollo de aplicaciones Web sofisticadas y fluidas.

  • Enviar y recibir información sin tener que refrescar toda la pagina
  • Diferencias entre Internet Explorer y otros navegadores
  • Uso del objeto XMLHttpRequest
  • Solicitudes AJAX vía POST y GET
  • Intercambio de información mediante texto simple, XML y JSON
  • Animaciones para indicar estado de solicitudes
  • Manejo de solicitudes multiples

Frameworks

Existen numerosas librerias o frameworks disponibles que facilitan la implementacion de soluciones AJAX. Examinamos los frameworks mas populares.

  • Prototype
  • Script.aculo.us

Técnicas AJAX con Prototype - Script.aculo.us

Aplicaciones tipicas de AJAX en las aplicaciones Web.

  • Simplificación de solicitudes XMLHttpRequest
  • Actualizar secciones de una pagina de manera continua y automática
  • Ordenamiento de tablas
  • Modificar y ordenar listas
  • Tooltips
  • Autocompletar o sugerir
  • Manejo de ventanas secundarias con interfase personalizada
  • Arrastrar y dejar caer (drag and drop)

Frameworks

A solicitud del cliente podemos cubrir otros frameworks:

  • jQuery
  • Mootools

Los usuarios que se interesaron por este curso también han mostrado interés por...
Ver más cursos similares