Practical CSS3 Mastery Course
Start your frontend development journey by implementing HTML5 and CSS3 concepts in complete hands-on based approach
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
What will you learn in this course:
- 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
What are the prerequisites for this course?
- Anyone who is interested to start doing web development

Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction and Environment setup
3 Lectures
-
Welcome message and course overview 01:46 01:46
-
Introduction to web development 06:12 06:12
-
Installation and Setup 05:37 05:37
Basics of HTML and CSS
4 Lectures

Font, Color, Background, Float
7 Lectures

Selectors, Display, Position, Z-Index
4 Lectures

Flexbox, Media Queries and Responsive design
3 Lectures

Advance Selectors, Effects and Animation
9 Lectures

Source code
1 Lectures

Instructor Details

Ranjan Pandey
Software Professional with 11+ years of experience in ITCourse Certificate
User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now