HTML5 and CSS3 - the basics of Web Development - to design your own responsive websites
Do you want to learn how to build your own websites?
Do you want to become a web developer?
Do you just want to know how to customize the design of a website created with Wordpress (or other web-builder) so it looks like you want it to?
HTML5 & CSS3 are the basic building blocks of the website world! And this is the perfect course for you to dive right in and learn them.
Instructor: Mr. Kushagra Bhatia & Mr. Pradeep Rai
Language: bilingual (Hindi + English)
Validity Period: 365 days
₹499 including 18% GST
Why should you enrol in this course?
1. It's great for absolute beginners, with NO coding or web development experience required!
Many of the other courses on HTML5 and CSS3 are too advanced, or use language that is confusing to a beginner. We break down every definition and step of the process so you never get lost.
2. Project-based learning. Plus it's free to build websites!
Learning is better when you're actually doing. As you follow along with each section of the course, you'll be building your own websites. No matter what type of computer you have - Windows, Mac, Linux - you can get started.
Seriously, within the first hour of the course, you'll be building your own basic websites!
3. No more boring lectures!
If you've watched other HTML5 and CSS3 courses or tutorials before, you know that it can be difficult to make it interesting and fun. You feel like you're actually learning something new... and progressing... all while having fun!
4. Real world case studies!
It's great to learn how to use HTML and CSS, but it's even better if you know how what you are learning applies to real-world websites. Throughout the entire course, you learn how real websites are using HTML5 and CSS3 today.
WHAT WILL YOU LEARN IN THIS COURSE?
- Start by understanding how to use HTML5, CSS3
- Each section builds upon the previous ones to give you a complete understanding of the basics of HTML, CSS
- Once you are in the Bootstrap section, you'll learn how to quickly develop and design beautiful responsive websites
- Finally, you'll put all your knowledge together with full website projects such as creating a modern landing page
IS THIS THE PERFECT COURSE FOR YOU?
YES - if you are a complete beginner with no experience building a website.
YES - if you already know some HTML5 and CSS3, but want to learn everything from the ground up so you know how to build a complete website.
YES - if you don't necessarily want to be a web developer, but want to understand how HTML5 and CSS3 work so you can customize your own WordPress site (or other type of website)
READY TO ENROLL?
Enroll now to try out the course completely risk free!
We can't wait to see you in the course!
|Welcome to the Course!|
|Introduction to the course 8:00||Preview|
|Best Coding Editor & Sublime Setup 7:00|
|What is HTML ? (4:00)||Preview|
|Basics - HTML Elements|
|HTML document structure 10:00||Preview|
|HTML elements - b, i, strong, center 7:00|
|HTML elements - br, hr, h1-h6 heading 8:00|
|HTML elements - u, p, img tag 10:00|
|HTML elements - ul, li, and ol 10:00|
|Project #1 - HTML text site 11:00|
|HTML elements - div(Division | Block) 9:00|
|HTML Tables Elements|
|HTML Elements - table, tr, td, th 10:00|
|Create a simple Calendar using Table Element 9:00|
|HTML Form Elements|
|Radio Buttons, Text box 8:00|
|Select, Option, Text Area 6:00|
|Checkbox, File, Password, Buttons 8:00|
|Project #2 - Create a Enquiry Form 6:00|
|Introduction to Cascading Style Sheets (CSS)|
|What is CSS & Types of CSS 7:00||Preview|
|External CSS (How to connect CSS file to HTML Page) 7:00|
|CSS Selectors 9:00|
|width, height, background-color, float 17:00|
|font-size, font-weight, color, font-style 12:00|
|Text-align, text-decoration, text-transform, word-spacing 10:00|
|Project #3 - Create a Modern Web Page using HTML & CSS 21:00|
|Working With CSS Hover effect 5:00|
|letter-spacing, border, border-left, border-right, border-top, border-bottom 14:00|
|margin, margin-left, margin-right, margin-top, margin-bottom 13:00|
|padding , padding-Left, padding-left, padding-right, padding-top padding-bottom 15:00|
|background-Image, background-repeat 15:00|
|Project - Create Professional Website|
|Professional Project Part-1 26:00|
|Professional Project Part-2 14:00|
|Professional Project Part-3 17:00|
|CSS Clear Concpet|
|CSS Clear Concpet 9:00|
|Full Width Website|
|Full Width Website Concept 9:00|
|Professional Project#2 Full Width Website 18:00|
|One Page Website|
|One Page Website Concept 3:00|
|CSS (Background Fixed, Background Transparent, Background Cover) 19:00|
|Creating Your Own One Page Website Project 19:00|
|CSS Pseudo-classes 14:00|
|CSS Display (Block, inline-block, Table) 13:00|
|CSS Display (None/block) 7:00|
|display Flex Property 4:00|
|Project# Creating Basic navigation menu 9:00|
|Position (Relative & Static) 9:00|
|Position (Absolute) 9:00|
|Position (Fixed) 7:00|
|Z-index in CSS 6:00||Preview|
|Drop Down Menu 15:00|
|Drop Down Menu ui, li 17:00|
|Multilevel Drop Down Menu 10:00|
|Css Variable in Css 15:00|
|CSS3 Introduction & Properties|
|What is CSS3? 2:00|
|CSS3 browser Support 7:00|
|CSS3 Border Radius 8:00|
|CSS3 Border Image 12:00|
|CSS3 Multiple Background Image 5:00|
|CSS3 Overflow Property 7:00|
|CSS3 Opacity, Visibility 8:00|
|CSS3 Shadows(Text & Box) 13:00|
|CSS3 Box Sizing, Filters 8:00|
|CSS3 Animations Part1 16:00|
|CSS3 Animations Part2 11:00|
|CSS3 Transitions 14:00|
|CSS3 Transform (Scale, Translate) 12:00|
|CSS3 Transform (Skew, Rotate) 7:00|
|Translate Exmaple 9:00|
|Rotate Example 4:00|
|CSS3 Gradients (Linear,Radial) 10:00|
|CSS Google Fonts 8:00|
|Setup Custom Fonts with CSS & @font-face 15:00|
|CSS3 Multi-column Layout 5:00|
|Changing Column Width Bases on Screen Size (Media Queries) 21:00|
|Introduction to HTML5 & Elements|
|HTML-5 Introduction 6:00|
|HTML-5 Simantic Elements 5:00|
|HTML5 TagsElements (Header,Section,Main,Article,Aside,nav,Footer) 42:00|
|HTML5 TagsElements (Details,summary) 4:00|
|HTML5 TagsElements (Figure figcaption) 7:00|
|HTML5 TagsElements (Output) 5:00|
|HTML5 TagsElements (Meter Tag) 3:00|
|HTML5 TagsElements (Dialog Tag) 2:00|
|HTML5 Video Tag 6:00|
|HTML5 Audio Tag 2:00|
|Web Storage Introduction 8:00|
|Drag and Drop Elements in HTML 14:00|
|HTML5 Form Input (date,email,time), HTML5 Form Input (color,number,tel), HTML5 Form Input (month,url,range), HTML5 Form Input (m 10:00|
|HTML5 form Attribute 5:00|
|HTML5 datalist Tag 3:00|
|Draw The Shape Rectangle using Canvas 8:00|
|Draw the Line in HTML5 4:00|
|Add Text using HTML5 Canvas 4:00|
|Draw image in HTML5 Canvas 3:00|
|Add Shadow using Canvas 3:00|
After successful purchase, this item would be added to your courses.
You can access your courses in the following ways :