OpenWebinars
Frontend

Curso de Sass

Este curso de Sass te permitirá dar un salto cualitativo en tu formación como desarrollador frontend, aprendiendo a usar Sass y Gulp de forma conjunta.

4.2(178 valoraciones)

Icono de la tecnología

No solo ofrecemos cursos; facilitamos un camino hacia la excelencia tecnológica para empresas que aspiran a liderar el cambio.

  • Relación continua de asesoramiento con especialistas.
  • Dashboards intuitivos y un LMS que se integra sin fisuras.
  • Formación práctica con líderes del sector.
  • Itinerarios que se adaptan a tus metas empresariales.
  • Acceso 24/7 a 1.450 cursos especializados y actualizados.

Para profesionales que necesitan mejorar sus habilidades y acelerar su carrera profesional.

  • Acceso 24/7 a 1.450 cursos tecnológicos y digitales para que siempre estés al día.
  • Certificados para agregar valor a tu CV.
  • Tutores y profesores con experiencia real.
  • Rutas de aprendizaje para avanzar más rápido.
  • Test de aptitudes para medir tu progreso.
Comenzar Prueba Gratis

Disfruta de 15 días de acceso total sin coste y sin compromiso.

Curso impartido por

Avatar:Juan Diego Pérez Jiménez

Juan Diego Pérez Jiménez

Experto en desarrollo Web

Contenido del Curso

5 Secciones · 30 Lecciones · 4 h. y 17 min. en total

Introducción

16 min.

Sass: Un preprocesador CSS

2 h. y 3 min.

Gulp

31 min.

Creación de mi propio tema BootStrap usando Sass

41 min.

Mi propio framework

44 min.

Habilidades que obtendrás

  • ✓ Conocerás toda la potencialidad de un preprocesador CSS como Sass
  • ✓ Practicarás muchas de las posibilidades de Sass mediante la ejecución de casos prácticos propuestos.
  • ✓ Usarás la herramienta Gulp para, junto con Sass, desarrollar un workflow para el desarrollo FrontEnd
  • ✓ Crearás un nuevo tema para el Framework CSS BootStrap
  • ✓ Desarrollarás un mini Framework CSS desde cero usando Sass y Gulp.

Requisitos mínimos

Para poder realizar con soltura el curso es necesario que tengas conocimiento sobre HTML, sobre CSS y todas las posibilidades que tenemos para maquetar. 

Valoración de nuestros alumnos

4.2
178 valoraciones
  • 5
  • 4
  • 3
  • 2
  • 1
Excelente el curso, lo único que pediría es más práctica o ejercicios para que uno se quede practicando al finalizar el curso. pero en general el curso está chevere.
Alejandro Mendoza
El curso está perfecto
Sergio Suñer Díaz

Completa tu formación con estos contenidos

Icono de la tecnología
Curso

HTML5 y CSS3

Intermedio
4 h. y 21 min.

Aprende desde cero a crear páginas Webs con este curso de HTML5 y CSS3. Crea paso a paso...

Juan Diego Pérez Jiménez
4.5
Icono de la tecnología
Curso

Responsive Web Design

Intermedio
1 h. y 37 min.

Aprende a crear páginas Web responsive utilizando HTML y CSS, y empieza a realizar páginas Web profesionales que...

Juan Diego Pérez Jiménez
4.4
Icono de la tecnología
Curso

Maquetación web con CSS

Intermedio
2 h. y 10 min.

Aprende maquetación Web con CSS para que mediante el uso de hojas estilos puedas definir claramente la estructura...

Juan Diego Pérez Jiménez
4.5

FORMACIÓN EMPRESARIAL

Descubre cómo OpenWebinars puede ser el socio estratégico en el desarrollo profesional de tu equipo

Más de 300.000 profesionales de distintas industrias han encontrado en nuestra metodología y contenidos la clave para su transformación digital. Únete a líderes del sector que ya han elevado la formación de sus equipos con nosotros.

CetelemLogo
TelefonicaLogo
VassLogo
AccentureLogo
IbermaticaLogo
MapfreLogo
OpenWebinars

/ business

La formación que tu equipo merece, los resultados que tu empresa necesita

Asesoría Personalizada

Una relación continua de asesoramiento con especialistas dedicados a maximizar el impacto formativo en tu equipo.

Herramientas Avanzadas

Dashboards intuitivos y un LMS que se integra sin fisuras con tu infraestructura actual a través de SSO.

Itinerarios Personalizados

