Web Development


CSS - Basics To Advanced for front end development (2021)

Complete guide to create beautiful, responsive and user-friendly websites using CSS3. Learn CSS3 with hands-on projects

4.43 (1746 reviews)

CSS - Basics To Advanced for front end development (2021)


5 hours


Jul 2020

Last Update
Regular Price

What you will learn

Basic styling of web pages using CSS3

Manipulate the display and position of HTML elements

Understand the Box Model concept

Introduction into Responsive Design

Design mobile friendly web pages using CSS Media Queries

Animate HTML elements using CSS animate property

Web page Layouts - CSS Flex Box and CSS Grid


***UPDATE [01-Jan-2021]:  New Content Added!!!!!****

Around 25+ NEW video content added

New Sections added on:

  • Responsive Design

  • Flexbox

  • Grid Layouts


CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your raw HTML pages into real beautiful websites.          

If you are new to web development but you have a little bit of knowledge of HTML and its tags and want to take the next step towards becoming a professional frontend web developer, then this is the right course for you.

Here, we have covered everything right from basics to advanced concepts of CSS3. We have included all the properties in CSS + the newly introduced ones in CSS3 that will help shape the future of web development in the coming years. This course is designed bearing in mind that a beginner should be able to understand what is CSS and how it is used to turn a raw, basic, black & white HTML webpage structure into a beautiful web page. To make web pages interactive for users, you will also learn how to animate the various HTML elements.

By the end of this course, you will be able to design beautiful, user-friendly, and mobile-friendly websites from scratch, all on your own.
After completion, we recommend checking out our Javascript, ES6, and React JS courses which are designed with the same simple approach to help you become a professional Frontend web developer.

PS: More lectures will be uploaded soon.

Who's teaching you in this course?

I am a Computer Science graduate highly rated instructor with a rating of 4.3 and more than 200k students on Udemy, I have been part of the corporate circle since his college days. In his early days, I was part of a startup team delivering production grid android apps. Currently, I am a lead developer at EdYoda. I’m responsible for the entire front-end development & integration with the back-end. React, Python, Django is my areas of expertise. I have been delivering corporate training for Android, React, Javascript, Python & Django. I have eyes for details & that makes him suited for delivering a finished product. I’m a fitness freak & working out is his favorite thing to do in his spare time.

I want everyone should enjoy learning and I have shared my knowledge that gonna be helpful for you.

Enroll Now!! see you in class.

Happy learning
Team Edyoda


CSS Introduction

CSS - Introduction

CSS - How to use CSS?

Basic Styling

CSS - Styling Text

CSS - Adding Borders

CSS - Margin and Padding

CSS - Styling Lists

CSS - Styling Links

CSS - Styling Buttons

CSS - Adding Icons

Display and Position Properties

CSS - Working with Display Values

CSS - Display value: Inline-Block

CSS - Positioning HTML Elements Part-1

CSS - Positioning HTML Elements Part-2

CSS - Handling Content Overflow

CSS - Floating HTML Elements

Box Model and Shadows

CSS - Box Model

CSS - Box Sizing

CSS - Adding Shadows

Combinators, Psudeo Classes and Elements

CSS - Combinators Part-1

CSS - Combinators Part-2


רון21 January 2021

the content is really good, but i can not hear properly the instractor, the microphone is too weak, but the content and the instractor him self are very good!

Shivam28 November 2020

He is teaching well but it is not an interactive session/classes. It is just one-way learning which is very hard when you are trying to learn something new

Raghavendar28 November 2020

From this course I had learned to apply style with animations and user friendly responsive designs such as mobile, desktop & so on.

Hiren25 November 2020

Instructor just uses different properties and attributes but dont explain. Fundamentals dont get cleared

Aditya6 November 2020

This is good for beginners but the only problem I faced is the background noise, for some reason, the voice is not clear

Saikat24 August 2020

It was really a great journey..i've learnt a lot of good things which are really helpful for web designing..thanks a lot.....

Manav19 August 2020

Overall course was good, learnt a lot of things in css but the main issue was no resources were provided. If we want to practice with while the tutor is teaching there's no resource on which you can practice. In the last project as well he said in the video that all required resources will be provided but there is not any.

Praabindh9 August 2020

It was really a great course to take and would surely recommend all my friends to take up this course

Tanmay2 August 2020

resources for notes or e-notes could be provide(cheatsheets etc) Else great course Learned a lot from this

Ahmed30 July 2020

I like the course and his explanation but i suggest you find a way to make the css look more cleaner and cleare when he is explaining because it all looks a bit messy but all in all its great.he really needs to fix his way of explaining i wouldnt recommend this course for a complete beginner to be honest,his method of explanation is not quite clear.

Vinod29 July 2020

yeah off course good for me and learnt new think.i did not know inline css override the internal and external css..lot of things i have learnt now..

Sayan14 July 2020

this course is very knowledgable and helpful for me but it will be more good if the codes are also available in the resourses section

Josephine11 July 2020

it was lovely, only thing is that the instructor has to be more active and better and he should also explain a lot more instead of just typing everything down and not letting people understand. The instructor is also forgetting a few things.

Rushikesh8 July 2020

yes it was good, but starting it as the way you did is very confusing for those who do not know basics of CSS. they might think you are too fast and they might loose confidence in your course.

Yogesh2 July 2020

very nice teaching and amazing examples . this course is the best for brushing up the concepts of css .


6/30/2020100% OFFExpired
7/3/2020100% OFFExpired
7/10/2020100% OFFExpired
7/27/2020100% OFFExpired
8/11/2020100% OFFExpired
8/21/2020100% OFFExpired
8/28/2020100% OFFExpired
9/17/2020100% OFFExpired
9/23/2020100% OFFExpired
10/13/2020100% OFFExpired
10/27/2020100% OFFExpired
11/27/2020100% OFFExpired
12/20/2020100% OFFExpired
12/24/2020100% OFFExpired
1/8/2021100% OFFExpired
1/15/2021100% OFFExpired
2/18/2021100% OFFExpired
3/5/2021100% OFFExpired
3/24/2021100% OFFExpired
3/27/2021100% OFFExpired
4/27/2021100% OFFExpired
5/4/2021100% OFFExpired
7/2/2021100% OFFExpired
7/12/2021100% OFFExpired
7/20/2021100% OFFExpired
8/2/2021100% OFFExpired
8/21/2021100% OFFExpired
9/16/2021100% OFFExpired


Udemy ID


Course created date


Course Indexed date
Angelcrc Seven
Course Submitted by