HOT

All in 1 CSS Course : Learn CSS, Sass, Grid, Flex, Animation

Design

All in 1 CSS Course : Learn CSS, Sass, Grid, Flex, Animation, available at $74.99, has an average rating of 4.45, with 147 lectures, based on 28 reviews, and has 1292 subscribers.

Rating4.5
Enroll Now

You will learn about Learn CSS from Scratch to Advanced Level Learn CSS Grid, CSS Flex, SASS Learn working with CSS Shapes , CSS Gradients , CSS Pseudo Elements Learn CSS Transition and Animation Learn Creating Awesome Projects in CSS Learn Creating Awesome Unique Hover Effects Learn Creating Awesome Loader Animations Learn Creating Character Animations This course is ideal for individuals who are If you want to Learn CSS from Scratch, this Course is for you or If you are searching for a 1 stop course to Learn CSS from scratch to Advanced Level, this Course is for you or If you want to learn CSS, Flex, Sass, Grid, this Course is for you or If you want to Learn Creating Awesome Hover Effects , Unique Loader Animations , this Course is for you or If you want to Learn working with Pseudo Elements , this Course is for you or If you want to Play in CSS by creating different kind of shapes in CSS, this Course is for you It is particularly useful for If you want to Learn CSS from Scratch, this Course is for you or If you are searching for a 1 stop course to Learn CSS from scratch to Advanced Level, this Course is for you or If you want to learn CSS, Flex, Sass, Grid, this Course is for you or If you want to Learn Creating Awesome Hover Effects , Unique Loader Animations , this Course is for you or If you want to Learn working with Pseudo Elements , this Course is for you or If you want to Play in CSS by creating different kind of shapes in CSS, this Course is for you.

Enroll now: All in 1 CSS Course : Learn CSS, Sass, Grid, Flex, Animation

Summary

Title: All in 1 CSS Course : Learn CSS, Sass, Grid, Flex, Animation

Price: $74.99

Average Rating: 4.45

Number of Lectures: 147

Number of Published Lectures: 147

Number of Curriculum Items: 147

Number of Published Curriculum Objects: 147

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • Learn CSS from Scratch to Advanced Level
  • Learn CSS Grid, CSS Flex, SASS
  • Learn working with CSS Shapes , CSS Gradients , CSS Pseudo Elements
  • Learn CSS Transition and Animation
  • Learn Creating Awesome Projects in CSS
  • Learn Creating Awesome Unique Hover Effects
  • Learn Creating Awesome Loader Animations
  • Learn Creating Character Animations

Who Should Attend

  • If you want to Learn CSS from Scratch, this Course is for you
  • If you are searching for a 1 stop course to Learn CSS from scratch to Advanced Level, this Course is for you
  • If you want to learn CSS, Flex, Sass, Grid, this Course is for you
  • If you want to Learn Creating Awesome Hover Effects , Unique Loader Animations , this Course is for you
  • If you want to Learn working with Pseudo Elements , this Course is for you
  • If you want to Play in CSS by creating different kind of shapes in CSS, this Course is for you

Target Audiences

  • If you want to Learn CSS from Scratch, this Course is for you
  • If you are searching for a 1 stop course to Learn CSS from scratch to Advanced Level, this Course is for you
  • If you want to learn CSS, Flex, Sass, Grid, this Course is for you
  • If you want to Learn Creating Awesome Hover Effects , Unique Loader Animations , this Course is for you
  • If you want to Learn working with Pseudo Elements , this Course is for you
  • If you want to Play in CSS by creating different kind of shapes in CSS, this Course is for you

Do you want to Learn CSS from Scratch ?

Do you want to become a Master in CSS ?

Are you searching for a 1 stop course to Learn CSS from scratch to Advanced Level ?

Do you want to learn CSS, Flex, Sass, Grid ?

Do you want to Learn Creating Awesome Hover Effects , Unique Loader Animations ?

Do you want to Learn working with Pseudo Elements ?

Do you want to Play in CSS by creating different kind of shapes in CSS ?

If your answer to any of the above questions is ‘YES’, then this course is for you

Welcome to this Mega Course : All in 1 CSS Course

This course covers all the following core topics in CSS :

  • Starting from CSS basics to

  • CSS Grid

  • CSS Flex

  • SASS

  • CSS Shapes

  • CSS Gradients

  • CSS Pseudo Elements

  • Creating Awesome Unique Hover Effects

  • Transitions & Animations

  • Creating an Awesome Hero Area with Shape Divider

  • Creating Button Hover Effects

  • 10 Hover Effect Projects

  • 10 Loader Animation Projects

  • 5 Character Animation Projects

  • Over 40+ Real Projects

    And More

So , in this Course, you are not only Learning CSS, but also implementing your knowledge with Projects.

Everything is explained in detailed fashion.

All the resource files are attached at the Resources Section

Also if you have any issue understanding some concept, feel free to let me know via Q/A section or you can even message me.

