Advanced CSS with SCSS

Advanced CSS with SCSS

Build responsive websites with HTML & CSS along with Bootstrap and SASS

New Course
Course Instructor: Shubham Sarda

Course Outcomes

  • Use common components, utilities and layout patterns for professional website development
  • Support any device size with Responsive Design (Mobile, Tablets & Desktop)
  • Work with CSS Framework: Bootstrap 5 (layouts, forms, components & utilities)
  • Play games to practice important CSS concepts
  • Website deployment on Web using Netlify
  • Learn to find free design assets such as images, fonts, and icons

Course Structure

69 lectures11h 38m total duration

  Welcome to the course 
1min
  Backgrounds 
13min
  Background Clip 
7min
  Background Shorthand 
2min
  Transform 
12min
  CSS Art: Border and Border Radius 
10min
  CSS Art: Border Radius 
9min
  CSS Art: Designing Shapes 
7min

About This Course

Welcome to your next step in mastering CSS with our Advanced CSS course. We've designed this course with the ultimate goal of enhancing your ability to build responsive websites, leveraging CSS3, Bootstrap, and SASS as your tools. As we delve into the course, you'll find that each topic is thoroughly explained through concept explanations, documentation, and hands-on implementation. Unlike traditional courses, we've simplified the learning experience to suit beginners and those looking to refine their skills.

Our journey will take us through crucial areas in CSS such as creating layouts using CSS Grids, understanding and implementing advanced features such as variables, transitions, animations, and transforms, and even exploring design patterns. To add icing on the cake, you'll discover how shadows and gradients can add a visual pop to your websites.

Diving further, we will also demystify SVGs, CSS libraries, and get a solid grasp of the Bootstrap CSS Framework. From understanding layouts, contents, forms, components to utilities, this course covers it all. SASS, a CSS Preprocessor, is another feather added to this course's cap, where we dive deep into variables, nesting, partials and modules, mixins, extend/inheritance, and operators.

Finally, carry your learnings forward and make them real with website deployment. One of our key objectives is to ensure you can apply what you learn in the real world. We believe in a learning approach that's centered on understanding concepts logically and visually. By combining theory with examples and real-life projects, we ensure you absorb concepts in the simplest, most engaging way.

Used by learners at

Microsoft
Amazon
Google

This course is interactive

Interactive courses include hands-on coding exercises to practice as you learn. You practice exercises in a VS Code like IDE without any installation/setup.

Screenshot of codedamn IDE

Course Requirements

  • Basics of HTML & CSS

Student Feedback

3.0
Course Rating

0%

0%

100%

0%

0%

Course Instructor

Shubham Sarda
Software Developer & Instructor
Shubham Sarda
4.7 Instructor rating
186 Ratings
1.8k Students
18 Courses

Shubham is a software developer with a passion for teaching. He has worked with many funded startups, self-projects and as a top-rated freelancer on marketplaces. Shubham has taught programming and d...View profile

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes

Pro

  • 100+ coding courses
  • Certificate of completion
  • Hands-on practice
  • 24x7 doubt solving with AI
  • 100+ projects to practice
  • In-depth project feedback
  • AWS cloud sandboxes
Upgrade To Pro