Responsive Web Design HTML5, CSS3, JavaScript, JQuery

4.8
2 opiniones
  • Profesionales y atentos. Metodología sencilla y comprensible. Lo recomiendo.
    |
  • Es una formación necesaria, ha sido lo que buscaba y muy clara.
    |

Curso

Online

720 € IVA inc.

Más información

¿Necesitas un coach de formación?

Te ayudará a comparar y elegir el mejor curso para ti y a financiar tu matrícula en cómodos plazos.

900 49 49 40

Llamada gratuita. Lunes a viernes de 9h a 20h.

Descripción

  • Tipología

    Curso

  • Metodología

    Online

  • Horas lectivas

    96h

  • Inicio

    Fechas a elegir

Emagister.com pone a tu disposición el curso de Responsive Web Design HTML5, CSS3, JavaScript, JQuery, cuyo objetivo es aprender a diseñar páginas web atractivas mediante HTML, el lenguaje de marcas diseñado para tal efecto, hojas de estilo CSS, que nos permiten crear estilos específicos para nuestras páginas, combinado con lenguajes como JavaScript, que nos permiten aplicar efectos especiales para interactuar con los usuarios.

Este curso está desarrollado de tal forma que el alumno pueda aprender de forma sencilla y muy práctica como diseñar páginas web avanzadas siguiendo las nuevas tendencias como Responsive Web Desing.

Sigue el enlace que tienes en esta página de emagister.com para descubrir toda la información que necesitas sobre este curso. El centro te informará de todo sin compromiso alguno.

Instalaciones y fechas

Ubicación

Inicio

Online

Inicio

Fechas a elegirMatrícula abierta

A tener en cuenta

Profesionales del diseño WEB y a todas aquellas personas que sienten interés por empezar a diseñar webs multidispositivo.

Preguntas & Respuestas

Plantea tus dudas y otros usuarios podrán responderte

¿Quién quieres que te responda?

Sólo publicaremos tu nombre y pregunta

Opiniones

4.8
  • Profesionales y atentos. Metodología sencilla y comprensible. Lo recomiendo.
    |
  • Es una formación necesaria, ha sido lo que buscaba y muy clara.
    |
100%
4.5
excelente

Valoración del curso

Lo recomiendan

Valoración del Centro

Luis Miguel Ortiz

4.5
01/04/2017
Lo mejor: Profesionales y atentos. Metodología sencilla y comprensible. Lo recomiendo.
A mejorar: .
¿Recomendarías este curso?:

Manuel Astorga

5.0
04/04/2016
Lo mejor: Es una formación necesaria, ha sido lo que buscaba y muy clara.
A mejorar: Para mí ha estado bien.
¿Recomendarías este curso?:
*Todas las opiniones recogidas por Emagister & iAgora han sido verificadas

Logros de este Centro

2018
2017

Todos los cursos están actualizados

La valoración media es superior a 3,7

Más de 50 opiniones en los últimos 12 meses

Este centro lleva 13 años en Emagister.

Materias

  • Etiqueta
  • Eventos
  • HTML
  • Programación web
  • Web
  • Algoritmos
  • Audio
  • Páginas web
  • CSS
  • Programación orientada a objetos
  • Hojas de estilo
  • jQuery
  • Pseudocódigo
  • Javascript
  • Diseño web
  • Diseño de páginas web
  • Efectos
  • Comportamiento
  • Movimiento
  • Responsive web design
  • Gestión avanzada
  • Query

Temario

