Conoce de primera mano todas aquellas herramientas usadas para diseñar las interfaces de usuario web.
El desarrollo front-end 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.
Temario
Introducción a HTML5
- Introducción
- Más 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
- Selectores
- Ejemplos de selectores
- Border Radius
- CSS
- 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 de Sass
- @if @else y @fo
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
- HTML5
- Diferencias
- CSS
- Otros elementos
Introducción a jQuery
- Introducción
- Alerts
- Etiquetas
- Navs
- Navbar
- Breadcrumbs
- Botones y Grupos de Botones
- Desplegables
- Cards
- Collapse
- Input Groups
- Formularios
- List Groups
- Ventanas Modales, Popovers & Tooltips
- Scrollspy
- Paginación
- Barras de Progreso
- Jumbotron
Bootstrap
- Introducción
- Características de Bootstrap
- Paso a paso para empezar con Bootstrap
- Los temas de 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
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.
Otros clientes que están aprendiendo con nosotros…
¿Tienes alguna duda? Puedes hablar con uno de nuestros profesores
¡Pregúntanos!