Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

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.
Rating: 3.2 out of 53.2 (348 ratings)
28,762 students
Created by Tharun Shiv
Last updated 5/2020
English
30-Day Money-Back Guarantee

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

10 sections • 54 lectures • 4h 35m total length

  • Complete Code Used in this course [ Including Project ]
    00:05
  • Preview00:36
  • Preview04:45
  • Syntax & Comments
    06:46
  • BONUS tips - Inline - Internal - External style sheets
    05:25
  • Quiz Buzz
    1 question

  • Preview07:34
  • Backgrounds & their attributes
    08:13
  • Free Stock Photos
    00:10
  • Quiz Bizz
    1 question

  • Borders
    06:02
  • Border-radius & Margin
    07:34
  • Padding & Margin - [ Updated New Lecture Video ]
    Preview08:30
  • Ahem... Ahem....
    00:12

  • FontAwesome Icons vs Glyphicons vs Google Icons
    05:43
  • Links and their states
    04:34
  • Quiz Bizz
    1 question

  • Display - Inline, Inline-block, Block
    06:22
  • Position - Absolute, Relative, Static, Sticky
    08:15
  • Preview05:31
  • Are you able to position the elements properly?
    00:16

  • 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
  • Quiz Bizz
    1 question

  • Text Formatting : Exploring them all
    11:24
  • Fonts - 1 Font-Family & using external Google Fonts in your website for FREE!
    04:10
  • Fonts 2 - Font Sizes like px, em, rem, vw, vh - IMPORTANT!!
    05:37
  • Float - The water you pour to make it float
    02:34
  • BONUS: Opacity - make stuff transparent
    01:18

  • 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

  • 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
  • Preview04:37
  • Keyframes Animations - 2 - percentages
    04:59
  • Keyframes Animations - 3 - Iteration & Direction
    04:04
  • Keyframes Animations - 4 - Speed & Fill Mode
    06:30

  • 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

Featured review

Yagya Joshi
Yagya Joshi
386 courses
52 reviews
Rating: 5.0 out of 5a year ago
Excellent course and delivered well. I have been working on web design for some time and have taken many courses. This course has covered a lot of ground within 4.5 hours. Great job. As a visual code fanatic, I was happy seeing occasional use of that text editor. Well done Tharun! I will certainly follow your tutorials. Making similar course for JavaScript will certainly get me hooked to your course.

Instructor

Tharun Shiv
An enthusiastic web developer, who is ready to Teach code.
Tharun Shiv
  • 4.1 Instructor Rating
  • 1,196 Reviews
  • 70,662 Students
  • 4 Courses

Hey there everyone. I'm very excited to be a course Instructor on Udemy. I love sharing my knowledge with the developer community, If you aren't one, then by the time you saw my Profile, Ola! You already are now. So what are you waiting for? Come have a great journey with me, sharing the knowledge you have with me. See you there.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.