CSS Preprocessors Courses and Certifications

EDUCBA

LESS & SASS: Build and Optimize CSS Faster

Write modular CSS with LESS and SASS/SCSS: apply variables, nesting, mixins, functions, arithmetic operations, and imports to build reusable, maintainable stylesheets.

• Coursera
• 2 weeks, 2 hours a week
• Self-Paced
• Paid Course

CSS Techniques, Tooling, and Web Accessibility

Build scalable, accessible portfolio sites with advanced CSS architecture, preprocessors, animations, and WCAG-compliant design.

• Udacity
• 10 hours
• Self-Paced
• Paid Course

EDUCBA Career Certificate

CSS Mastery: Responsive Design & Web Styling

Build responsive websites with CSS, W3.CSS, LESS and SASS: create layouts, animations and navigation systems, then complete coding projects for a web design portfolio.

• Coursera
• 4 weeks, 10 hours a week
• Self-Paced
• Paid Course
• 5 courses

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

Build a responsive landing page with animated navigation, a mobile menu, flexbox features, CSS Grid articles, and a structured footer.

• freeCodeCamp
• 5 hours
• Self-Paced
• Free Video

Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners

Build an accessible card-grid website with HTML, CSS, and JavaScript, including a manually toggled light/dark theme saved in local storage.

• freeCodeCamp
• 7 hours
• Self-Paced
• Free Video

Tic Tac Toe with CSS and SVG

Build a working Tic Tac Toe game with no client-side JavaScript: generate markup with Pug, drive game logic with HTML forms, and animate SVG with CSS.

• egghead.io
• 40 minutes
• Self-Paced
• Free Online Course

CSS Essentials

Style web pages with CSS: work through the box model, floats and media queries, Flexbox and Grid, transitions and animations, Bootstrap, Sass and Less, and accessibility.

• Cisco Networking Academy
• 30 hours
• Self-Paced
• Free Certificate

NDC Conferences

Solving Layout Challenges With Pure Sass - Twelve Design Solutions

Master twelve responsive design challenges using CSS and Sass methodologies, from parallax effects to card layouts. Learn efficient coding techniques for creating beautiful, performant solutions without framework dependencies.

• YouTube
• 57 minutes
• Self-Paced
• Free Video

دورة تعلم tailwindcss

تعلم إطار العمل Tailwindcss من خلال تحويل تصميمات مواقع إليه، مع التركيز على التثبيت والتخصيص والتصميم المتجاوب وميزات متقدمة مثل الوضع الداكن.

• YouTube
• 6 hours
• Self-Paced
• Free Video

Front-End Web UI Frameworks and Tools

9 ratings

Build responsive web pages with Bootstrap: grid system, navbars, CSS components, JavaScript components like carousels and modals, plus Less, Sass, Node.js, NPM and Bower.

• Coursera
• 4 weeks
• No Longer Offered
• Paid Course

Front-End Web UI Frameworks and Tools: Bootstrap 4

7972 ratings at Coursera

Build and style responsive pages with Bootstrap 4 grids, CSS and JavaScript components, Less and Sass preprocessors, and task automation via NPM scripts, Grunt and Gulp.

• Coursera
• 4 weeks
• No Longer Offered
• Paid Course