Con este curso online de desarrollo front end obtendrás formación en HTML5, CSS3 y JavaScript. Aprenderás a dominar estos conceptos de forma técnica y profesional para poder trabajar en una empresa de desarrollo de software o gestionar una app de una gran compañía, entre otras muchas posibilidades. Miles de puestos como maquetador web, desarrollador front end, desarrollador de aplicaciones web y mantenimiento de sitios y aplicaciones web en su desarrollo visual te están esperando. ¡Sal de Tokio School a por todas!

Temario

Bloque 1: HTML5

Introducción a HTML5

Comienza con una introducción al HTML5 a partir de su historia y los conceptos principales.

Enlaces y tablas

Aprende a introducir etiquetas y atributos en los diferentes enlaces y tablas de tus proyectos.

Estructuras y contenedores

¡Manos a la obra! Te adentrarás en la programación con HTML5. ¿Lo primero? Estructura de los documentos, contenedores semánticos y de texto, y estructura básica del HTML5.

Multimedia

Conocerás todas las características, estructuras y etiquetas de las imágenes, los formularios y otros componentes multimedia.

Bloque 2: CSS3

Introducción a las hojas de estilo

Breve introducción a la historia del CSS3, explicaremos el uso de hojas de estilo con Sublime Text y hablaremos de la sintaxis.

Propiedades y maquetación

Cómo aplicar diferentes estilos a fuentes de texto, listas, tablas, viñetas personalizadas y maquetación de cajas.

Consulta de medios e impresión

¿Conoces Media-queries? Útil para conseguir un diseño responsive. Lo conocerás a través de pautas básicas y ejemplos de estilos para la impresión.

Diseño y buenas prácticas

Todos los trucos en HTML5 Y CSS3. Además del diseño en mock ups y Bootstrap y la gestión de contenidos para la creación de páginas web.

Bloque 3: Desarrollar con JavaScript

El lenguaje de JavaScript

Historia, introducción con Sublime Text y desarrollo a partir de algoritmos.

JavaScript I

Programación orientada a objetos, formularios, el modelo DOM, exploración de flujo XML vía DOM y gestión de las cookies en

JavaScript.

Conceptos principales
El uso de objetos, condicionales, bucles, tablas, procedimientos y funciones.

JavaScript II

Almacenamiento en servidores, geolocalización, implementación de un diseño HTML5, gráficos de gestión de APIs, creación de documentos y buenas prácticas.

Bloque 4: Diseño web

Diseño con mockups y plantillas

Las fases de diseño desde el briefing hasta el diseño y desarrollo. Etiquetas y propiedades de la plantilla Bootstrap.

Framework React

Conceptos básicos, propiedades y rutas de React enfocado a aplicaciones web, además de su aplicación práctica.

Mobile: diseño responsive

Todos los trucos y la metodología para lograr un diseño responsive.

Diseño con WordPress

Instalación de WordPress, el uso de la plantilla DIVI y el diseño con constructor visual y la plantilla.

Proyecto final: Programa tu propia aplicación web

Crea y programa una aplicación

En el proyecto final de este curso tendrás que crear tu propia aplicación web para la empresa que elijas.

Para lograrlo tendrás que usar una plantilla Bootstrap y aplicar todo lo aprendido en el curso.

El profesor se pondrá en el papel de un cliente y tendrás que realizar diseños previos con Balsamiq con las especificaciones dadas en el briefing.