|
Curso Desarrollo Web con JavaScript - AJAX
¿Preguntas? La mejor manera de comunicarse es mediante la forma de contacto Para respuesta inmediata contacte al Lic. Jorge Torres en su celular: (81) 8260-3826 |
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.
 |
Beneficios para usted y su empresa |
Mejore la impresión que causan sus aplicaciones Web en los usuarios
- La mayoría de las aplicaciones Web no aprovechan las ventajas que ofrece JavaScript y esto resulta en aplicaciones funcionales pero que son percibidas por los usuarios como simplonas y sin chiste.
Mejore la calidad de sus procesos de negocio en sus aplicaciones Web
- Evite que los procesos de negocio implementados en sus aplicaciones Web se vean afectados por la falta de validaciones apropiadas durante la captura y procesamiento de datos.
- Optimize los tiempos de respuesta que ofrece a los usuarios evitando recargar constantemente las paginas de sus aplicaciones.
Modernize la funcionalidad de sus productos
- Mejore sus aplicaciones existentes implementando técnicas de retroalimentación inmediata a los usuarios.
Porque tomar este curso con Digitever
- Temario practico, completo y actualizado
- Instructores con amplia experiencia en su campo
 |
Descripción del curso |
JavaScript es un lenguaje de programación que facilita el desarrollo de páginas dinámicas e interactivas que respondan inmediatamente a las acciones de los usuarios. Nuestro curso esta diseñado para proporcionar a los asistentes las habilidades y conocimientos necesarios para el desarrollo de scripts que funcionen tanto en los navegadores mas populares Internet Explorer, Firefox, Safari y Opera.
Después de tomar este curso los asistentes contarán con los conocimientos necesarios para crear, modificar y dar mantenimiento a aplicaciones Web basadas en Javascript.
Aclaración
- JavaScript NO es lo mismo que JAVA
- Este NO es un curso de JAVA
- JavaScript NO es un derivado de JAVA
- JavaScript NO es un JAVA "light"
A quién está dirigido el curso
- Desarrolladores familiarizados con el desarrollo de aplicaciones Web utilizando diferentes tecnologías (ASP, JSP, PHP, Ruby on Rails, etc.) que necesiten adquirir los conocimientos necesarios enriquecer sus aplicaciones web con JavaScript.
- Para aprovechar este curso el asistente debe contar con experiencia practica laboral de al menos un año con cualquier lenguaje de programación (C, Pascal, Basic, RPG, Cobol, etc.)
Material utilizado en el curso
- En este curso no se entrega material impreso.
- Durante el curso se les proporciona a los asistentes archivos con formato de Adobe Acróbata (PDF) como referencia durante el curso.
- También se proporcionan los archivos de los ejemplos y ejercicios.
- No se utiliza ningúna herramienta especial (IDE) para la edición del código, solo se utilizan editores de texto incluidos con Linux o editores "libres" en Windows y Macintosh.
Sobre la calidad del código utilizado en el curso
- Nuestro material esta al día en cuanto a los navegadores mas populares.
- Las técnicas y código del curso estan basados en estandares, se evita el uso de funciones propietarias y no estandares.
- Todos los conceptos del curso funcionan en los navegadores mas relevantes:
Internet Explorer, Firefox, Safari, Google Chrome y Opera.
 |
Temario |
 |
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
|
 |
Explotando el Document Object Model (DOM) |
Mediante el manejo del DOM es como obtenemos el mejor provecho de JavaScript en nuestras páginas.
- La jerarquía de objetos de los navegadores
- Referenciando objetos del DOM organizados por numero
- Referenciando objetos del DOM organizados por nombre
- Referenciando objetos del DOM organizados por identificador (id)
- Manejo de los Eventos en el DOM
|
 |
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)
|
Material adicional
- Este material no esta incluido en las 40 horas regulares del curso.
- Es necesario agregar tiempo adicional para cubrirlos.
- En caso que apliquen viáticos, se cobra de acuerdo al numero de dias adicionales (se cobran los viáticos, no los temas en si).
 |
Frameworks |
A solicitud del cliente podemos cubrir otros frameworks:
|
 |
Precios y Cotizaciones |
En nuestras instalaciones (en Monterrey): $10,000 + IVA
- 40 horas distribuídas en 1 o 2 semanas
- El costo incluye uno o dos asistentes (mas de dos tiene costo adicional)
- No hay fechas programadas para el curso, se programan solo por solicitud del cliente
- El cliente define los horarios:
Lunes a viernes entre 9:00 AM y 10:00 PM
- Las fechas se programan con al menos dos semanas de anticipación (para agendar al instructor e instalaciones)
En sus instalaciones: $18,800 + IVA + Viáticos
- 40 horas distribuídas en 1 o 2 semanas
- No cobramos por numero de asistentes
- El cliente define los horarios a su conveniencia (incluyendo sábados y domingos)
- ¿Que se incluye en los viáticos? Transporte Monterrey-Su ciudad-Monterrey, hotel, taxis y alimentos (el cliente puede hacerse cargo de cualquiera de estos conceptos si lo desea)
Formas de pago
- Efectivo, cheque, deposito o transferencia bancaria
- Para este curso no ofrecemos pagos mensuales ni aceptamos tarjeta de crédito
Solicitud de cotización
| Requerimientos para impartir el curso en sus instalaciones |
Hardware
- Proyector tipo Infocus con una resolución de al menos 800 x 600 (indispensable)
- Equipo para el instructor (el instructor no lleva portátil)
- PC's con 512 MB de RAM o superior
- Resolución de 800 x 600 o superior
- Espacio libre en disco duro de al menos 700 MB
- Para instalar el software en cada equipo estos deben contar con unidad de CD-ROM y/o tener acceso a un directorio compartido de su red local donde se alojen los archivos (700 MB)
Windows
- Windows 2000 SP4, XP SP2 o Vista.
- No se puede utilizar Windows 95, 98, ME ni NT 4.0.
- Cuentas de usuario con privilegios de Administrador.
- En caso de no contar con un editor de texto el instructor incluye en el material del curso el Notepad++ (freeware).
Linux
- Red Hat Enterprise Linux 5.1, CentOS 5.1 (clon de Red Hat), Fedora 8, Ubuntu 7.10 u openSUSE 10.3.
- Capacidad de trabajar con GNOME o KDE a mínimo 800 x 600.
- Editor de texto: Gedit o KWrite.
- Conocimiento del password de root para ejecutar comandos su y sudo.
Apple OS X
- OS X 10.4 (Tiger) o superior.
- En caso de no contar con un editor de texto el instructor incluye en el material del curso el Smultron y TextWrangler (freeware).
Comunes
- Adobe Reader 8 o 9 indispensable (no son validos visores integrados del sistema operativo ni visores alternativos)
- Al menos dos navegadores: Internet Explorer (6 o 7), Firefox (2 o 3), Safari 3 u Opera (9 o 9.5)
- Protocolo TCP/IP instalado y configurado en el equipo.
- Para los temas de AJAX se requiere instalar en el equipo del instructor Apache 2 y PHP 5.2 (el instructor se hara cargo de esta instalación).
- Los equipos de los asistentes deben poder accesar por red al equipo del instructor.
- Opcionalmente si se tiene acceso a internet se accesan las paginas del servidor de Digitever.
PDF con los Requerimientos del curso en sitio |
 |
Forma de contacto |
Aclaraciones
- No tenemos sucursales fuera de Monterrey
- No manejamos bolsa de trabajo
- No recolectamos ni distribuimos currículums de los asistentes a nuestros cursos
- No proporcionamos la información de nuestros clientes a terceros
|