This Course comes with 30 Days Money back guarantee. If you dont like the course after you enrolled , you will get 100% refund with no questions asked. But believe me , you will enjoy the course and also you will learn many tips , tricks in CSS .

So, Are you ready to become master in CSS ? Enroll Now and take your First Step. I am looking forward to see you inside.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: CSS Crash Course

Lecture 1: CSS Syntax

Lecture 2: CSS Selectors

Lecture 3: Understanding CSS Parent Selectors

Lecture 4: CSS types of Styles

Lecture 5: Colors

Lecture 6: CSS border, border-radius and outline

Lecture 7: CSS Margin

Lecture 8: CSS Padding

Lecture 9: Understanding the concept of BOX Model

Lecture 10: CSS Font Family

Lecture 11: CSS Width and Height

Lecture 12: Text Formatting

Lecture 13: CSS Display

Lecture 14: CSS Positioning (Important)

Lecture 15: Concept of CSS Overflow

Lecture 16: Concept of Float and Clear

Lecture 17: CSS Opacity

Lecture 18: Box Shadow

Lecture 19: Text Shadow

Chapter 3: CSS Transition and Animation

Lecture 1: Transition Property and Transition Duration

Lecture 2: Transition Timing Function and Tranition Delay

Lecture 3: Interesting Illustration with Transition Delay

Lecture 4: Project : Cool Unique Hover Effect

Lecture 5: Animation Basics : Part1

Lecture 6: Animation Basics : Part2

Lecture 7: Animation Shorthand

Lecture 8: Project : Animatied Video Background Hero Area Part1

Lecture 9: Project : Animatied Video Background Hero Area Part2

Lecture 10: Project : Animatied Video Background Hero Area Part3

Chapter 4: CSS Grid Crash Course

Lecture 1: Concept of Grid Template, Grid-gap, Grid-auto-X

Lecture 2: Concept of Grid auto flow

Lecture 3: Concept of Different Grid Gap

Lecture 4: Justify Content

Lecture 5: Difference between Justify Content and Justify Items

Lecture 6: Align Content and Align Items

Lecture 7: Place Content

Lecture 8: Rearranging Items using some cool properties

Lecture 9: Grid Area and Challenge

Lecture 10: Solution for the Challenge

Lecture 11: Justify Self and Align Self

Lecture 12: Project – Web Layout using CSS Grid easily

Chapter 5: CSS Flex Crash Course

Lecture 1: Display Property

Lecture 2: Flex Direction

Lecture 3: Flex Wrap

Lecture 4: Flex Flow

Lecture 5: Justify Content

Lecture 6: Align Items

Lecture 7: Align Content

Lecture 8: Order

Lecture 9: Flex Grow

Lecture 10: Flex Shrink

Lecture 11: Flex Basis

Lecture 12: Flex Shorthand

Lecture 13: Align Self

Chapter 6: CSS Sass Crash Course

Lecture 1: Intro

Lecture 2: Sass Variables

Lecture 3: Sass Nesting

Lecture 4: The Ampersand Sign (&)

Lecture 5: Shortening code having same prefix

Lecture 6: Mixin

Lecture 7: Mixin Challenge

Lecture 8: Import

Lecture 9: Extend

Lecture 10: Mixin with arguments

Lecture 11: Final Touch of The Project

Chapter 7: CSS Pseudo Element

Lecture 1: Understanding Pseudo Element and Project : Unique Hover Effect1

Lecture 2: Project : Unique Hover Effect2

Lecture 3: Project : Unique Hover Effect3

Lecture 4: Project : Unique Hover Effect4

Chapter 8: CSS Shapes

Lecture 1: Triangle

Lecture 2: Hexagon

Lecture 3: Circle

Lecture 4: Book Shape

Lecture 5: Final Hero Area Project

Chapter 9: Ultimate Hover Effect Project

Lecture 1: Creating HTML Markup

Lecture 2: Font Awesome CDN Link

Lecture 3: Styling our Project

Lecture 4: Hover Effect – Adding Memphis

Lecture 5: Zooming, Bouncing and Rotation Effects

Lecture 6: Final Touch

Chapter 10: 10 Awesome Hover Effects Projects

Lecture 1: Basic Markup to start with

Lecture 2: Using Font Awesome

Lecture 3: Basic Styles

Lecture 4: Hover Project1

Lecture 5: Hover Project2

Lecture 6: Hover Project3

Lecture 7: Challenge for You

Lecture 8: Hover Project4

Lecture 9: Hover Project5

Instructors

  • Supriyo Kundu
    Supriyo Kundu
    Web Developer & Graphic Designer,100000+ Students Instructor

Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 0 votes
  • 3 stars: 2 votes
  • 4 stars: 7 votes
  • 5 stars: 19 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Interior Design Courses to Learn in November 2024

Top 10 Creativity Workshops Courses to Learn in November 2024

Top 10 Graphic Design Courses to Learn in November 2024