DESARROLLO DEL CURSO:

Al finalizar el Curso de Diseño de Páginas Web Avanzado con JavaScript, HTML5 y CSS3, el alumno dominará las técnicas avanzadas y novedosas de diseño y programación Web gracias a la aplicación de los estándares web HTML5 y Hojas de estilo en cascada Nivel 3 (CSS3). Este conjunto de tecnologías permite crear páginas dinámicas y ricas desde el punto de vista de la experiencia del usuario, cada vez más parecidas a las aplicaciones de escritorio. El curso se divide en dos partes: primero se estudia el lenguaje JavaScript y el Modelo de Objetos del Documento (DOM); posteriormente, se utilizan esas dos herramientas para presentar las principales características de HTML5 y CSS3.

Las tecnologías y conocimientos profesionales de Diseño y Programación Web que se imparten en este curso son los siguientes:

- JavaScript

• El lenguaje JavaScript se utiliza para crear guiones o scripts que se incluyen en las páginas web y que son ejecutados por el navegador que utiliza el usuario. Tareas como la validación de los datos enviados por el usuario en un formulario o la manipulación del Modelo de Objetos del Documento (DOM) pueden realizarse mediante un lenguaje como JavaScript. Además, será el lenguaje utilizado para trabajar con las API de HTML5.

• HTML5 es el estándar Web que se utiliza para identifican los nuevos elementos semánticos, las características propias para reproducir elementos multimedia o las nuevas características de los formularios.

• Es un estándar Web en diseño que permite añadir nuevos selectores Web, técnicas de diseño avanzadas, transiciones y transformaciones para animaciones.

El Curso de Diseño de Páginas Web Avanzado con JavaScript, HTML5 y CSS3 está realizado con tecnología multimedia e interactiva aplicando las últimas técnicas didácticas en formación técnica de alto nivel orientadas al diseño de páginas Web. Durante el curso, el alumno tiene a su disposición la documentación en formato libro, para su referencia y consulta durante el estudio del curso.

Duración máxima del curso: 2 meses.
Modalidad de formación: Formación e-learning guiada e interactiva. El alumno tiene la opción de hacer el curso sin tutor o con un tutor personalizado
Estimación de horas para su realización: 40 horas.
Tiempo recomendado para el estudio: 5 o 6 horas a la semana.
Idioma del curso: Íntegramente en español.
Libros de apoyo al estudio: El curso incorpora la documentación en formato libro para referencia y apoyo al estudio del alumno. (Ver Documentación del curso).
Bolsa de Trabajo: Bolsa de trabajo propia de la Escuela a disposición de los alumnos. Selección de candidatos para las empresas colaboradoras con participación activa del alumno. (Ver Bolsa de Trabajo).
Diploma: Tras la finalización del curso, se otorga el diploma acreditando los conocimientos adquiridos por el alumno.

DESTINATARIOS:

El Curso de Diseño de Páginas Web Avanzado con JavaScript, HTML5 y CSS3, está dirigido a personas sin experiencia previa en el diseño y programación de páginas Web para Internet que necesiten por motivos personales o profesionales, tener los conocimientos de diseño y programación para crear componentes Web para utilizarlos en la compilación y generación de páginas Web y su publicación en servidores. También está orientado a personas que quieran consolidar o actualizar sus conocimientos en tecnologías de diseño y programación de páginas Web para Internet.

La Escuela Técnica de Informática Lasfor es un referente en formación técnica de alto nivel para profesionales en tecnologías de la información a nivel mundial para empresas, organismos oficiales de diferentes paises y particulares que deseen avanzar profesionalmente.

DIPLOMA:

Será necesaria la realización de todos y cada uno de los ejercicios, prácticas, test, etc. que se puedan presentar durante el curso, incluyendo los que el profesor pueda añadir. Cumplidos los términos anteriores, el alumno recibirá el diploma acreditativo de su curriculum profesional .

BOLSA DE EMPLEO:

La Escuela Técnica de Informática Lasfor, cuenta con una amplia Bolsa de Empleo (Ver Bolsa de Trabajo), la cual es un punto de encuentro entre el mundo profesional y el mundo de la formación técnica de calidad. La bolsa de empleo de la Escuela, proporciona a cualquier empresa la posibilidad de integrar en su plantilla a personal altamente cualificado, formado profesionalmente en nuestra Escuela. Todos los servicios que prestamos son gratuitos y tienen como única finalidad colaborar con las empresas e instituciones de nuestro entorno en la búsqueda de candidatos para cubrir sus necesidades de profesionales cualificados, y así ver satisfechas las aspiraciones de nuestros titulados.

Desde la Bolsa de Trabajo de la Escuela Técnica de Informática Lasfor, estamos abiertos a cualquier propuesta de las empresas e instituciones que favorezcan la inserción de nuestros alumnos y fomente las relaciones formación técnica - empresa: presentaciones de empresa, coloquios y seminarios, intercambios internacionales, jornadas de orientación, etc...

• Relata la situación actual de la Web, en la que tiene gran relevancia las páginas dinámicas e interactivas, convirtiéndose prácticamente en aplicaciones web. Para desarrollar ese tipo de páginas, los estándares HTML y CSS han tenido que evolucionar, convirtiéndose en HTML5 y CSS3. También explica el papel que juega el lenguaje de programación JavaScript, como medio o herramienta para utlizar estas nuevas tecnologías.
  
  

