Includes
-
Recorded Lessons: 68
-
Recorded Hours: 7
-
Duration: 7 days (Avg)
Features
Access on mobile
TDP Assessment Test
-
1 Job Available
Top Skills Covered
Overview
Course Description
Learn to code CSS,
The first step to Style Coding you need to learn to succeed in Website beautification development, it is easy to learn and understand our online CSS Training course, It is designed for you with the complete steps to require learn Basic topics by Mr. Sudha Sekhar [MCP - Microsoft Certified Professional] will explain to you even complex topics to simplify and teach you even beginners can easily understand with real-time examples.
Join this best CSS course to learn all about CSS from the startup, in great depth!
CSS - short for Cascading Style Sheets - is a "programming language" you use to turn your base HTML pages into real beautiful websites.
This course covers all standards -
We start at the very basics (What is CSS? How does it work? How do you apply it)? and gradually dive in deeper and deeper. And we do this by showing both practical coding examples as well as the theory behind them.
Getting started with CSS might look easy but there actually is a lot of depth to CSS -
Hence this course provides different "Levels" or "Entry points" to exactly meet your demands and reflect your current knowledge level:
The Basics Level:
Start from scratch, learn CSS from the ground up. You start with lecture 1 and simply follow through to the end step by step.
The Intermediate Level:
You already know the CSS basics, you know what inline, internal, and external CSS is and how it works but you want to dive in deeper and learn some intermediate features and usages.
The Advanced Level:
You got the intermediate knowledge, too, but you want to dive into things like Layout, CSS Animation, CSS responsive pages to apply a single CSS page would be applicable in multiple devices like mobile, t.v, computer, and large screens.
The Expert Level:
You got the advanced knowledge, too, but you want to dive into things like Multiple columns, CSS about UI / UX design, CSS Pagination. This Level is for you.
Of course, this course offers the theory and practical real-world examples -
We'll build an entire real course project throughout the course - but there is also a coding exercise challenge for you to practice individual concepts taught throughout the course.
Talking about the course project -
We'll explain a simple template getting from the web and make very simple steps to create a real-world project within less time. We'll have a starting screen that has different sections, we got a responsive design, we showed modals and forms and in general, we got a lot of CSS animations, font styles, and more!
Here's what's inside the course in detail - this is all also applied in a real-world project:
- The basics about inline, internal, and external CSS and selectors,
- Basic combinators and how you set up styling rules in general Properties and their values
- How specificity and classes and IDs work and why it's called "Cascading" Style Sheets
- Important theoretical concepts like the "Box Model"
- How the default position of elements can be changed
- Styling backgrounds (e.g. gradients) and images
- Which measurements and dimensions do you typically use in CSS (px, % and more)
- Responsive design and what "Mobile First" means
- Styling forms, form inputs, and its alignments
- Working with text, fonts, and text styles
- How it works and how to use it in real-world coding exercises
- Using the CSS Grid and how it differs from the HTML grid
- Transforming and animating HTML elements with the help of CSS
- Writing future-proof CSS with features like CSS Pseudo-classes or best-practice class names
Is this course for you?
- It's for you if ...
- you started with learning web development and you want to build more beautiful websites
- you already know CSS but want to dive deeper
- you're using CSS in a trial-and-error manner and want to change this (you should!)
- You might come back later if ...
- you're an absolute CSS pro and you know the CSS working group drafts by heart
- you're a backend-only developer (Java, Angular, Node, Asp.Net, PHP, NO HTML or frontend JavaScript)
- you're a total newcomer to web development and you don't know the basics of CSS
- If that sounds good to you, we'd be more than happy to welcome you into this course!
About Your Instructor
Sekhar Metla is a software engineer with 18 years of professional experience. He is the author of several best-selling TeacherDada courses with more than 32,000+ students in 192 countries. He has a Master of Science in Computer Applications as Software Engineering and is also Microsoft Certified Professional. His students describe him as passionate, pragmatic, and motivational in his teaching.
What you'll learn
- Learn why CSS is amazing, and something to be special of!
- Build beautiful websites which don't just contain great content but also look great.
- Use basic as well as advanced CSS features to apply HTML tags.
- Understand the concepts and theory behind CSS and certain CSS features.
- Build fully-fledged websites and web apps design for your startup or business.
- Craft a portfolio of websites CSS design to apply for junior developer jobs.
- Learn professional CSS concepts of developer best practices.
Requirements
- No programming experience needed. You will learn everything you need to know
- Basic HTML or web development knowledge is required though(not mandatory)
- No paid software required
- I'll walk you through, step-by-step how to get all the software installed and set up
Course Content
68 Lessons | 7:00 Total hours
Getting Started
-
Introduction to Getting Started
00:02:16 -
Course Curriculum
00:04:24 -
How to Get Course requirements
00:02:27 -
Getting Started on Windows, Linux or Mac
00:01:32 -
How to ask a Great Questions
00:01:21 -
FAQ’s
00:01:04
Setting up Development Environment
-
Introduction CSS
00:06:01 -
Choosing Code Editor
00:03:28 -
Installing Code Editor (Sublime Text)
00:03:48 -
CSS Syntax
00:04:59 -
Creating a first page with CSS Style
00:12:30 -
Summary
00:01:45
CSS Basic
-
Introduction
00:02:43 -
Inline CSS
00:05:56 -
Internal CSS
00:05:23 -
External CSS
00:09:55 -
CSS Classes
00:09:24 -
CSS IDs
00:06:14 -
Colors
00:08:00 -
Backgrounds
00:03:34 -
Floating
00:08:38 -
Positioning
00:05:53 -
Margins
00:07:03 -
Padding
00:03:52 -
Borders
00:03:16 -
Summary
00:01:55
CSS Intermediate
-
Introduction
00:02:14 -
Styling Text
00:06:34 -
Aligning Text
00:03:58 -
Styling Links
00:10:02 -
Font Family
00:07:05 -
Font Styles
00:03:14 -
Applying Google Fonts
00:07:05 -
Box Model
00:08:49 -
Icons
00:08:42 -
Tables
00:15:53 -
Navigation-Menu
00:11:11 -
Dropdowns
00:15:21 -
Summary
00:01:42
CSS Advanced
-
Introduction
00:01:34 -
Advanced Selectors
00:05:01 -
Forms
00:16:33 -
Website Layout
00:20:53 -
Rounded Corners
00:08:00 -
Color Keywords
00:05:45 -
Animations
00:07:33 -
Pseudo Classes
00:03:00 -
Gradients
00:02:51 -
Shadows
00:03:29 -
Calculations
00:05:13 -
Creating Responsive Page
00:06:11 -
Summary
00:01:51
CSS Expert
-
Introduction
00:01:18 -
Button Styles
00:06:04 -
Pagination
00:06:55 -
Multiple Columns
00:05:43 -
Image Reflection
00:02:40 -
UI / UX Design
00:09:11 -
Social Media Icons
00:07:55 -
External CSS Style adding
00:05:50 -
Coding Exercise
00:01:24 -
Solution for Coding Exercise
00:02:56 -
Summary
00:01:32
CSS Website Project
-
Introduction
00:01:14 -
CSS Project Getting
00:04:45 -
CSS Project Overview
00:08:22 -
Summary
00:01:17
What’s Next?
-
Bonus Lecture for What Next?
00:01:56
About the instructor
Sekhar Metla
Instructor
45 Courses
13+ Lesson
1170 Students enrolled
Sekhar Metla is a software engineer with 15 years of professional experience. He is the author of several best-selling TeacherDada courses with more than 26,000+ students in 192 countries. He has a Master of Science in Computer Applications as Software Engineering and is also Microsoft Certified Professional. His students describe him as passionate, pragmatic, and motivational in his teaching.