Diseñamos un mapa de las rutas formativas de tus equipos que se alinea con los objetivos estratégicos y operativos de tu empresa.

Expertos de la Industria

Los profesores de OpenWebinars son líderes en sus campos, brindando conocimientos prácticos que transforman la teoría en habilidades aplicables.

Formación On-Demand

Accede a un catálogo de contenidos que evoluciona al ritmo de la tecnología, disponible 24/7, para que nunca dejes de avanzar.

Desarrollo Profesional Continuo

Más de 1.450 cursos especializados y actualizados, diseñados para mantener a tu empresa a la delantera de la innovación tecnológica.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias.
Conviértete en el experto que el mercado tecnológico busca

Amplia Biblioteca de Cursos

Más de 1.450 cursos especializados en tecnología y negocios digitales, disponibles 24/7 para que aprendas a tu ritmo y según tus intereses.

Dominio en Tecnologías Emergentes

Acceso a formaciones de IA, Cloud, Data, Ciberseguridad y Desarrollo, para mantenerte a la vanguardia en las áreas más innovadoras.

Certificaciones Profesionales

Completa tu formación y obtén certificados que agreguen valor a tu CV, destacando en un mercado laboral competitivo.

Expertos de la Industria

Aprende de aquellos que no solo enseñan, sino que innovan, profesores que traen experiencias del mundo real a tu pantalla.

Rutas de Aprendizaje

Ya sea que estés empezando o buscando acelerar tu progreso, encuentra cursos alineados con tus aspiraciones y desafíos profesionales.

Evaluaciones Prácticas

Test de aptitudes y evaluaciones para seguir tu avance y enfocar tu desarrollo donde más lo necesitas.

Experimenta cómo nuestra metodología ya ha potenciado a más de 300.000 profesionales en diversas industrias. Comenzar Prueba Gratis
Elige el Plan de OpenWebinars que impulse tu transformación
La metodología, contenidos y plataforma de formación que se adapta al tamaño y ritmo de tu empresa, sea una gran Corporación, una Startup o una Empresa en crecimiento
OpenWebinars Business Soluciones escalables y personalizadas para tu empresa
Acceso 24/7 a 1.450 cursos especializados y actualizados
Automatizaciones y planificador de licencias
Itinerarios personalizados que se adaptan a tus metas empresariales
Creación de informes avanzados y personalizados
Dashboards intuitivos para gestionar la formación y analizar progresos
Customer Success dedicados a maximizar el impacto en tu equipo
Gestor de contenido propio (LMS): Total control en el contenido formativo
Personalización de la experiencia: Integración visual que refleja tu marca
Implementación de SSO: Integración perfecta con tus sistemas internos
Acceso a API: Conecta OpenWebinars con tus propias apps y flujos de trabajo
Básico Mensual

39,90€/mes

Ideal para profesionales con necesidades específicas a corto plazo o que prefieren una flexibilidad total.

Acceso 24/7 a 1.450 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
135 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Suscríbete ahora
Experto Anual

225€/año

18,75€/mes (Ahorras 6 meses)

Para profesionales que buscan ahorrar en su formación continua y quieren convertirse en expertos demandados.

Acceso 24/7 a 1.450 cursos especializados y actualizados
Formaciones de IA, Cloud, Ciberseguridad, Data y Desarrollo
Certificados para agregar valor a tu CV
Tutores y profesores con experiencia real
135 Rutas de aprendizaje para avanzar más rápido
Test de aptitudes para medir tu progreso
Comenzar Prueba Gratis Disfruta de 15 días de acceso total sin coste y sin compromiso.

Preguntas frecuentes

Resuelve tus dudas o contacta con nosotros para más información.

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

becasBannerImg
+90.000 ESTUDIANTES CADA AÑO

Becas OpenWebinars

Para Centros de FP y Universidades de España

Colaboramos con más de 750 centros de Formación Profesional en España para dotar a los estudiantes IT de los recursos necesarios para afrontar el mercado laboral con las máximas garantías.

logoBecas

Este curso de desarrollo con Sass es un curso ideal para todos aquellos que quieran tener una mejor comprensión global sobre el desarrollo frontend, quieran conocer herramientas y frameworks para mejorar el mismo y quieran mejorar su proceso de desarrollo y hacerlo más organizado.

Podrás realizar este curso online de forma exitosa cumpliendo algunos requisitos previos, como son poseer un conocimiento amplio sobre HTML, también sobre CSS, al menos todo lo referente a selectores y maquetación, y tener ciertos conocimientos básicos sobre programación. Si además sabes algo sobre Bootstrap, mucho mejor.