• Explica la forma de incluir código JavaScript en las páginas web, para lo que se utiliza la etiqueta script, así como preparar código alternativo para aquellos navegadores que no pueden ejecutarlo o que lo tienen desactivado. También se introducen conceptos fundamentales de programación, como variables, tipos de datos, operadores y cuadros de diálogo sencillos.
  
  

• Se describe la sintaxis de las etiquetas HTML y la posibilidad de que presenten atributos para establecer propiedades o características adicionales. Se introducen las etiquetas HTML fundamentales que describen una página web, como html, head y body y la etiqueta de párrafo de texto p. Además, se indica cómo guardar una página web y establecer el título de la misma.
  
  

• Estudia las estructuras de control y cómo definir funciones en JavaScript. También se explica el ámbito de las variables, aclarando la diferencia entre una variable global y una variable local.
  
  

• Estudia cómo utilizar los objetos en el lenguaje JavaScript. Aunque no se trata de un lenguaje orientado a objetos, sí que tiene objetos propios que el programador puede utilizar. Presenta la jerarquía de objetos que proporciona el navegador, así como el concepto de array, muy utilizado en programación.
  
  

• Estudia los objetos location e history de JavaScript. Introduce el concepto de url.
  
  

• Estudia el objeto document de JavaScript, que representa el contenido de la página web: su título, conjunto de imágenes, conjunto de hipervínculos, etc.
  
  

• Estudia el objeto form de JavaScript, que permite el acceso a la información manejada en los formularios que aparecen en las páginas web. Explica cómo validar la información del formulario con JavaScript antes de enviarla al servidor web.
  
  

• Estudia el concepto de Modelo de Objetos del Documento o DOM, indicando que los navegadores representan los documentos HTML en forma de un árbol de nodos, en el que la raíz es el objeto document. Describe los métodos esenciales de la interfaz de programación del DOM, como son los métodos para seleccionar elementos (getElementById, getElementsByTagName, getElementsbyClassName) y los que permiten obtener o establecer el valor de los atributos (getAttribute y setAttribute).
  
  

• Describe las propiedades y métodos del DOM que permiten manipular el contenido de una página web una vez se ha cargado, sin necesidad de volver a solicitarla al servidor web. Se estudia cómo recorrer el árbol del documento, cómo modificar el valor de los nodos de texto o cómo crear nuevo contenido.
  
  

• Se describen buenas prácticas a la hora de escribir código JavaScript y trabajar con el DOM de un documento: separar el código JavaScript del código HTML; escribir los manejadores de evento en el mismo código JavaScript y no como atributos de las etiquetas HTML; detectar las características con las que es compatible el navegador del usuario en lugar de intentar detectar el propio modelo de navegador, etc. Para afianzar todas estas prácticas, la lección finaliza describiendo un ejemplo completo en el que se simula una galería de imágenes.
  
  

• La lección empieza con el estudio del tipo de documento o doctype que indica que una página web sigue la especificación de HTML5. Después introduce uno a uno los elementos estructurales de HTML5 que permiten describir mucho mejor el contenido de una página web. Como ejemplo de ello, se vuelve a maquetar una página web en la que se habían utilizado elementos neutros div, sustituyéndolos por los nuevos elementos estructurales.
  
  

• Se indica cómo ajustar el código de una página web que utiliza los elementos estructurales HTML5 para que sea mostrada correctamente por los navegadores antiguos, en especial por Internet Explorer 8 y anteriores. Seguidamente se estudian otros elementos semánticos de HTML5, como mark, progress, etc. A continuación se describe el significado que tiene anidar elementos estructurales, por ejemplo, para representar un artículo o post en un blog y los comentarios que tiene relacionados. La lección finaliza con el concepto del esquema del documento.
  
  

• Describe las nuevas características de los formularios en HTML5: nuevos controles, nuevos atributos y validación nativa. También se indica cómo simular estas características para el caso de que el usuario utilice algún navegador antiguo. Para esto último, se emplea código JavaScript.
  
  

• Presenta el elemento canvas de HTML5, que sirve para dibujar en la superficie de la página web sin necesidad de ningún complemento adicional, como Flash o Silverlight. Describe los métodos básicos de dibujo: líneas, rectángulos, arcos y trazados.
  
  

• Continúa estudiando otras características del elemento canvas de HTML5: estilos de línea, utilizar gradientes de color, utilizar patrones y dibujar imágenes o texto en la superficie de la página.
  
  

• Estudia cómo incorporar vídeo y audio mediante las nuevas etiquetas HTML5. Con esas etiquetas es el navegador el que reproduce de forma nativa el contenido multimedia, sin necesidad de utilizar ningún complemento o plugin externo. Se estudian los distintos formatos y códecs que están disponibles y se indica cuáles son los que utilizan los principales navegadores. También se proporciona indicaciones para completar el código de forma que los navegadores antiguos puedan reproducir el contenido multimedia mediante Flash.
  
  

• Presenta varias novedades que aparecen con la versión Nivel 3 de las Hojas de estilo en cascada (CSS3): nuevos selectores, la posibilidad de redondear las esquinas de los elementos, aplicar sombras a los objetos y al texto, utilizar niveles de transparencia al especificar colores, especificar colores hsl o utilizar gradientes de color como imágenes de fondo.
  
  

• Sigue presentando otras características nuevas de CSS3, como la posibilidad de incrustar fuentes junto a la página web, aplicar múltiples imágenes de fondo a los elementos y aplicar transiciones y/o transformaciones (cambiar el tamaño, rotar, inclinar o desplazar un elemento) entre distintos estados.