Si te interesa el curso, apúntate a nuestra lista.

Información

Este es un curso pensado diseñadores, maquetadores y en general aquellos que necesiten un conocimiento más profundo de JavaScript para su aplicación en el día a día.

Duración

20 horas

Nivel

Básico

Precio

525 €

Objetivos

JavaScript es una herramienta fundamental para hacer páginas web modernas, usables e interactivas. Ya sea para animar elementos, reaccionar a las acciones del usuario o para pedir datos por AJAX, saber Javascript te va a permitir crear páginas web rápidas, modernas y muy vistosas.

Este curso es fundamentalmente práctico dividido en dos partes: en la primera se introduce el lenguaje y los conceptos de programación necesarios y en la segunda parte nos centraremos en la librería jQuery para estudiar cómo nos puede ayudar a añadir comportamiento y manipular nuestras páginas.

Se combinará teoría con abundantes ejemplos y ejercicios para que los alumnos puedan experimentar y aprender a manejar las técnicas y las herramientas que se presenten. Se trabajará en parejas y se desarrollará, bajo la supervisión del profesor, una pequeña aplicación que ponga en práctica lo aprendido.

Tras recibir este curso, el alumno saldrá sabiendo suficiente JavaScript como para escribir páginas interactivas y dinámicas, comunicarse con el servidor por AJAX y detectar errores de validación en formularios.

Este curso va dirigido fundamentalmente a personas que se quieran iniciar en la programación web que ya sepan HTML y CSS, como maquetadores y diseñadores. No es necesario, sin embargo, tener ningún conocimiento previo de programación.

Que aprenderemos

  • Expresiones regulares
  • Eventos
  • DOM
  • JQuery
  • Selectores
  • Animaciones
  • Programación
  • Ajax
  • Javascript

Temario

Primera parte: El lenguaje

  1. Antes de empezar
    • Elementos de una página web
    • ¿Qué es JavaScript?
    • Cómo editar el código
    • Cómo trabajar con los ejercicios del curso
  2. Fundamentos de la programación
    • ¿Qué es programar?
    • ¡Mostrar cosas por la pantalla!
    • Valores y variables
    • Tipos de datos primitivos: cadenas, números y booleanos
    • Condicionales y bucles
    • Entorno de ejecución y tiempo de vida
  3. Funciones
    • Programación estructurada
    • Definir y llamar a una función
    • Parámetros
    • Valor de retorno
  4. Colecciones de datos
    • Arrays
    • Objetos (diccionarios)
  5. Expresiones regulares
    • ¿Qué es una expresión regular?
    • Elementos y repeticiones
    • Casos prácticos
    • Dónde se puede usar una expresión regular
  6. Temporizadores
    • Timeouts
    • Intervalos

Segunda parte: DOM y jQuery

  1. Conoce a jQuery
    • jQuery: una caja de herramientas
    • Para qué nos va a servir a nosotros
    • Instalar jQuery
  2. DOM
    • DOM es un árbol de elementos
    • Jerarquía de los nodos: Padres e hijos
    • Anatomía de un nodo
    • ¿Para qué sirve?
  3. Selectores
    • Las rutas CSS
    • Colecciones de resultados
    • Selectores especiales
  4. Manipular el DOM
    • Estilos, clases, visiblidad
    • Atributos HTML
    • Crear y eliminar elementos
  5. Animaciones con jQuery
    • Animando propiedades
    • ¿Que propiedades se pueden animar?
    • Encadenar animaciones
    • La cola de animaciones
  6. Elementos interactivos
    • ¡Eventos!
    • Bubbling
    • Cómo podemos reaccionar
    • El primer evento: $(document).ready(...)
    • Clicks, teclas y otros eventos
    • Delegación de eventos
  7. AJAX
    • El cliente y el servidor
    • El lenguaje intermedio: JSON
    • URLs que no son páginas: APIs
    • Pidiéndo información con GET
    • No pierdas el tiempo: peticiones asíncronas
    • Guardar los datos: POST
  8. Y ahora, ¿qué?
    • Cómo seguir desde aquí
    • Bibliografía
    • Recursos
    • Proyectos interesantes

Requisitos

Para este curso solamente es necesario conocimientos básicos de informática, y ganas de aprender un lenguaje de programación fascinante. Javascript es un lenguaje con muchas sutilezas y oscuros pasajes. Todo aquel que posea conocimientos de programación y/o conocimientos de HTML, podrá asimilar en mayor profundidad los conceptos tratados.