Web Development - CSS3 - Scratch till Advanced Project Based
4.1 (329 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,754 students enrolled

Web Development - CSS3 - Scratch till Advanced Project Based

Complete CSS 3 Course from basics till Advanced like Gradients, Animations, MediaQueries so on. Includes a Project also.
4.1 (329 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
28,754 students enrolled
Created by Tharun Shiv
Last updated 5/2020
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 8 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Develop a complete website using HTML & CSS
  • Build attractive static websites
  • Be completely ready to learn Javascript.
  • Be completely ready to learn advanced CSS Frameworks
  • Develop websites works on Mobiles, Tablets, Desktops
Course content
Expand all 54 lectures 04:35:36
+ Introduction
5 lectures 17:38
Complete Code Used in this course [ Including Project ]
00:05

This is just an Intro to Chrome Dev Tools. You can do unimaginable things with the Dev Tools, which in itself deserves another separate course. But this is enough for now.

Preview 04:45
Syntax & Comments
06:46
BONUS tips - Inline - Internal - External style sheets
05:25

Show your true self

Quiz Buzz
1 question
+ Level 1 - Colors & background
3 lectures 15:57
Backgrounds & their attributes
08:13
Free Stock Photos
00:10

Show your true self

Quiz Bizz
1 question
+ Level 2 - Borders, Margins & Padding
4 lectures 22:18
Borders
06:02
Border-radius & Margin
07:34

An updated video on a Student's request.

Preview 08:30
Ahem... Ahem....
00:12
+ Level 3 - Icons and Links
2 lectures 10:17
FontAwesome Icons vs Glyphicons vs Google Icons
05:43
Links and their states
04:34

Show you true self

Quiz Bizz
1 question
+ Level 4 - Display, Position, Overflow
4 lectures 20:24
Display - Inline, Inline-block, Block
06:22
Position - Absolute, Relative, Static, Sticky
08:15
Are you able to position the elements properly?
00:16
+ Level 5 - Pseudo-Elements & Combinators
4 lectures 17:47
Combinators - select any css elements you want
04:48
Pseudo-Elements :: I'm there, but not
06:45
Pseudo-Classes : I'm here, but not
06:03
BONUS: Additional resource ( optional )
00:11

Show your true self

Quiz Bizz
1 question
+ Level 6 - Text & Fonts : the stuff you never knew
5 lectures 25:03

Learn about the attributes and properties related to text in css and use them to produce attractive written content that makes your website unique from others.

Text Formatting : Exploring them all
11:24

Learn to use Google Fonts like the Montserrat on your website

Fonts - 1 Font-Family & using external Google Fonts in your website for FREE!
04:10

Get to know about the differences between px, em, rem, vw, vh.

Very IMPORTANT!!

Fonts 2 - Font Sizes like px, em, rem, vw, vh - IMPORTANT!!
05:37

float them left, right

Float - The water you pour to make it float
02:34
BONUS: Opacity - make stuff transparent
01:18
+ Advanced Css3: Level 1 - Gradients
3 lectures 07:49
Gradients - 1 Linear Gradients
04:27
Gradients - 2 Radial Gradients
02:53
BONUS: Amazing way to create the perfect Gradient you want in Seconds
00:29
+ Advanced Css3: Level 2 - Animation using CSS Only
13 lectures 59:58
Transitions - 1 - create motion
03:32
Transitions - 2 - control the speed
02:50
Transform2D - 1 - translate()
03:18
Transform2D - 2 - rotate()
01:13
Transform2D - 3 - scale() & skew()
07:21
Transform2D - 4 - matrix()
02:54
Transform3D - 1 - rotateX(), rotateY(), rotateZ()
03:29
Transform3D - 2 - Perspective : woohoo!
06:29
BONUS: Media Queries [ COMPULSORY ]
08:42
Keyframes Animations - 2 - percentages
04:59
Keyframes Animations - 3 - Iteration & Direction
04:04
Keyframes Animations - 4 - Speed & Fill Mode
06:30
+ BONUS: A Web dev Project
11 lectures 01:18:24
Mark-up of the nav-bar
05:09
Background Image & Container
04:40
Navbar Part 1 - Gradient & Sitename
04:49
Navbar Part 2 - Navigations & Box-shadow
05:02
The Glassy Side Hover
05:48
The Contact Form Part 1 - Markup
06:20
The Contact Form Part 2 - Styling the Form [ IMPORTANT ]
14:13
The Blog - In one video
11:23
The Blurry Background [ BONUS - OPTIONAL ]
07:16
Adding Responsiveness - Making it look great on All Devices & Animations
13:39
What's next?
00:05
Requirements
  • You need to know just the basics of HTML.
  • A book and a pen to take notes.
  • A cup of coffee
  • Curiosity
Description

Are you coming here after learning HTML and have absolutely no idea about CSS?

Or Are you good at both HTML, CSS and just here to refresh the concepts?

I've got you both backed up.

Learn from Scratch till Expertise

Welcome to this course on Cascading Style Sheets!

This course provides enough knowledge to both Beginners and Advanced developers. I am sure you wouldn't be disappointed.


When should you take this course?

  When you know HTML Basics. If you don't then check out my Free course on HTML on Udemy, and within hours you will be ready to take up this course. So that shouldn't be an issue.


But Why ME? Why THIS course? What will you LEARN here?

  1. I have referred the top three resources for CSS and have compiled this course. I present you a complete package of learning and fun.

  2. We will start off with the Basics of CSS and then move on to the Advanced concepts like Gradients, Transitions, 2D Transforms, 3D Transforms, Media Queries that help you develop for Desktops, Laptops, Tablets, Mobiles using just one website.

  3. Then we will immerse ourselves in building an amazing Project Website STEP-by-STEP with no steps skipped. I will also provide the entire course code and the project code to you, so that you can rather concentrate on Learning the stuff, rather than typing the same code.


Who will guide me throughout the course?

  Relax! I, Personally will be there to guide you throughout the course. If you have any doubts, feel free to message me or Post them in the Q&A Section and you can expect answers As soon as possible.


Can I DOWNLOAD the videos and watch it on my phone?

     YES! All the videos of this course can be downloaded through the Udemy Mobile Application. You can watch them offline whenever you want.


How long is the course Valid?

    LIFELONG. Buy now, study on your own pace and keep the course as your reference for your lifetime!


Do I get a Certificate?

  YES! You get a Certificate for completing this course, I have structured the course with Quizzes and Videos such that the certificate is worth for Mentioning in your LinkedIn profile and your Resume.


What if I didn't like the course?

  Get your money back within the first 30 days of your course registration. But, I guarantee you that this will never happen.

.....

What else are you reading at?? Come , jump right into the course & have fun!

Happy Developing!

Regards,

Tharun

Who this course is for:
  • Anyone who knows the basics of HTML
  • Anyone who wants to learn Advanced CSS
  • Anyone who wants to refresh their CSS skills
  • Anyone who wants to add weightage to their Job Resume