Máster de Diseño y Programación Web (Frontend)

En este mismo módulo el alumno aprenderá sobre diseño web adaptativo (responsive design), es decir, un diseño web interactivo que se adapta a la perfección a distintos dispositivos como tablets o teléfonos móviles. Esta técnica ha ganado mucho terreno en los últimos años debido al aumento de la navegación en internet desde este tipo de dispositivos y a que dentro del algoritmo de posicionamiento en Google el responsive design es un factor determinante.

En cuanto al segundo módulo del Máster de Diseño y Programación Web (Frontend), en él se da un paso adelante en lenguajes de programación más complejos y que también permiten expandir el abanico de oportunidades y aplicaciones prácticas del lado del cliente. Son JavaScript y jQuery. Estos nos permiten crear páginas web dinámicas, dotando a nuestro sitio web de efectos y funciones que extienden las posibilidades que nos ofrece HTML5. Además, librerías como jQuery, facilitan mucho la creación de complejas funciones y efectos visuales espectaculares.

Salidas profesionales

•Diseñador web
•Desarrollador Frontend
•Programador de aplicaciones web Javascript
•Programador de aplicaciones web jQuery
•Visual designer

Temario:

DISEÑO WEB CON HTML5 Y CSS3

01- DISEÑO WEB

· Principios básicos del diseño web
· Principios de usabilidad
· Principios de accesibilidad
· Creación y optimización de imágenes para web
· Piezas básicas publicitarias: banners, redes sociales HTML + CSS: estándares web
· Introducción a la web: navegadores, motor de navegaciones, sistemas operativos
· Preparación del entorno para el desarrollo
· HTML: versiones y diferencias
· Etiquetas y atributos
· Semántica de las etiquetas
· Uso de las etiquetas
· DOCTYPE y codificación de caracteres (Charset)
· Head y Title
· Párrafos
· Imágenes
· Tablas
· Enlaces: hipervínculos y anclas
· Listas: ordenadas, desordenadas y de definiciones
· Etiquetas meta
· Uso de iFrames
· Formularios
· Rutas y direcciones: relativas y absolutas
· Propiedades CSS
· Enlazar CSS
· Selectores CSS
· Pseudoselectores y pseudoelementos
· Vídeo en HTML5
· Audio en HTML5Responsive design (diseño web adaptable a tablet/móvil)
· Vídeo en HTML5
· Audio en HTML5Edición web
· Creación del entorno de desarrollo: Editor de Texto + Navegador
· Complementos y herramientas útiles para la edición web
· Estructuración de un sitio web
· Uso avanzado de nuestro entorno de desarrollo
· Conexión a un servidor remoto y sincronización
· Gestión de archivos mediante FTP
· Servidores y registro de dominios

Desarrollo Front-End (Javascript y jQuery)

· Introducción a JavaScript y jQuery
· Conceptos básicos para el uso de plugins jQuery
· Creación de ejemplos prácticos: des-plegables, galerías, sliders
· Introducción a CMS: WordpressDesarrollo Back-End
· Introducción a servidores
· Introducción a lenguajes de servidor (PHP y MySQL)Posicionamiento web: SEO
· Entendiendo los motores de búsqueda
· Usabilidad web
· Introducción al SEO On Page
· Marketing web

FRONTEND CON JAVASCRIPT Y JQUERY

01- DESARROLLO WEB (FRONTEND)

Primeros pasos con JavaScript
· Introducción a la programación de frontend
· JavaScript. Sintaxis general
· Incluir JavaScript en documentos HTML
· JavaScript en archivos adjuntos
· JavaScript dentro del código HTML
· JavaScript. Variables y operadores
· Variables locales y variables globales
· Variables numéricas
· Metodos para variables numéricas
· Operadores de asignación
· Operadores de incremento y decremento
· Operadores matemáticos
· Cadenas de texto (strings)
· Métodos para cadenas de texto
· Variables Undefined
· Variables NULL
· Variables NaN
· Operadores lógicos en JavaScript
· Operadores relacionales

Estructuras de control de flujo y variables complejas
· JavaScript. Tipos variables complejas
· Arrays en JavaScript
· Métodos para Arrays
· Condicionales en JavaScript
· If / else
· Switch
· Bucles en JavaScript
· Ciclo for
· Ciclo while

