Advanced CSS with SCSS
Build responsive websites with HTML & CSS along with Bootstrap and SASS
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 lectures • 11h 38m total duration
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
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.
Course Requirements
- Basics of HTML & CSS
Student Feedback
0%
0%
100%
0%
0%
Course Instructor
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
Includes Certificate of Completion
Add this credential to your LinkedIn profile, resume, or CV. You can share it on social media and in your performance review.
What's in the course?
- 63 video lectures
- 4 hands-on-keyboard exercises
- 12+ hours of content
- GPT-4 level AI assistance
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