MÓDULO I: FUNDAMENTOS DE PROGRAMACIÓN   01.- Algoritmos y programas   ¿Qué es un algoritmo? Programas y Aplicaciones Lenguajes de programación Traductores e intérpretes Compiladores Videoejercicio 1 Autopráctica - Algoritmos y programas Autopráctica - Algoritmos y programas II Test - Algoritmos y programas   02.- Tipos de programación   Fases del ciclo de vida de una aplicación Programación desordenada Programación estructurada Programación modular Programación orientada a objetos Autopráctica - Ciclo de vida de una aplicación Autopráctica - Tipos de programación Test - Tipos de programación   03.- Diagramas de flujo   Diagramas de flujo Elementos de los diagramas de flujo Realizando diagramas de flujo Videoejercicio 1 Videoejercicio 2 Autopráctica - Diagramas de flujo Autopráctica - Diagramas de flujo II Test - Diagrama de flujo   04.- Pseudocódigo   Pseudocódigo Escritura en pseudocódigo Creación de algoritmos Variables Constantes Tipos de Datos Operadores y expresiones Videoejercicio 1 Autopráctica - Pseudocódigo Autopráctica - Pseudocódigo II Test - Pseudocódigo   05.- Elementos de un programa   Instrucciones primitivas Instrucciones de asignación Instrucciones de entrada y salida Palabras reservadas Comentarios Contadores Acumuladores Interruptores Videoejercicio 1 Videoejercicio 2 Autopráctica - Elementos de un programa Autopráctica - Elementos de un programa II Test - Elementos de un programa   06.- Estructuras de control   Estructuras de control Alternativa simple Alternativa doble Alternativa múltiple Estructura mientras Estructura repetir Estructura para o desde Estructuras selectivas anidadas Estructuras repetitivas anidadas Videoejercicio 1 Videoejercicio 2 Autopráctica - Estructuras de control Autopráctica - Estructuras de control II Test - Estructuras de control   07.- Estructuras de datos: Tablas   Tablas unidimensionales Tablas bidimensionales Tablas multidimensionales Operaciones con tablas Videoejercicio 1 Videoejercicio 2 Autopráctica - Tablas Autopráctica - Tablas II Test - Estructuras de datos: Tablas   08.- Programación modular   La programación modular Funciones Procedimientos Parámetros Paso de parámetros Ámbito de las variables Recursividad Videoejercicio 1 Videoejercicio 2 Autopráctica - Programación modular Autopráctica - Programación modular II Test - Programación modular   09.- Programación orientada a objetos   La programación orientada a objetos Clases Objetos Relaciones entre clases Abastracción Encapsulamiento Herencia Polimorfismo Videoejercicio 1 Autopráctica - Programación orientada a objetos Autopráctica - Programación orientada a objetos II Test - Programación orientada a objetos   MÓDULO II: RESPONSIVE WEB DESIGN   01.- Reponsive Web Design   ¿Qué es Responsive Web Design? Características del Responsive Web Design Ventajas e inconvenientes Crear un diseño adaptable: CSS Ejemplo de una página web con diseño Responsive Web Design Ejemplo de una página web sin diseño Responsive Web Design Cómo comprobar el diseño de tu página Web CSS: Medias Queries Mobile first Patrones de diseño adaptivo Diseñar para varios dispositivos en papel Plantillas para diseñar Navegadores que soportan Responsive Web Design Video Ejercicio - Reponsive Web Design Autopráctica - Opera mobile emulator Autopráctica - Responsive web Design Test - Responsive Web Design   02.- Creando un diseño adaptable   Cómo comenzar a diseñar Cómo crear un diseño adaptable El HTML de mi diseño adaptable Meta tags El CSS de mi diseño adaptable Medias Queries Diseño web fluido Cálculo de porcentajes Fuentes flexibles Imágenes flexibles Resize Windows Video Ejercicio - Creando un diseño adaptable Autopráctica - Creando un diseño adaptable Autopráctica - Creando un diseño adaptable II Test - Creando un diseño adaptable   03.- Web con responsive design   Frameworks Booststrap Booststrap II Semantic Semantic II Skeleton Skeleton II Less Framework Less Framework II Columnal Video ejercicio - Web con responsive design Autopráctica - Patrón de diseño columnal Autopráctica - Patrón de diseño bootstrap Test - Web con responsive design   MÓDULO III: PROGRAMACIÓN CON HTML5   01.- HTML5   ¿Qué es HTML5? La plantilla de HTML5 DOCTYPE El elemento HTML El elemento HEAD El elemento body El elemento meta El elemento title El elemento link Funciona HTML5 en navegadores antiguos Cierre de etiquetas en HTML5 Video ejercicio - HTML5 Autopráctica - Código fuente Autopráctica - Crea una página web Test - HTML5   02.- Estructura de página HTML5   El esquema de documento Elemento header Elemento nav Elemento section Elemento aside Elemento footer Elemento article Elemento Hgroup Elemento figure Elemento figcaption Elemento mark Elemento progress y meter Elemento time Elemento dialog Elemento embed Video ejercicio - Estructura de página HTML5 Autopráctica - Estructura de página HTML5 Autopráctica - Insertando contenido a la página Test - Estructura página HTML5   03.- Nuevas características   Elementos eliminados en HTML5 Atributos eliminados en HTML5 Elementos de bloque dentro de vínculos Cambios en el texto Negrita Cursiva Tamaño del texto Elemento cite Listas de descripción Elemento details Listas ordenadas personalizadas Estilos con scoped Video ejercicio - Nuevas características Autopráctica - Realizando cambios Autopráctica - Listas Test - Nuevas características   04.- Vídeo y Audio con HTML5   El video con HTML5 en los navegadores Elemento video Atributos del elemento video Formatos de video El atributo autoplay El atributo loop El atributo preload El atributo poster Elemento audio Crear controles personalizados Video ejercicio - Vídeo y Audio con HTML5 Autopráctica - Video y audio Autopráctica - Atributos de Video Test - Vídeo y Audio con HTML5   05.- Formularios Web con HTML5: Atributos   El atributo required El atributo autofocus El atributo min El atributo max El atributo pattern El atributo placeholder El atributo step El atributo accept El atributo readonly El atributo multiple El atributo form El atributo autocomplete El atributo datalist El atributo list Video ejercicio - Formularios Web con HTML5: Atributos Autopráctica - Formulario Web HTML5. Atributos Autopráctica - Formulario Web HTML5. Atributos II Test - Formularios Web con HTML5: Atributos   06.- Formularios Web con HTML5: Elementos   Nuevas entradas de datos en formularios El elemento output El elemento keygen El elemento form El elemento optgroup El elemento textarea Video ejercicio - Formularios Web con HTML5: Elementos Autopráctica - Formulario Web HTML5. Elementos Autopráctica - Formulario Web HTML5. Elementos II Test - Formularios Web con HTML5: Elementos   07.- Canvas de HTML5   La etiqueta Canvas de HTML5 Para qué sirve Canvas Preparando el lienzo Canvas de HTML5 y JavaScript Dibujo de figuras con Canvas de HTML5 I Dibujo de líneas y combinación Dibujo de líneas y combinación II Dibujo de líneas y combinación III Dibujo de líneas y combinación IV Procesando imágenes Video ejercicio - Canvas de HTML5 Autopráctica - elemento.rect Autopráctica - Curvas bezier Test - Canvas de HTML5   MÓDULO IV: HOJAS DE ESTILO CSS3   01.- Introducción a CSS3   ¿Qué es CSS3? Selectores CSS3 Selectores relacionales Selectores de atributo Pseudo-clases Pseudo-clases estructurales Pseudo-elementos y contenido generado Contenido generado Video ejercicio - Introducción a CSS3 Autopráctica - Selectores Autopráctica - Pseudo-elementos Test - Introducción a CSS3   02.- Colores y texto en CSS3   Colores HSL Colores HSLA Colores RGBA Opacidad Text-shadow Text-overflow Rotura de palabras largas Web Fonts Border-Radius Sombras Video ejercicio - Colores y texto en CSS3 Autopráctica - Página web formulario Autopráctica - Border-Radius y sombras Test - Colores y texto en CSS3   03.- Degradados en CSS3   Degradados lineales Degradados radiales Degradados lineales de repetición Degradados radiales de repetición Múltiples imágenes de fondo Tamaño de fondo Video ejercicio - Degradados en CSS3 Autopráctica - Creando degradados I Autopráctica - Creando degradados II Test - Degradados en CSS3   04.- Transformaciones y Transiciones   Transiciones Transition-property Transition-duration Transition-timing-function Transition-delay La propiedad abreviada transition Múltiples transiciones Transformaciones Traslación Escalar Rotación Inclinación Cambiar el origen de la transformación Video ejercicio - Transformaciones y Transiciones Autopráctica - Estilos de transición Autopráctica - Estilo de transformación Test - Transformaciones y transiciones   05.- Animaciones en CSS3   Animaciones Fotogramas clave Propiedad animation-name Propiedad animation-duration Propiedad animation-timing-function Propiedad animation-iteration-count Propiedad animation-direction Propiedad animation-delay Propiedad animation-fill-mode Propiedad animation-play-state Propiedad abreviada animation Video ejercicio - Animaciones en CSS3 Autopráctica - Crear una animación I Autopráctica - Crear una animación II Test - Animaciones en CSS3   06.- Fuentes y Diseño multicolumna en CSS3   Importar fuentes tipográficas mediante Font-face Aplicar la fuente Tipos de fuentes y navegadores La propiedad column-count La propiedad column-gap La propiedad column-width La propiedad abreviada columns Columnas y la propiedad height Propiedad column-rule Salto de columna Inserción de imágenes Textos multicolumna Video ejercicio - Fuentes y Diseño multicolumna en CSS3 Autopráctica - Texto multicolumnas Autopráctica - Mofidicar un texto multicolumnas Test - Fuentes y Diseño multicolumna en CSS3   MÓDULO V: PROGRAMACIÓN CON JAVASCRIPT   01.- JavaScript   ¿Qué es JavaScript? Integrar JavaScript en una página web Primer programa en JavaScript Instrucciones Tipos de datos Literales Conversión de tipos Operadores Uso de variables Trabajo con variables Comentarios en JavaScript Sentencia if Sentencia switch-case Bucle while Bucle do-while Bucle for Sentencia break y continue Matrices Video ejercicio - JavaScript Autopráctica - Estructura if Autopráctica - Uso de variables y sentencia if Test - JavaScript   02.- Funciones JavaScript   Declaración de funciones Definición de Parámetros Valores de retorno Ámbito de las variables Función Number Función String Función isNaN Función isFinite Función parseInt Función parseFloat Función escape Función unescape Función eva Video ejercicio - Funciones JavaScript Autopráctica - Función parseInt Autopráctica - Función par o impar Test - Funciones JavaScript   03.- Objetos de JavaScript   Objeto envoltorio Objeto Array Objeto Date Objeto Math Objeto RegExp Objetos del navegador Objeto Window Objeto navigator Objeto screen Objeto history Objeto location Objeto document Objeto anchor Objeto link Objeto image Video ejercicio - Objetos de JavaScript Autopráctica - Función palíndromo Autopráctica - Función de nueva página web Test - Objetos de JavaScript   04.- DOM   Árbol de nodos Tipos de nodos Acceso directo a los nodos Creación y eliminación de nodos Video ejercicio - DOM Autopráctica - Utilizando las funciones DOM Autopráctica - getElementById Test - DOM   05.- Trabajar con JavaScript y CSS   DOM para CSS Atributo Style Manipular clases de CSS Manipular reglas de CSS Manipular hojas de estilo Activar y desactivar hojas de estilo Incluir o importar hojas de estilo Embeber hojas de estilo Video ejercicio - Trabajar con JavaScript y CSS Autopráctica - El atributo style Autopráctica - Cambio de regla del contenedor Test - Trabajar con JavaScript y CSS   06.- Eventos   Eventos en JavaScript Eventos en una página HTML Trabajar con eventos Manejadores como atributos HTML Trabajar con eventos en JavaScript El objeto event Propiedades Video ejercicio - Eventos Autopráctica - onmouseover y onmouseout Autopráctica - onmousemove Test - Eventos   07.- Formularios en JavaScript   Definir formulario Cabecera del formulario Elementos del formulario Eventos de formulario Submit Focus Blur Click Change Enfoque de un campo Deshabilitar campos de un formulario Ocultar campos de un formulario Validación de formularios Añadir reglas de validación Mensajes de error avanzados Validación básica Validación avanzada Validación de casillas de selección y botones de opción Dar formato a los mensajes de error Video ejercicio - Formularios en JavaScript Autopráctica - Elementos de tipo checkbox Autopráctica - Crea un formulario Test - Formularios en JavaScript   MÓDULO VI: PROGRAMACIÓN CON JQUERY   01.- JQuery   ¿Qué es JQuery? Añadir JQuery a una página HTML Selección de elementos Comprobar selecciones Selección de elementos de un formulario Trabajar con selecciones Utilizar clases para aplicar estilos CSS Dimensiones Atributos Recorrer el DOM Manipulación de elementos Crear nuevos elementos Manipular atributos Video ejercicio - JQuery Autopráctica - Creando una función JQuery Autopráctica - Métodos hide y show Test - JQuery   02.- Eventos y efectos con JQuery   ¿Qué es un evento? Eventos de ratón Eventos de documento/ventana Eventos de formulario Eventos de teclado Utilizar eventos con JQuery Carga del código HTML Eventos de JQuery El objeto evento Detener el comportamiento normal de un evento Eliminar eventos Gestión avanzada de eventos Mostrar y ocultar efectos Hacer aparecer y desaparecer elementos Deslizar elementos Video ejercicio - Eventos y efectos con JQuery Autopráctica - Efecto de movimiento Autopráctica - Generar un número aleatorio Test - Eventos y efectos con JQuery    

Más información

¿Necesitas un coach de formación?

Te ayudará a comparar y elegir el mejor curso para ti y a financiar tu matrícula en cómodos plazos.

900 49 49 40

Llamada gratuita. Lunes a viernes de 9h a 20h.

Responsive Web Design HTML5, CSS3, JavaScript, JQuery

720 € IVA inc.