¿Qué quieres aprender?

Curso de Diseño Web con HTML5, CSS3 y JavaScript

Curso de Diseño Web con HTML5, CSS3 y JavaScript

CEI: Centro de Estudios de Innovación

Curso presencial

Sevilla y 2 más


1.900

La evolución del diseño web ha permitido crear nuevas posibilidades a la hora de trabajar con diversas herramientas. Si estás buscando aprender ya sea porque deseas trabajar profesionalmente o por gusto personal, ahora podes realizar el Curso de diseño web con HTML5, CSS3 y JavaScript disponible en Lectiva.com y el cual es impartido por CEI Escuela de Diseño y Marketing de manera presencial.

Actualmente la tecnología ha avanzado de tal manera que las posibilidades técnicas de HTML, CSS y JavaScript, permiten diseñar y construir casi cualquier cosa, así que ¿por qué no usar el navegador como herramienta creativa? Utilizando la programación creativa, aprenderemos a crear webs atractivas, funcionales y adaptadas a cualquier dispositivo, aprovechando al máximo las posibilidades del medio y utilizando la tecnología de manera idiomática. Así pues, durante el Curso de Diseño Web con HTML5, CSS3 y Javascript, el alumno adquiere los conocimientos de diseño y desarrollos web necesarios para la planificación, elaboración y desarrollo de páginas web, así como su posterior publicación y puesta en marcha. Se trabaja sobre la estructura y el tratamiento de los sitios web para organizar y disponer de manera correcta la información a presentar. Asimismo, se profundiza en los lenguajes empleados para la construcción de sitios web en sus estándares actuales: HTML5 y CSS3, Javascript y jQuery que nos permiten crear páginas dinámicas, dotando a nuestro sitio web de efectos y funciones que extienden las posibilidades que nos ofrece HTML5.

¿Qué estas esperando para comenzar tu formación? Haz click en el botón “Pide información”, el equipo de asesores de Lectiva.com se comunicará contigo para ayudarte a resolver tus dudas y a guiarte en tu proceso de matriculación.

¿Quieres hablar con un asesor sobre este curso?

Sedes

Localización

Fecha inicio

Sevilla
Madrid
Valencia

Objetivos

Durante el Curso de Diseño Web con HTML5, CSS3 y Javascript, el alumno adquiere los conocimientos de diseño y desarrollo web necesarios para la planificación, elaboración y desarrollo de páginas web, así como su posterior publicación y puesta en marcha. Se trabaja sobre la estructura y el tratamiento de los sitios web para organizar y disponer de manera correcta la información a presentar. Asimismo, se profundiza en los lenguajes empleados para la construcción de sitios web en sus estándares actuales: HTML5 y CSS3, Javascript y jQuery que nos permiten crear páginas dinámicas, dotando a nuestro sitio web de efectos y funciones que extienden las posibilidades que nos ofrece HTML5.

A quién va dirigido

El Curso de Diseño Web con HTML5, CSS3 y JavaScript, online o presencial, está dirigido a personas interesadas en el mundo del diseño, programación y desarrollo web, no siendo necesarios conocimientos previos para un adecuado aprovechamiento del curso.

Requisitos

Formación bonificable para trabajadores en activo por cuenta ajena.

Temario completo de este curso


01 CONTENIDO, ESTRUCTURA Y APARIENCIA

Introducción y herramientas
  • Introducción al desarrollo web integral
  • El diseñador web como programador creativo, el lenguaje de la web
  • Herramientas de apoyo
  • Elección de un editor de texto, factores a tomar en cuenta
  • Todo diseño web debe ser responsive
HTML, primera parte: introducción
  • Introducción a los lenguajes de etiquetas
  • Elementos, etiquetas y atributos
  • HTML semántico, el contenido como guía
  • Elementos semánticos y elementos estructurales
  • Títulos, párrafos, listas, tablas, enlaces e imágenes... el contenido es el rey
  • Flujo normal (normal flow), elementos block e inline
CSS, primera parte: introducción
  • Reglas, selectores y propiedades
  • Tipos de selectores
  • Interludio HTML: elemento style, identificadores únicos y clases
  • Vinculación de ficheros CSS a ficheros HTML
CSS, segunda parte: el navegador como herramientade diseño
  • Diseñando en el navegador, inspector de elementos + editor de texto, o cómo dejar atrás las simulaciones
  • CSS y su relación a los programas de diseño tradicionales
Tipografía
  • Introducción a la tipografía
  • Elección de tipografías para web y las distintas alternativas a nuestra disposición
  • Unidades de medida, absolutas y relativas
  • Propiedades tipográficas
  • Contenido dinámico vs. contenido estático y sus consecuencias a la hora de estilizar la tipografía
Color
  • Distintas formas de hablar en RGB
  • Color de fondo y color del texto
Layout, primera parte: HTML + CSS
  • Relación de las etiquetas estructurales a los típicos “bloques” de un programa de diseño, todo es un rectángulo
  • Unidades de medida
  • Márgenes, por dentro y por fuera
  • Modelo de caja
  • Posicionamiento estático, o lo que está detrás del flujo normal
  • Rompiendo el flujo normal: posicionamiento relativo, absoluto y fijo
  • Introducción al diseño responsive, media queries
CSS, tercera parte: la caja de herramientas gráficas
  • Bordes
  • Imágenes de fondo y su diferencia con las imágenes de contenido
  • Degradados de color
  • Sombras
  • Modos de fusión
  • Filtros
  • Transformaciones
HTML, segunda parte: formularios
  • Introducción a los formularios
  • Elementos de entrada de datos
Layout, segunda parte: Flex
  • El modelo de caja flexible
  • Flex vs. flujo normal
  • Opciones de Flex
  • Flex y su relación al diseño responsive
  • Limitaciones de Flex
Layout, tercera parte: Grid
  • Cuadrículas a la hora de diseñar una web
  • Grid vs. Flex vs. flujo normal
  • Opciones de Grid
Layout, grand finale: diseñando en el navegador
  • Todo es combinable
  • Maquetación idiomática, o como pensar en CSS
  • Todo diseño web será responsive
02 DINAMISMO Y FUNCIONALIDAD
JavaScript
  • ¿Qué es JavaScript?
  • Introducción a la programación
  • Variables, condicionales, bucles y funciones
La API del DOM, o lo que tradicionalmente asociamos a JavaScript
  • ¿Qué es una API?
  • El DOM
  • Distintas formas de capturar elementos del DOM
  • Sintaxis de punto como piedra angular de la API del DOM, getters/setters
  • Gestión de clases
  • Gestión de atributos
  • Añadir y eliminar elementos: HTML dinámico, primera parte
  • El bucle de eventos, o cómo convertir HTML en un espacio interactivo
  • Callbacks
  • El objeto event y cómo gestionar los eventos básicos del navegador
AJAX, o cómo comunicarnos con el backend
  • ¿Qué es el backend?
  • Peticiones y respuestas, el protocolo HTTP
  • Conexiones asíncronas con el servidor, el objeto XHR
  • Strings que van y Strings que vienen, JSON como lengua franca entre lenguajes de programación
jQuery
  • Libraries, frameworks
  • ¿Qué es jQuery?
  • Manipulación del DOM
  • AJAX

Ver más