Diploma con sello de FUNDAE
+ Ampliar
Descargas
Catálogo de cursos 2026+5.000 cursos bonificablesRespondemos en 3 hs. promedio
Diploma con sello de FUNDAE
Al terminar recibes tu diploma con tu nombre, el curso y sus 50 horas.
Ver el diploma de este curso
Calendario: Flexible.
Fecha disponible: Inmediata.
Porcentaje de Bonificación: 100%
Diploma con sello de FUNDAE.
Formación regulada y supervisada: cumple la normativa estatal y está sujeta al control de FUNDAE.
Temario Personalizado.
Modalidades: teleformación, aula virtual y MIXTA
| La duración del curso de Desarrollo Frontend (HTML, CSS, SASS, JavaScript y Bootstrap) es de 50 horas, acreditadas en el Diploma del mismo.PLAZO DE REALIZACIÓN:El plazo se puede establecer según las necesidades del alumno o del plan de formación de la empresa. |
Al terminar el curso conservas el acceso a la plataforma durante hasta un año más, sin ningún coste adicional, para volver a consultar los vídeos y los materiales siempre que quieras.
| Este curso puede ser bonificado al 100% para la empresa receptora, incluso aunque esta tenga un porcentaje de copago en razón de su número de empleados en plantilla. El coste de la formación se recuperará
mediante descuento en el pago de los seguros sociales. |
Este descuento será aplicable libremente en cualquier mes del año posterior a la fecha en que haya finalizado la formación. Podrán bonificarse las matrículas de aquellos alumnos que realicen al menos el
75% del curso con éxito. |
| EN CURSOS ONLINE Teleformación: En esta modalidad todo el curso se realiza a través de internet, con acceso las 24 hs. todos los días de la semana y plazo máximo de seis meses. No hay actividades como clases a las que el alumno deba asistir en horarios y fechas programados. Aula virtual: En esta modalidad la formación se imparte mediante clases en directo a través de internet, es decir clases tele-presenciales, que se llevarán a cabo a través de ZOOM, Skype u otra herramienta a convenir. Modalidad MIXTA: Combinación de las dos modalidades anteriores. Los trabajadores asisten a clases en directo (por ejemplo una a la semana) y entre clases disponen de material para avanzar en el curso en la plataforma. Es la más completa para grupos de trabajadores que realizan un mismo curso. EN CURSOS PRESENCIALES o SEMI - PRESENCIALES En esta modalidad los trabajadores realizan el curso asistiendo físicamente a un aula en la que se imparte la formación. Puede ser complementada igualmente con acceso a una plataforma online entre clases. Para esta modalidad se requiere una consulta previa de disponibilidad en la ciudad donde se desee llevar a cabo. |
NOTA:
Trabajamos con la metodologia de curso personalizado, creada por Ciberaula en 1997. Usted puede solicitar un curso a la medida de sus objetivos, que combine lecciones de 2 o mas cursos en un plan de formacion a su medida. Si este es su caso consultenos, esta metodologia ofrece un aprovechamiento maximo de la formacion en los cursos bonificados para trabajadores.
El temario predefinido del curso online de Desarrollo Frontend (HTML, CSS, SASS, JavaScript y Bootstrap) es el siguiente:
1 Introducción al CSS
1.1 Importancia del CSS en el desarrollo web
1.2 Estructura y sintaxis básica
1.3 Creación de una primera página web con estilos básicos
2 Fundamentos de los Selectores CSS
2.2 Selectores (Parte 1 y 2) tipo, clase, ID
2.3 Selectores avanzados combinadores, pseudo-clases
3 Estilización de Fondos y Textos
3.3 Fondos color, imágenes, gradientes
3.4 Texto y tipografía fuentes, tamaño, estilo
4 Unidades en CSS
4.1 Unidades de medida px, em, rem, %
4.2 Unidades de colores RGB, HEX, HSL
5 El Modelo de Caja en CSS
5.1 Box model margen, borde, padding, contenido
5.2 Display inline, block, inline-block, none
6 Diseño y Posicionamiento
6.1 Tipos de elementos bloque, en línea
6.2 Posicionamiento de cajas relativo, absoluto, fijo, flotante
7 Visualización Avanzada
7.1 Galería de imágenes técnicas y prácticas
7.2 Sombras y bordes estilos y aplicaciones
8 Pseudo-clases y Pseudo-elementos
8.1 Aplicaciones y ejemplos prácticos
8.2 Listas y menús de navegación estilización avanzada
9 Formularios Web Estilizados
9.1 Diseño de formularios de contacto
9.2 Campos, botones, y validación visual
10 Animaciones y Transiciones en CSS
10.1 Uso de la propiedad transform
10.2 Creación de animaciones y transiciones suaves
11 Tipografías y Diseño Responsivo
11.1 Fuentes personalizadas incorporación y uso
11.2 Diseño responsivo con HTML y CSS técnicas y prácticas
12 Introducción a Flexbox
12.1 Flexbox conceptos básicos y propiedades para contenedores
12.2 Diseño de una página con Flexbox estructura y estilos
13 Flexbox Avanzado
13.1 Estilos para header, main, aside, y footer con Flexbox
13.2 Responsive design con Flexbox prácticas y ejemplos
14 Introducción a CSS Grid
14.1 Creación de la primera grid
14.2 minmax(), repeat(), y técnicas de posicionamiento
15 CSS Grid Avanzado
15.1 Áreas en CSS Grid y alineación de elementos
15.2 Grid implícita, auto-fill, y auto-fit
16 Preprocesamiento con SASS
16.1 Instalación de SASS y sintaxis básica
16.2 Variables, anidación de selectores
17 Técnicas Avanzadas en SASS
17.1 Organización de proyectos en múltiples archivos
17.2 Mixins, funciones, y clases extendidas
18 JavaScript Básico
18.1 Introducción y sintaxis básica
18.2 Variables, tipos de datos, operadores
19 Estructuras de Control en JavaScript
19.1 Condicionales, bucles (for, while)
19.2 Funciones y eventos básicos del DOM
20 JavaScript Avanzado
20.1 Objetos, arrays y sus métodos
20.2 Scope, closure, y hoisting
21 Manipulación del DOM con JavaScript
21.1 Se y modificación de elementos
21.2 Creación y eliminación de nodos
22 Eventos y Formularios en JavaScript
22.1 Manejo de eventos
22.2 Validación y envío de formularios
23 JavaScript Moderno
23.1 ES6+ let, const, arrow functions, template literals
23.2 Promesas, async/await para operaciones asincrónicas
24 Introducción a Bootstrap
24.1 Conceptos básicos de Bootstrap y su grid system
24.2 Descarga e integración en proyectos
25 Componentes de Bootstrap
25.1 Uso de componentes botones, cards, modales
25.2 Formularios con Bootstrap diseño y validación
26 Bootstrap Avanzado
26.1 Flexbox en Bootstrap para diseño de layouts
26.2 Responsive design con Bootstrap prácticas y ejemplos
Inicio
VS Code (gratis, recomendado). Alternativas igualmente válidas: Sublime Text, WebStorm Community o incluso Notepad++ para empezar.npm install -g sass, completamente gratis.<div> o <p> es suficiente..html, dedica 30 minutos a un tutorial de HTML básico antes de empezar — el curso arranca en CSS.A lo largo del curso construyes piezas reales que puedes añadir a tu portafolio desde el primer día. Aquí tienes los proyectos más representativos:
localStorage y arrow functions ES6+. Caso de uso: demostración de JavaScript sin frameworks, muy valorada en procesos de selección junior.Estos son los tropiezos más frecuentes al aprender frontend. Identificarlos antes te ahorra horas de depuración:
box-sizing: border-box global: sin él, añadir padding o border rompe el ancho calculado y los layouts se descuadran de forma inexplicable. Ponlo siempre en el reset CSS.px para todo impide que el diseño escale con las preferencias de fuente del usuario. Usa rem para tipografía y espaciados, % o fr para anchos.position: absolute sin position: relative en el padre: el elemento se posiciona respecto al viewport en lugar de a su contenedor, con resultados impredecibles.var en lugar de let o const en JavaScript: el hoisting de var genera bugs difíciles de rastrear. Usa siempre const por defecto y let solo cuando necesites reasignar.== con ===: "5" == 5 devuelve true en JavaScript por la coerción de tipos. Usa siempre === salvo que tengas un motivo muy concreto.document.getElementById() en el <head> sin esperar al evento DOMContentLoaded devuelve null y rompe el script..scss directamente. Debes compilar a .css con el comando sass --watch antes de ver cambios.margin-left extra desalinea toda la fila.Recursos gratuitos y herramientas que complementan el curso desde el primer día:
Artículos publicados sobre Desarrollo Frontend (HTML, CSS, SASS, JavaScript y Bootstrap)
|
Por Jasmin Fasquelle Estrategias de Optimización de Carga de Página para Frontend
Las estrategias de optimización de carga de página para frontend son fundamentales para mejorar la experiencia del usuario y el rendimiento del sitio web. Un primer paso clave es minimizar el tamaño de los archivos utilizando técnicas como la compresión de imágenes y la reducción de archivos CSS y JavaScript. Utilizar herramientas como Webpack o Gulp permite automatizar estos procesos, asegurando que el contenido estático se entregue de manera eficiente. Además, implementar la carga diferida de imágenes y scripts ayuda a mejorar los tiempos de carga iniciales. Otra estrategia esencial es aprovechar el caché del navegador. Configurar correctamente el caché permite que los elementos recurrentes de la página, como logos o archivos CSS, se almacenen localmente en el navegador del usuario, reduciendo la necesidad de volver a descargarlos en visitas subsiguientes. Complementariamente, utilizar una red de distribución de contenido (CDN) puede distribuir los archivos estáticos desde servidores ubicados estratégicamente alrededor del mundo, disminuyendo la latencia y acelerando la entrega de contenido. Finalmente, optimizar el renderizado del frontend puede marcar una gran diferencia. Priorizar el renderizado de contenido crítico, como el HTML y CSS esenciales, asegura que los usuarios vean el contenido principal rápidamente. El uso de técnicas como AMP (Accelerated Mobile Pages) también puede mejorar significativamente los tiempos de carga en dispositivos móviles, lo cual es crucial dado el creciente número de usuarios que acceden a sitios web desde sus teléfonos. Implementar estas estrategias de optimización no solo mejora la experiencia del usuario, sino que también puede influir positivamente en el posicionamiento en motores de búsqueda. |
|---|
🔍 Buscar curso
+5.000 cursos disponibles
📰 Blog del curso
Formación bonificada online para empresas. Ayudamos a equipos a ganar productividad con formación ajustada a las necesidades.
Somos una empresa de formación bonificada especializada en formación online en sus diferentes modalidades: teleformación, aula virtual y formación mixta.
Ayudamos a nuestros clientes a alcanzar una mayor productividad mediante acciones formativas ajustadas a sus necesidades reales.
Actuamos siempre con un código ético estricto. No ofrecemos supuestos cursos "homologados" de materias como igualdad, protección de datos, manipulador de alimentos, etc, porque sencillamente no existen.
Formación que transforma equipos. Nos esforzamos por aportar valor: diseñamos itinerarios con objetivos concretos de negocio, medimos la finalización real, y acompañamos a cada alumno hasta el final. Por eso el 95% de quienes empiezan, terminan.
