Master HTML and CSS by building real world projects
- Description
- Curriculum
- FAQ
- Reviews
Requirements
-
Basic computer skills
A detailed effective course on HTML & CSS for beginners or even students with intermediate HTML & CSS knowledge. You will have all the real-life experience you should have when starting your journey to become a software developer or web developer.
Is this course suitable for you?
Yes, If you already know the basics of computers, you can start this course. If you are interested in learning HTML and CSS, you can start your journey with this course. This course will also help if someone wants to build real-world projects such as e-commerce and blog projects to improve their skills.
What makes this course special?
In this course, I have spent a lot of time on the theoretical explanation, which will support you in understanding the practical implementations of many topics easily. I have added many challenges for you so that you can test your learning immediately after completing a lecture. You will learn about many extensions, saving 50% of the time when coding. This course will make sure to make you advance in this field.
What are some of the course highlights?
There are so many exciting features covered in this one course; you will be blown away by excitement and joy. Here are some of the exciting features you will learn about HTML & CSS:
-
HTML Typography
-
HTML Lists, Link, Media
-
HTML Table, Form
-
Web Accessibility
-
CSS Selectors, combinators
-
CSS Box Model
-
CSS Layout design – float, positioning, flex, grid
-
CSS Responsive Web Design (RWD)
-
CSS Transform, Transition, Animation
-
CSS BEM Architecture
-
Blog Project
-
E-commerce Project
-
1Environment setup - Visual Studio CodeVideo lesson
-
2Markdown LanguageVideo lesson
-
3What is HTML? Why HTML?Video lesson
-
4HTML Tags & their typesVideo lesson
-
5HTML AttributesVideo lesson
-
6Basic Structure of HTML FileVideo lesson
-
7HTML Quiz 1Quiz
This quiz will test your knowledge of HTML tags, attributes and basic structure.
-
8Head Tag's Basic UsageVideo lesson
-
9Head Tag's Advanced Usage & SEO CheckingVideo lesson
-
10How To Validate HTML FileVideo lesson
-
11HTML CommentsVideo lesson
-
12HTML HeadingsVideo lesson
-
13HTML Line Break & ParagraphVideo lesson
-
14HTML Text Formatting TagsVideo lesson
-
15HTML Entity & SymbolVideo lesson
-
16Font Awesome Icon & Icon Font ExtensionVideo lesson
-
17HTML Quiz 2Quiz
This quiz will test your knowledge of HTML head tags, comments, headings, text-formatting tags, and entities.
-
18HTML List (Part-1)Video lesson
-
19HTML List (Part-2)Video lesson
-
20HTML List (Part-3)Video lesson
-
21HTML List (Part-4) Description ListVideo lesson
-
22HTML LinkVideo lesson
-
23How To Create Clickable IconVideo lesson
-
24How To Add ImageVideo lesson
-
25How To Get Images From UnsplashVideo lesson
-
26How To Host Image On ServerVideo lesson
-
27How To Add A Map Using iframeVideo lesson
-
28HTML Quiz 3Quiz
This quiz will test your knowledge of HTML lists, links, and images.
-
29How To Add Any Website Using iframeVideo lesson
-
30How To Add A YouTube Video Using iframeVideo lesson
-
31How to Add Audio & VideoVideo lesson
-
32HTML TableVideo lesson
-
33HTML Form (Part-1) - Basic FormVideo lesson
-
34HTML Form (Part-2) - Accessible FormVideo lesson
-
35HTML Form (Part-3) - Radio Button, Text AreaVideo lesson
-
36Send Form Data To Email AddressVideo lesson
-
37Web Accessibility (Part-1) - Testing Web AccessibilityVideo lesson
-
38Web Accessibility (Part-2) - Semantic vs Non-Semantic HTMLVideo lesson
-
39Web Accessibility (Part-3)Video lesson
-
40Web Accessibility (Part-4) - role, aria-labelVideo lesson
-
41HTML Quiz 4Quiz
This quiz will test your knowledge of HTML iframe, table, form and Web Accessibility.
-
42CSS Module OutlineVideo lesson
-
43Why CSS? CSS Rules SyntaxVideo lesson
-
44Inline CSSVideo lesson
-
45Internal CSSVideo lesson
-
46External CSSVideo lesson
-
47CSS Selectors & CombinatorsVideo lesson
-
48Element & Grouping SelectorsVideo lesson
-
49Nested & Universal SelectorsVideo lesson
-
50ID SelectorsVideo lesson
-
51Class SelectorsVideo lesson
-
52HTML To CSS Auto Completion extensionVideo lesson
-
53Attribute SelectorsVideo lesson
-
54Pseudo class & Pseudo element SelectorVideo lesson
-
55Descendant, Child, Adjacent & general sibling SelectorsVideo lesson
-
56CSS Quiz 1Quiz
-
57Typography | Font PropertiesVideo lesson
-
58Typography | How to add google fontVideo lesson
-
59Typography | How to add colorVideo lesson
-
60Typography | How to format TextVideo lesson
-
61Box Model | Content, PaddingVideo lesson
-
62Box Model | border, MarginVideo lesson
-
63box-sizing propertiesVideo lesson
-
64Typography | How to add & style iconsVideo lesson
-
65inline vs inline-block vs block elementsVideo lesson
-
66width vs max-width propertiesVideo lesson
-
67opacity & overflow propertiesVideo lesson
-
68background propertiesVideo lesson
-
69CSS Quiz 2Quiz
External Links May Contain Affiliate Links read more