Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M753 226C765.703 226 776 236.297 776 249V660.933C776 671.28 767.854 679.414 757.484 679.414H520.798L529.737 710.458C564.531 715.374 668.065 794 622.778 794H297.222C251.935 794 355.469 715.374 390.263 710.458L399.202 679.414H162.516C152.146 679.414 144 671.28 144 660.933V249C144 236.297 154.297 226 167 226H753Z" fill="black"/>
<path d="M175 266C175 260.477 179.477 256 185 256H735C740.523 256 745 260.477 745 266V587H175V266Z" fill="url(%23paint0_linear)"/>
<path d="M678 216V508.5C678 519.419 670.66 528 661.316 528H258.684C249.34 528 242 519.419 242 508.5V216H678Z" fill="%23F3F5F9"/>
<path d="M426.375 360.41H326.625C317.436 360.41 310 352.714 310 343.205C310 333.695 317.436 326 326.625 326H426.375C435.564 326 443 333.695 443 343.205C443 352.714 435.564 360.41 426.375 360.41Z" fill="%23A1A1CE"/>
<path d="M426.375 428H326.625C317.436 428 310 420.305 310 410.795C310 401.286 317.436 393.59 326.625 393.59H426.375C435.564 393.59 443 401.286 443 410.795C443 420.305 435.564 428 426.375 428Z" fill="%23A1A1CE"/>
<path d="M516.623 415.439C518.256 420.362 522.339 424.072 527.355 425.27C532.511 426.463 537.753 424.89 541.355 421.282L560.297 402.307L591.146 433.211C597.52 439.596 607.845 439.596 614.22 433.211C620.593 426.826 620.593 416.481 614.22 410.097L583.37 379.193L601.083 361.449C604.757 357.782 606.244 352.48 605.048 347.44C603.882 342.386 600.149 338.325 595.249 336.689L505.659 306.772C500.321 304.96 494.401 306.407 490.376 310.38C486.381 314.383 484.981 320.313 486.76 325.689L516.623 415.439Z" fill="%23403379"/>
<path d="M678 137.521V226H242V137.521C242 130.508 249.34 125 258.684 125H661.316C670.66 125 678 130.508 678 137.521Z" fill="url(%23paint1_linear)"/>
<path d="M309.7 193C318.923 193 326.4 185.613 326.4 176.5C326.4 167.387 318.923 160 309.7 160C300.477 160 293 167.387 293 176.5C293 185.613 300.477 193 309.7 193Z" fill="%23F3F5F9"/>
<path d="M376.499 193C385.722 193 393.199 185.613 393.199 176.5C393.199 167.387 385.722 160 376.499 160C367.276 160 359.799 167.387 359.799 176.5C359.799 185.613 367.276 193 376.499 193Z" fill="%23F3F5F9"/>
<path d="M443.3 193C452.523 193 460 185.613 460 176.5C460 167.387 452.523 160 443.3 160C434.077 160 426.6 167.387 426.6 176.5C426.6 185.613 434.077 193 443.3 193Z" fill="%23F3F5F9"/>
<defs>
<linearGradient id="paint0_linear" x1="81.0509" y1="303.995" x2="803.49" y2="656.989" gradientUnits="userSpaceOnUse">
<stop stop-color="%232473D6"/>
<stop offset="1" stop-color="%2332ECC8"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="198.622" y1="143.313" x2="702.969" y2="226.342" gradientUnits="userSpaceOnUse">
<stop stop-color="%23D17C4B"/>
<stop offset="0.484375" stop-color="%23D83086"/>
<stop offset="1" stop-color="%237042A8"/>
</linearGradient>
</defs>
</svg>)
Curso de Frontend
DISPONIBLE EN MODALIDAD:
Aula Virtual Personalizada
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.
Formación en Frontend bonificable para empresas
A quién va dirigido nuestro curso de Frontend
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 de nuestro curso de Frontend
- 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.
Qué vas a aprender en nuestro curso de Frontend
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.
Requisitos de nuestro curso de Frontend
- No es necesario ningún conocimiento previo para la realización de este curso.
Temario del curso de Frontend
tema 1
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
tema 2
Introducción a CSS3
- Introducción
- Selectores
- Ejemplos de selectores
- Border Radius
- Box Shadow
- Otros elementos
tema 3
Introducción a LESS
- Instalación de LESS
- Variables, mixins y operadores
- Funciones, Anidaciones
- Espacio de nombres
- Ámbito
- Comentarios
- Imports
- Guardas
- Selectores
tema 4
Introducción a SASS
- Introducción
- Variables
- Anidaciones
- Parciales
- Import
- Mixins
- Herencia
- Operadores
- Instalación y uso de Sass
- @if @else y @for
tema 5
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
tema 6
Multimedia
- Codecs de vídeo
- Vídeo en HTML5
- Codecs de audio
- Audio en HTML5
- Alternativa con HTML5+JS
tema 7
Drag & Drop
- Características
- Uso de Drag & Drop
- Primer ejemplo de Drag & Drop
- DataTransfer
- Uso de imágenes fantasma
- Efectos de Drag & Drop
tema 8
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
tema 9
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
tema 10
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
Preguntas Frecuentes de Frontend
¿Cuáles son los Beneficios del curso Frontend?
El curso de desarrollo Frontend brinda múltiples beneficios, tales como la adquisición de habilidades técnicas en HTML, CSS, JavaScript, la capacidad de desarrollar interfaces de usuario interactivas, y el conocimiento de las últimas tendencias y tecnologías en el desarrollo web.
¿El curso de Frontend se puede bonificar a través de FUNDAE?
Sí, el curso de desarrollo Frontend se puede bonificar a través de FUNDAE, permitiendo a las empresas reducir los costos asociados con la formación de sus empleados.
¿En qué modalidades se imparte el curso de Frontend?
El curso de desarrollo Frontend se ofrece en modalidad online y en aula virtual personalizada. Ambas modalidades brindan flexibilidad a los participantes para que puedan adaptarse mejor a sus horarios y necesidades.
¿Qué habilidades desarrollaré con el curso de Frontend?
Al completar el curso de desarrollo Frontend, adquirirás competencias en la creación y diseño de páginas web, manipulación del DOM, desarrollo de aplicaciones web dinámicas, y el uso de herramientas y frameworks modernos como React, Angular o Vue.js.
¿Cómo puedo inscribirme en el curso de Frontend?
Puedes inscribirte en el curso de desarrollo Frontend rellenando los formularios que aparecen en la web de Imagina Formación. Es un proceso sencillo que te permitirá reservar tu plaza rápidamente.