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
2021-01-15 10:33:21
30-Day Money-Back Guarantee
Development Web Development CSS

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
Rating: 4.3 out of 54.3 (893 ratings)
108,292 students
Created by EdYoda Digital University, Qaifi Khan
Last updated 7/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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

Course content

12 sections • 48 lectures • 4h 55m total length

  • Preview02:29
  • Preview11:33

  • CSS - Styling Text
    11:13
  • CSS - Adding Borders
    05:48
  • CSS - Margin and Padding
    05:15
  • CSS - Styling Lists
    05:17
  • CSS - Styling Links
    05:11
  • CSS - Styling Buttons
    06:54
  • CSS - Adding Icons
    05:44

  • CSS - Working with Display Values
    04:04
  • CSS - Display value: Inline-Block
    06:50
  • CSS - Positioning HTML Elements Part-1
    08:20
  • CSS - Positioning HTML Elements Part-2
    03:20
  • CSS - Handling Content Overflow
    03:27
  • CSS - Floating HTML Elements
    03:38

  • CSS - Box Model
    03:57
  • CSS - Box Sizing
    03:53
  • CSS - Adding Shadows
    04:54

  • CSS - Combinators Part-1
    05:23
  • CSS - Combinators Part-2
    06:20
  • CSS - Pseudo Classes Part-1
    06:18
  • CSS - Pseudo Classes Part-2
    07:48
  • CSS - Pseudo Elements
    07:30

  • CSS - Adding Backgrounds
    05:21
  • CSS - Gradients
    07:43
  • CSS - Handling Text Overflow
    04:01

  • CSS - Practice Problem-1: Create Google.com Look-Alike
    00:59
  • CSS - Practice Problem-1: Create Google.com Look-Alike Solution
    31:49

  • CSS - Introduction to Responsive Web Design
    01:19
  • CSS - Viewport
    04:55
  • CSS - Dynamic Size
    04:31
  • CSS - Introduction to Media Queries
    03:27
  • CSS - Responsive Webpage Design using Media Queries
    13:00

  • CSS - Flex Layout
    02:42
  • CSS - Flex Container Properties
    07:21
  • CSS - Align Flex Items
    07:41
  • CSS - Flex Item Properties
    05:26
  • CSS - Design Topbar using Flex
    03:52
  • CSS - Responsive Grid using Flex
    04:20

  • CSS - Transform Property
    07:38
  • CSS - Align Elements using Transform Property
    03:01
  • CSS - Transition Property
    07:01
  • CSS - Animation Property
    08:47
  • CSS - Flying Rocket Animation using Animation Property
    02:50

Requirements

  • Basic understanding of HTML5

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

Who this course is for:

  • Beginners who are new to Web Development
  • Freshers who want to learn CSS3 from scratch
  • Web Developers who want to brush up the concepts of CSS

Instructors

EdYoda Digital University
Visit us at www.edyoda.com
EdYoda Digital University
  • 4.2 Instructor Rating
  • 12,939 Reviews
  • 483,160 Students
  • 15 Courses

EdYoda is re-imagining skill based education, educating on job-relevant real world skills.

Edyoda courses are on job-relevant technical skills. We have professional team of instructors, some of the courses we specialize in are Web development, Mobile App Development, Cloud & DevOps, Machine Learning, Artificial Intelligence and Big Data.

We believe that access to education and opportunities is the biggest enabler and we are on a mission to enable the same for everyone across the world.

Qaifi Khan
Trainer at EdYoda
Qaifi Khan
  • 4.3 Instructor Rating
  • 6,728 Reviews
  • 311,947 Students
  • 8 Courses

Qaifi is a Computer Science graduate. He has been part of the corporate circle since his college days. In his early days, he was part of a startup team delivering production grid android apps. Currently, he is a lead developer at EdYoda. He is responsible for the entire front-end development & integration with the back-end. React, Python, Django are his areas of expertise. He has been delivering corporate training for Android, React, Javascript, Python & Django. He has eyes for details & that makes him suited for delivering a finished product. He is a fitness freak & working out is his favorite thing to do in his spare time.

  • 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.