Si no cumples estos requisitos, te recomendamos preparar previamente los cursos necesarios, que encontrarás en nuestra plataforma, como son el curso de HTML5 y CSS3, el curso de introducción a la programación y el curso de bootstrap 4, todos ellos incluidos en la suscripción.

La formación se compone de cuatro bloques, cada uno centrado en un aspecto del desarrollo frontend, para que vayas adquiriendo los conocimientos de forma organizada y estructurada en clases no muy extensas, para ayudarte a la comprensión.

Comienza el curso con una primera toma de contacto con el tutor y con el curso, quién realiza una introducción sobre él mismo y sobre el temario. Después explicará el glosario de conceptos básicos, como frontend, preprocesador CSS, web component, build-tools o task runners y workflow.

Para completar esta primera parte introductoria, podrás ver los componentes y programas que componen el entorno de trabajo recomendado y que se utilizará durante el resto del curso, para que puedas instalarlo en tu equipo.

Una vez finalizada esta primera sección, comenzaría ya el primer bloque formativo propiamente dicho, el cual se va a centrar en Sass, el preprocesador CSS que utilizaremos y en el que se basa todo este curso online.

En las diferentes lecciones que componen el bloque de Sass aprenderás sus características principales, sus ventajas más destacadas y algunas de las desventajas que presenta respecto a otras opciones, así como instalar la última versión del mismo.

También irás conociendo los elementos básicos de esta herramienta (variables, comentarios, listas, mapas, interpolación y anidamiento), para después aprender a realizar una compilación con Sass.

Seguidamente realizaremos el ejercicio práctico propuesto por el profesor, el cual te servirá para plasmar de forma más visual todo lo visto de forma teórica hasta este momento.

En la recta final del apartado dedicado a Sass se hablará sobre las estructuras de control y las funciones del mismo (@if, @else, @while, @for, @each), sus directivas (@import, @extend, @error, @warn, @debug, @at-root, @media, @support, @keyframes) y los mixins.

De todos estos conceptos se realizarán unos completos ejercicios prácticos con los que asentar estos conocimientos de una forma mucho más fácil. Y para completar el bloque, veremos cómo documentar nuestro proyecto CSS con la herramienta SaasDoc, realizando también una práctica sobre este proceso.

El siguiente bloque trata sobre Gulp, un task runner o build-tool que nos proporciona muchas posibilidades. Comenzarás aprendiendo a instalar esta aplicación y a crear un primer proyecto con ella, y a continuación se explicará cómo generar las tareas con el fichero gulpfile.js.

En el resto de clases de este segmento dedicado a Gulp te mostraremos una serie de interesantes plugins con los que extender sus funcionalidades, como gulp-concat o gulp-dart-sass entre otros, y también cómo definir nuestro workflow y qué tareas lo componen.

Llegamos al penúltimo apartado del curso, en el que aprenderás a crear tu propio framework de trabajo utilizando Bootstrap, un completo y conocido framework CSS. Comenzaremos explicando qué es Bootstrap, sus ventajas e inconvenientes y cómo descargar e instalarlo en nuestro sistema.

Seguidamente pasamos a explicar cómo se organiza un framework CSS de manera profesional, para que conozcas su estructura de directorios, el fichero package.json y la carpeta Scss. Después aprenderás a adaptar un tema ya existente en Bootstrap y modificándolo según tus necesidades, y también cómo generar un tema nuevo propio utilizando Gulp.

Para concluir el curso te enfrentarás al segmento en el que vamos a desarrollar nuestro propio mini framework CSS, aplicando todos los conocimientos que se han visto a lo largo del curso hasta llegar aquí, pudiendo de esta forma comprobar todas las posibilidades que ofrece el uso de Sass y Gulp conjuntamente.

En este proceso partiremos de una estructura previa de directorios, crearemos los componentes de nuestro framework, estableceremos el flujo de trabajo con Sass y Gulp, comenzaremos la creación del framework y acabaremos utilizando el mismo para desarrollar una página web.

Comprobarás que este curso de Sass desde cero se ha desarrollado enfocándolo principalmente a que aprendas de una forma muy centrada en la práctica, de forma que comprendas la teoría y de forma inmediata con los ejercicios aplicados la asimiles mucho más rápidamente.

Aprender Sass y complementarlo con el uso de Gulp y de Bootstrap tal y cómo el profesor explica a lo largo de esta formación, hará que mejores tu perfil como desarrollador frontend o desarrollador web de una forma más profesional.