Funciones en JavaScript
· Funciones en JavaScript
· Sintaxis y uso
· Scope de JavaScript
· Trabajo con funciones

El DOM
· JavaScript. El DOM
· Introducción al DOM
· Objeto Notation
· Crear nodos
· Agregar nodos
· Modificar, reemplazar y eliminar nodos
· Acceso a los atributos del DOM
· Modificar estilos de elementos
· Eventos del DOM

JavaScript avanzado. Objetos
· Definicion de objeto
· Arrays asociativos
· Propiedades
· Métodos
· Métodos apply() y call()
· Introducción a la notación JSON
· Trabajo con JSON en JavaScript (I)
· Trabajo con JSON en JavaScript (II)

AJAX en JavaScript
· AJAX en JavaScript
· Primeros pasos
· Primera aplicación
· Funcionamiento de una aplicación AJAX
· Métodos y propiedades del objeto XMLHttpRequest
· Objetos para AJAX
· Trabajo con AJAX. Listas desplegables
· Trabajo con AJAX. Autocompletar formulario
· Trabajo con AJAX. Lector RSS
· Trabajo con AJAX. Google maps

jQuery básico
· Introducción a Jquery
· Pasos para utilizar jQuery
· Primer script con jQuery
· Básicos de jQuery: añadir y quitar clases CSS
· Básicos de jQuery: mostrar y ocultar elementos de la página
· Básicos jQuery: efectos rápidos con jQuery
· Básicos jQuery: callback de funciones jQuery
· Básicos jQuery: uso de Ajax básico con jQuery
· Básicos jQuery: Ajax jQuery con mensaje de carga

jQuery Avanzado
• El 3 de jQuery. Metodos esenciales
• Función jQuery o función $()
• Core/each: each del core de jQuery.
• Método size() y propiedad length del core de jQuery.
· Método data() core jQuery
· Selectores de jQuery
· Selectores de jerarquía en jQuery
· Métodos de atributos en jQuery
· Acceder y modificar atributos HTML desde jQuery
· Método attr() de jQuery, otros usos y removeAttr()
· Método prop() de jQuery y diferencias con attr()
· Métodos de CSS de jQuery
· Método css() de jQuery
· Funciones CSS de jQuery para conocer el tamaño y posición de elementos
· Eventos en jQuery
· Manejadores de eventos en jQuery
· Introducción de Objeto evento en jQuery
· Eventos de ratón en jQuery mouseenter y mouseleave
· Eventos de teclado en jQuery
· Definir eventos con bind() y eliminarlos
· Eventos definidos con live() en jQuery
· Delegated events en jQuery
· Efectos en jQuery
· jQuery animate(): animación de propiedades CSS
· Animaciones de color con jQuery.
· Fading en jQuery
· Colas de efectos en jQuery
· Método queue() para acceder a una cola de efectos
· Meter funciones en una cola de efectos jQuery
· Parar la ejecución de una cola de efectos jQuery
· Método delay() para retrasar la ejecución de efectos de la cola
· Cola de efectos personal (no predeterminada) en jQuery
· Desarrollo de plugins en jQuery
· Introducción al desarrollo de plugins en jQuery

Titulación:

CEI es un Centro de Formación Autorizado por Apple. Por ello, nuestros alumnos podrán obtener la certificación profesional de Apple e impulsar su carrera en tecnologías del diseño y de la información, entornos empresariales y mercados B2B.

IBM confía en nosotros y por ello nos ha otorgado la insignia IBM Education Partner. Este sello premia a centros de enseñanza que mantienen y fomentan una formación de calidad.

Nuestra escuela se consolida como Centro de Formación de referencia de Maxon en España y nos convertimos en la 1ª escuela de Europa en ser Maxon Training Provider for R18.

Duración:

360 horas (6 meses)

Fechas:

Próxima fecha de inicio: 21 de enero de 2019

Lunes a viernes

HORARIOS MAÑANAS
09.00 - 12.00 H.
12.00 - 15.00 H.

TARDES
16.00 - 19.00 H.
19.00 - 22.00 H.