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 Mindfulness Personal Development Personal Transformation Life Purpose Meditation Coaching 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 Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Blender
30-Day Money-Back Guarantee

This course includes:

  • 5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

The Complete CSS Course

Learn CSS from beginner to advanced level with both theoretical and practical explanations
Rating: 4.3 out of 54.3 (59 ratings)
16,761 students
Created by Farda Karimov
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Modern CSS techniques to create stunning designs and effects
  • How to use and apply the CSS Box model to Page Layout
  • Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
  • What considerations to take when using CSS for mobile
  • CSS Grid layouts: build a huge real-world project with CSS Grid
  • Flexbox layouts: build a huge real-world project with flexbox

Course content

8 sections • 70 lectures • 4h 52m total length

  • Preview01:47
  • İntroduction to CSS
    02:24
  • Text Editors
    02:53
  • Adding CSS to text editors
    04:08
  • Syntax of CSS elements
    02:36
  • Website Layout
    02:59
  • CSS Selectors
    08:14
  • Attribute Selectors
    05:15
  • Add colors with RGB values
    04:25
  • Add colors with HEX values
    04:03
  • Add colors with HSL values
    03:40
  • Opacity Property
    02:45
  • Comments
    01:37
  • Absolute Lengths
    02:55
  • Relative Lengths
    03:26
  • List-style-type
    04:00
  • Display property
    03:23
  • İnline-Block Value
    02:04
  • Pseudo Classes
    04:47
  • Pseudo Elements
    04:24
  • Styling Links
    03:17
  • Float Property
    02:53

  • Background-Color property
    03:31
  • Background Images
    01:44
  • Background Position Property
    03:12
  • Background Shorthand
    02:30

  • Border-Style
    05:19
  • Border-Width
    04:33
  • Border Radius
    02:09
  • Outline Property
    04:51
  • Outline-Offset
    02:20

  • Text-decoration
    02:31
  • Text Transform
    01:29
  • Text Spacing
    03:33
  • Text-Shadow
    02:09
  • Text-Alignment
    03:33
  • Overflow Property
    03:41
  • Word-Wrap Property
    04:19
  • Font-Family
    03:33
  • Font-Size
    03:27
  • Font-Style
    04:34
  • Visibility Property
    02:12

  • What is Box Model?
    03:09
  • Padding Property
    04:21
  • Margin Property
    05:40
  • Width and Height
    04:16
  • Max-Width Property
    02:44
  • Box-Sizing
    02:46
  • Box Shadow
    02:33

  • What is Responsive Design?
    03:09
  • Meta tag for Responsive Design
    02:28
  • Flexbox Layout 1
    07:47
  • Flexbox Layout 2
    05:45
  • Flex-item
    04:20
  • Grid Layout 1
    04:13
  • Grid Layout 2
    05:51
  • Media Queries
    05:41

  • Animation
    10:05
  • Transition
    07:08
  • Linear-Gradient
    08:13
  • Radial-Gradient
    06:46
  • 2D Transforms
    07:40
  • 3D Transforms
    02:13
  • Position property
    04:17
  • Object-fit Property
    03:46
  • User Interface
    04:03

  • Practice Video 1
    08:49
  • Practice Video 2
    05:04
  • Practice Video 3
    09:50
  • Practice Video 4
    07:13

Requirements

  • Prior programming knowledge of HTML is needed
  • Any text editor and HTML,CSS compatible web browser
  • Great persistence to learn CSS3 professionally

Description

Are you’re a beginner who wants to start programming and become web developer or experienced programmer who wants to advance their knowledge about CSS.

If your answer is yes, you are the right way and let’s start

We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. This course is prepared to give students an contemporary insights at CSS and CSS3 features.

We will start with the selection of some significant text editors .Then we jump to ways to add CSS and the syntax of the elements in CSS. During the lesson, you will learn to style HTML elements with usage of CSS codes such as color,font size,width,height and etc. You will also see how different types of animations and transitions are set up and learn how to apply them. We will talk about how the CSS Grid and Flexbox layout system, one of the most important topics in CSS, and how they are used to create Responsive Design which means the design can adopt to all of device types such as mobile, computer, tablets, laptops.

After completing the course, you will be able to professionally write the codes of your webpage. Anything covered in theory had a hands on example in the course.This course is both theorical and practical.


Who this course is for:

  • This course is intended for people who want to get into web development
  • Beginner students who desire to be professional developer
  • Experienced programmers who want to advance their knowledge

Instructor

Farda Karimov
Experienced Front-End Developer
Farda Karimov
  • 4.1 Instructor Rating
  • 457 Reviews
  • 44,875 Students
  • 3 Courses

I am Front-End Web Developers with experience from different programming languages and their usage in various projects. I have created tens of different websites and at the moment I continue to learn new things about both Front-End and Back-End development. I have gained the gold medal in Republic Olympiad for Web Development branch two years age. So I am passionate about learning new information about contemporary technology and teaching them to others.

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