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.25 (2248 reviews)
Udemy
platform
English
language
Web Development
category
CSS - Basics To Advanced for front end development (2021)
206,623
students
5 hours
content
Jul 2020
last update
$49.99
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

Description

***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

Content

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

Reviews

Aman
May 6, 2022
Much of its content was self understandable but some videos like in section 11 grid layout particularly grid item properties were not explained properly like as explained in flex portion.
Shibily
April 3, 2022
The lecture is pretty good. The thing I find annoying is all the classes uploaded are taken from some other learning platform and the lecturer doesn't provide any resources.
Michael
January 23, 2022
Would be real nice if we could provided with the starting code for each section, instead of having to assemble an entire HTML doc with multiple images ourselves just to code along with one video.
Michał
November 27, 2021
There was a lot of explanation here. Using live server was good indea, because you could see what i how was working.
Chetan
November 23, 2021
Actually the audio quality is not that good. but overall content is extremely good like teaching style, the content he delivers and the real practical exemples
Parveen
November 11, 2021
This CSS course will up-skill the persons who are in the basic level. For me its clear i understanding each and every topic in a neat way and i can able to do it as my own thank you. professor who taught this lessons to us
Ahmed
November 6, 2021
This course is amazing to cover your basics, helped me a lot in learning my university course of web engineering.
Daniel
October 31, 2021
El curso es bueno, pero le falta tener disponibles recursos y llevar una secuencia con los ejercicios para que sea fácil de seguir
Adrisa
October 15, 2021
Like magic happens, this course really what i want. But Theres is no code source, i cant explore more about the styles. Overall still good !
Mc
September 28, 2021
One of the best course for Basic CSS, I love how he teach the fundamentals..The files for every section is not included
Anderson
September 27, 2021
Really Interesting topic, at start, i didn't get it very well but, after see it separately it became clear as water :)
Joshua
September 23, 2021
Some basic resource files would make all the difference here. I love the CSS training but the course needs to come with the HTML and the image files so that I can focus on the learning.
Vikash
September 17, 2021
don't do you only all the steps give end two end knowledge like practically user can also follow because watching a video is not learning practical is only learning
Agustina
September 11, 2021
Briliant course! The instructor gives detailed explanations about each CSS property, why he does what he does, why some things don't work, etc. Also, videos are just as long as they need to be, very concise and not boring at all.
RISHABH
August 28, 2021
I had no knowledge of CSS before this course but now I feel very confident in it. This course very beginners friendly!

Charts

Price

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

Rating

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

Enrollment distribution

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

Coupons

DateDiscountStatus
6/30/2020100% OFF
expired
7/3/2020100% OFF
expired
7/10/2020100% OFF
expired
7/27/2020100% OFF
expired
8/11/2020100% OFF
expired
8/21/2020100% OFF
expired
8/28/2020100% OFF
expired
9/17/2020100% OFF
expired
9/23/2020100% OFF
expired
10/13/2020100% OFF
expired
10/27/2020100% OFF
expired
11/27/2020100% OFF
expired
12/20/2020100% OFF
expired
12/24/2020100% OFF
expired
1/8/2021100% OFF
expired
1/15/2021100% OFF
expired
2/18/2021100% OFF
expired
3/5/2021100% OFF
expired
3/24/2021100% OFF
expired
3/27/2021100% OFF
expired
4/27/2021100% OFF
expired
5/4/2021100% OFF
expired
7/2/2021100% OFF
expired
7/12/2021100% OFF
expired
7/20/2021100% OFF
expired
8/2/2021100% OFF
expired
8/21/2021100% OFF
expired
9/16/2021100% OFF
expired
9/23/2021100% OFF
expired
9/27/2021100% OFF
expired
10/5/2021100% OFF
expired
10/11/2021100% OFF
expired
10/21/2021100% OFF
expired
11/1/2021100% OFF
expired
11/21/2021100% OFF
expired
12/9/2021100% OFF
expired
12/24/2021100% OFF
expired
1/22/2022100% OFF
expired
1/27/2022100% OFF
expired
2/15/2022100% OFF
expired
3/6/2022100% OFF
expired
3/26/2022100% OFF
expired
4/1/2022100% OFF
expired
4/14/2022100% OFF
expired
4/24/2022100% OFF
expired
5/11/2022100% OFF
expired
5/21/2022100% OFF
expired
5/31/2022100% OFF
expired
6/18/2022100% OFF
expired
6/28/2022100% OFF
expired
3033182
udemy ID
4/21/2020
course created date
5/2/2020
course indexed date
Angelcrc Seven
course submited by