Course Includes
-
Recorded Lessons: 68
-
Recorded Hours: 7
-
Duration:
7 days (Avg)
Course Features
Access on mobile
TDP Assessment Test-
5 Jobs 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
1260 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.
