Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

Practical CSS3 Mastery Course

person icon Ranjan Pandey

4.4

Practical CSS3 Mastery Course

Start your frontend development journey by implementing HTML5 and CSS3 concepts in complete hands-on based approach

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Ranjan Pandey

English [CC]

category icon CSS,Development

Lectures -31

Duration -9 hours

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

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

Goals

  • 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

Prerequisites

  • Anyone who is interested to start doing web development
Practical CSS3 Mastery Course

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction and Environment setup
3 Lectures
  • play icon Welcome message and course overview 01:46 01:46
  • play icon Introduction to web development 06:12 06:12
  • play icon Installation and Setup 05:37 05:37
Basics of HTML and CSS
4 Lectures
Tutorialspoint
Font, Color, Background, Float
7 Lectures
Tutorialspoint
Selectors, Display, Position, Z-Index
4 Lectures
Tutorialspoint
Flexbox, Media Queries and Responsive design
3 Lectures
Tutorialspoint
Advance Selectors, Effects and Animation
9 Lectures
Tutorialspoint
Source code
1 Lectures
Tutorialspoint

Instructor Details

Ranjan Pandey

Ranjan Pandey

I am a Fullstack DevOps software professional with 13+ years of experience in variety of technologies ranging from web and mobile app development using HTML5, CSS3,  JavaScript, JQuery, Bootstrap, Angular, React, Java, Spring, Springboot, Python, Flask, Django, NodeJS, Express, Android, Ionic, React Native, Flutter, Camunda Bpm to Artificial Intelligence and Cloud technologies like Amazon web services and Microsoft Azure.

I am also certified in Java, Azure cloud, Backbase product.

I have experience in working with multiple MNC's and European clients. I am also a corporate trainer providing a wide range of training.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515