Welcome to the course

Backgrounds

Background Clip

Background Shorthand

Transform

CSS Art: Border and Border Radius

CSS Art: Border Radius

CSS Art: Designing Shapes

SVG: Fundamentals

SVG: Design & Tools

Transition

Animations I

Animations II 

Untitled item

CSS Grid Introduction

Row and Columns

Common Properties

Shorthand Property

Grid Template Area

Nested Grid

Align Properties

CSS Grid Game

Autofit vs Autofill

Browser Compatibility - Vendor Prefix Code

CSS Grid Project

Feedback Card

Utility CSS

Mobile Responsive

SCSS/SASS Introduction

Concepts - Variables, Nesting

Concepts - Partials, Modules

Concepts - Extend/Inheritance

Concepts - Mixins and Operators

Bootstrap Introduction - Project Demo

Utilities

Layouts - Container, Grid: Part - 1

Layouts - Container, Grid: Part - 2

Components

Portfolio Project: Main Section

Portfolio Project: About/Blog Section

Portfolio Project: Contact Section

Portfolio Project: Footer

Portfolio Project: Project Section

Project Completion

EdTech Landing Page

Initial Project Setup

Navigation

Banner Section I

Banner Section II

Transition, Transform, Animation 

Building Theme

Stats Section: Part - 1

Stats Section: Part - 2

Information Section 

Working Section (CSS Grid)

Footer (SVG) 

Animate CSS (CSS Library)

Scroll Bars 

Responsiveness I - Media Queries 

Responsiveness II - Media Queries 

Hamburger Menu: Part - 1

Hamburger Menu: Part - 2

Project Deployment using Netlify

What's Next?

Untitled video

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

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 digital marketing to over 50,000 students online and offline as an Instructor.

Shubham has mastered explaining very complex topics in the simplest manner that is easy to understand and follow. His video courses are also used by companies to train their employees and by colleges to prepare their students and upgrade skills according to industry requirements.

Shubham Sarda

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.

Master JavaScript Fundamentals

React JS Masterclass

Learn Web Development Basics: HTML & CSS

Advanced CSS with SCSS

Certificate Details

Advanced CSS with SCSS

Course Goals

Shubham Sarda