Course Includes
-
Recorded Lessons: 129
-
Recorded Hours: 12
-
Duration:
12 days (Avg)
Course Features
Access on mobile
TDP Assessment Test-
5 Jobs Available
Top Skills Covered
Overview
Course Description
Learn HTML and CSS from Scratch | Learn How to Code and Create Own Project
Learn to code HTML and CSS, The first step to create HTML and Style Coding you need to learn to succeed in Website beautification development, it is easy to learn and understand our online HTML and CSS Training course, It is designed for you with the complete steps to require, Learn Basic topics by Mr. Sudha Sekhar Metla [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 course to learn HTML and CSS course to learn all about HTML and CSS from the start-up, in great depth!
What is HTML?
Short for Hyper Text Markup Language. Hypertext Markup Language is a standardised method of tagging text files to produce font, colour, visual, and hyperlink effects on World Wide Web sites.
What is CSS?
To style and layout web pages, CSS (Cascading Style Sheets) is used. For instance, CSS can be used to change the font, colors, size, and spacing of your text, divide it into numerous columns, or add animations and other ornamental elements.
This course covers all standards -
we start at the very basics HTML and CSS (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 it.
Getting started with HTML and CSS
Getting started with HTML and 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:
Both HTML and CSS are very important to know all levels to create a complete responsive real-world websites, we identified the gap between these courses and tried to filling gaps and bridging in this curriculum to learn a single web developer to applying his own skills.
HTML and CSS Course Levels
The Basics Level:
Start from scratch, learn HTML and CSS from the ground up. You will learn basic fundamentals in this sections, You start with lecture 1 and simply follow through to the end step by step.
The Intermediate Level:
You already know the HTML and CSS basics, you know from HTML what Formatting Text, Framing Paragraphs and from CSS inline, internal and external CSS are 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 from HTML Entities , Forms, Images from CSS Layout, CSS Animation, CSS responsive page 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 HTML5 Components, Form Basic Structure layouts from CSS Flexbox, CSS Grid layout alignment, 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 teach an entire real course project throughout the course - but there also coding exercise challenge for you to practice individual concepts taught throughout the course.
Talking about the course project -
we'll explained a simple template getting from web and making a very simple steps to create real world project with in less time. We'll have a starting screen which has different sections, we got a responsive design, we shown 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 its values
- Learn Basic to create HTML to applying HTML5 advanced elements on web design will be thought in this course
- How specify 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 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 HTML grid
- Transforming and animating HTML elements with the help of CSS
- Writing future-proof HTML and CSS with features like HTML pages, Tags and CSS Pseudo classes, Flexbox, CSS Grid 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 stunning websites
- You already know HTML and CSS but want to dive deeper
- You're using HTML and 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 frontend or JavaScript)
- You're a total newcomer to web development and you don't know the basics about HTML and CSS
- If that sounds good to you, we'd be more than happy to welcome you in side 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 also Microsoft Certified Professional. His students describe him as passionate, pragmatic, and motivational in his teaching.
What Will Students Learn in Your Course?
- Become a strong modern and confident HTML and CSS developer, no prior knowledge needed!
- A web design framework with easy-to-use rules and guidelines to design eye-catching websites
- Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
- How to find, get and use free design assets such as images, fonts, and icons
- Create common components and layout patterns for professional website design and development
- Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
- Learn to Publish your Website project on Live Server or Cloud Server step by step
- Design and build a stunning real-world project for your website from scratch
- What are the requirements or prerequisites for taking your course?
- No coding or design experience necessary (should know computer operating)
- Any computer works — Windows, macOS or Linux
- You don’t need to buy any software — we use the best free open-source code editor in the world
Who is this course for?
- Beginner HTML and CSS developers curious about web design
- Students with some knowledge about HTML and CSS, but who bridging challenges to put together a great website
- Complete beginners who want to learn how to build a professional, beautiful and responsive website design
- Who wants to learn HTML and CSS from scratch to start web developer career
What you'll learn
- Become a strong modern and confident HTML and CSS developer, no prior knowledge needed!
- A web design framework with easy-to-use rules and guidelines to design eye-catching websites
- Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
- How to find, get and use free design assets such as images, fonts, and icons
- Create common components and layout patterns for professional website design and development
- Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
- Learn to Publish your Website project on Live Server or Cloud Server step by step Design and build a stunning real-world project for your website from scratch
Requirements
- No coding or design experience necessary (should know computer operating)
- Any computer works — Windows, macOS or Linux
- You don’t need to buy any software — we use the best free open-source code editor in the world
Course Content
129 Lessons | 12:00 Total hours
Getting Started
-
Introduction 00:02:29 -
Course Curriculum 00:06:53
-
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 00:04:56
-
Choosing Code Editor 00:06:08
-
Installing Code Editor(Sublime Text) 00:03:48
-
Overview of a Webpage 00:04:35
-
Full HTML Code Page 00:07:05
-
First “Hello World!” page 00:08:59
-
Summary 00:02:12
HTML Fundamentals
-
Introduction 00:03:04
-
Heading 00:08:48
-
Paragraph 00:07:35
-
Formatting text 00:12:23
-
List Items Un-Ordered 00:05:08
-
List Items Ordered 00:03:56
-
Classes 00:09:24
-
ID’s in CSS 00:06:14
-
Comments in HTML 00:04:14
-
Summary 00:03:34
HTML Intermediate
-
Introduction 00:01:58
-
Images 00:11:46
-
Forms 00:05:12
-
Form Actions 00:04:26
-
Br tag 00:03:25
-
Marquee 00:05:29
-
Text area 00:06:02
-
Tables 00:06:03
-
Links 00:07:19
-
Navbar / Menu 00:04:04
-
HTML Entities 00:05:17
-
Div tag 00:05:49
-
Google Maps 00:07:14
-
Summary 00:01:59
HTML Advanced
-
Introduction 00:01:46
-
HTML5 Audio 00:07:16
-
HTML5 Video 00:04:47
-
Progress Bar 00:04:07
-
Drag & Drop 00:18:29
-
Canvas 00:05:35
-
I frames 00:05:06
-
Input Types 00:04:06
-
Input Attributes 00:06:23
-
YouTube Video Linking 00:03:52
-
Creating Responsive Page 00:04:56
-
Summary 00:01:48
HTML Expert
-
Introduction 00:01:46
-
Registration Form 00:04:18
-
Login Form 00:03:35
-
About Us Form 00:02:12
-
Contact Us Form 00:09:49
-
Footer Form 00:02:50
-
Integrate All Together 00:06:34
-
Coding Exercise 00:01:21
-
Solution for Coding Exercise 00:02:21
-
Summary 00:02:08
HTML Website Project
-
Introduction 00:02:07
-
Challenge – HTML 5 Clock Face with Numbers 00:04:31
-
Project Overview 00:02:55
-
Conclusion on Project 00:01:17
-
Summary 00:01:33
CSS Fundamentals
-
Introduction 00:02:43
-
CSS Syntax 00:04:59
-
Creating webpage with CSS 00:12:30
-
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
-
Flexbox 00:13:47
-
CSS Grid 00:14:47
-
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
Publish Your Website for Live
-
Introduction 00:02:09
-
Installing Free FTP Solution (FileZilla) 00:04:23
-
Setting Up FTP (File Transfer Protocol) 00:03:02
-
Publish Website to Hosting Server 00:03:49
-
Summary 00:01:12
Bonus: What’s Next
-
Where to go from Here 00:02:09
Frequently asked questions
Who is this course suitable for?
This course is perfect for beginners who have little to no prior experience with HTML and CSS. It's also valuable for individuals who want to strengthen their foundation in web development or anyone looking to build their own websites.
What skills will I gain from this course?
By the end of this course, you'll have a solid understanding of HTML and CSS fundamentals, including how to structure web pages, style elements, and create responsive layouts. You'll also gain practical experience in coding and designing your own projects.
Can I work at my own pace?
Yes, this course is self-paced, allowing you to learn at a speed that suits you best. You can revisit previous lessons or skip ahead to more advanced topics as needed. The flexibility of the course accommodates various learning styles and schedules.
What is the target audience for this course?
This course is designed for complete beginners who have little to no prior experience with HTML and CSS. It's also suitable for those who want to refresh their skills or gain practical knowledge by working on real projects.
What will I learn in this course?
HTML, CSS
About the instructor
Sekhar Metla
Instructor
46 Courses
13+ Lesson
1518 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.
