Curso de Desarrollo Web Frontend
Conoce de primera mano todas aquellas herramientas usadas para diseñar las interfaces de usuario web.
El desarrollo frontend está tomando cada vez más peso dentro del desarrollo de aplicaciones web. Existen numerosas herramientas que nos facilitan el trabajo de construir la estructura que el usuario visualizará en su navegador o dispositivo móvil.
¿A quién va dirigido?
A programadores, diseñadores y a todas aquellas personas que quieran conocer de primera mano todas aquellas herramientas usadas para diseñar las interfaces de usuario dentro de las aplicaciones web.
Objetivos
El objetivo del curso es que el alumno adquiera conocimientos necesarios para enfrentarse a la creación de interfaces web complejas que complementen el trabajo dentro de una aplicación web.
Introducción a HTML5
- Introducción
- Diferencias entre las etiquetas de HTML4 y HTML5
- Nuevas etiquetas
- Nuevas etiquetas, lenguaje
- Links y sus relaciones
- Más etiquetas
- Estructura de HTML5: Div, Section y Article
Introducción a CSS3
- Introducción
- Selectores
- Ejemplos de selectores
- Border Radius
- Box Shadow
- Otros elementos
Introducción a LESS
- Instalación de LESS
- Variables, mixins y operadores
- Funciones, Anidaciones
- Espacio de nombres
- Ámbito
- Comentarios
- Imports
- Guardas
- Selectores
Introducción a SASS
- Introducción
- Variables
- Anidaciones
- Parciales
- Import
- Mixins
- Herencia
- Operadores
- Instalación y uso de Sass
- @if @else y @for
Introducción a JavaScript
- Introducción a Javascript
- Insertar JavaScript en tu HTML
- Incluir JavaScript en el documento y elementos
- Declaración de variables
- Numéricos
- Cadenas de texto
- Conversores
- Booleanos
- Arrays
- Mostrar HTML en JavaScript
- Ingresar valores por teclado
- Estructuras condicionales
- Operadores lógicos
- Estructura Switch
- Bucles
- For
- While
- Do... While
- Funciones
- Math
- Date
Multimedia
- Codecs de vídeo
- Vídeo en HTML5
- Codecs de audio
- Audio en HTML5
- Alternativa con HTML5+JS
Drag & Drop
- Características
- Uso de Drag & Drop
- Primer ejemplo de Drag & Drop
- DataTransfer
- Uso de imágenes fantasma
- Efectos de Drag & Drop
Introducción a jQuery
- Carga de la librería jQuery
- Función factoría
- Selectores CSS
- Selectores jQuery
- Botones y grupos de botones
- Modificar propiedades CSS
- Eventos
- Efectos
- DOM
- Navegación por el DOM
- Manipulación del DOM
- Accediendo a elementos del formulario
Bootstrap
- Introducción
- Características de Bootstrap
- Los temas de Bootstrap
- Paso a paso para empezar con Bootstrap
- Ejemplos oficiales de Bootstrap
- Compañías que usan Bootstrap
Material Design Lite (MDL)
- Introducción
- Incluir MDL
- Reglas generales
- GRID
- Incluir Componente Grid
- Botones
- Incluir un MDL button
- Iconos
- Tablas
- Incluir un componente data - table
- Formularios
- Layout
- Incluir layout
¿No es lo que estabas buscando? También hacemos temarios a medida para empresas, consúltanos.
Dispondrás de un profesor experimentado en programación y desarrollo, que te ayudará
y responderá a todas tus dudas.
Tutor personal
Proyecto final
Diploma de certificación
Plataforma online
Disponibilidad horaria
Bolsa de empleo
¿Quieres realizar esta formación sin coste para tu empresa?
¡Sin desplazamientos! Impartimos la formación en tu empresa.
Imagina Formación es una entidad organizadora de la Fundación Estatal de modo que puedes gestionar la formación bonificada de los cursos con nosotros.
Nos encargamos de todos los trámites para conseguir la bonificación sin ningún coste adicional. Cumplimos con todos los requisitos para que nuestros cursos sean 100% bonificables.
