Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Practical CSS3 Mastery Course
Rating: 4.4 out of 5(187 ratings)
34,514 students

Practical CSS3 Mastery Course

Start your frontend development journey by implementing HTML5 and CSS3 concepts in complete hands-on based approach
Created byRanjan Pandey
Last updated 6/2023
English

What you'll learn

  • You will learn all the CSS3 concepts in hands-on based approach
  • You will learn to apply various css properties in different scenarios
  • You will learn the basics of web development and debugging
  • You will be able to create your own responsive websites using the concepts

Course content

7 sections32 lectures9h 19m total length
  • Welcome message1:19
  • About your Instructor0:18
  • Introduction to web development6:12
  • Installation and Setup5:37

Requirements

  • Anyone who is interested to start doing web development

Description

If you have been thinking about learning web development or you have been thinking of becoming full-stack developer then this is the course that will not just teach you rather make you implement each and every concept of CSS3 like a pro.

Many of the students just shy away from frontend technologies because they think it's not their cup of tea, but this course will break that perception and will make you a developer by teaching you how to implement the concepts without the need of being remembering anything.

The topics that will be covered in the course are:

  • Introduction to web development

  • Client-server architecture

  • Three-tier architecture

  • What is HTML

  • What is CSS

  • What is JavaScript

  • Local development environment setup with industry-standard tools

  • Plugins and techniques to speed up development

  • Debugging skills

  • Structure of HTML page

  • HML tag and concept of attributes

  • Various components of HTML document

  • Meta tag and its importance

  • Head tag

  • Link tag

  • Script tag

  • Inline, Embedded, External styling

  • Linking external stylesheet in your Html

  • Using developer tools and knowing various components of it

  • Different types of CSS selectors

  • How to use fonts, colors, border, background style

  • Box model in CSS

  • How to solve problems due to box model

  • Margin and Padding in CSS

  • Display and Visibility

  • Different types of positions in CSS

  • Float and Clear

  • Usage of z-index property

  • Creating layouts using Flexbox

  • Responsive web design using media queries

  • Different types of pseudo-selectors and their usages

  • Box shadow and Text shadow

  • Animation and Keyframes

  • Transition and its types

  • Transformation and its types

  • You will get the complete source code so that if you get any doubts anywhere you can just refer the source code.

Who this course is for:

  • Any beginner with interest to lean about web development
  • Anyone trying to reskill or upskill
  • Any backend developer who wants to become full-stack developer