Learn HTML5 and BootStrap From Scratch

In progress...

   Watch Promo

If you see <!DOCTYPE html> in the source code of any webpage then it is HTML5. And I am quite sure that you will see it almost on all the pages of current web sites or web applications.

Q: Ok! But I have already learnt HTML4 (i.e., Old HTML) and I am able to do every thing. How is HTML5 different from the old HTML4 and Why should I learn It?

Ans: Good question! This is what you are going to learn in this course. Anyway I will to give one example, so that it should make sense.

Say, in my old HTML4 I want to validate a text box for email address. So, I need HTML4 <input> tag, then need to write a JavaScript function using regular expression and call it onchange event of textbox. Below is the code for that

HTML4 Code For Email Validation
function fnIsValid() {
var reg = /^(([^<>()\[\]\\.,;:\[email protected]"]+(\.[^<>()\[\]\\.,;:\[email protected]"]+)*)|(".+"))@((\[[0-9]{1,3}
          \.[0- 9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (reg.test(txtEmail.value) == false) {
    alert("Invalid Email");
    return false;
<input type="text" id="txtEmail" onchange="fnIsValid()" />

Now, lets see how HTML5 has made this simple and easy for us.

HTML5 Code For Email Validation
<input id="txtEmail" type="email"/>   //That's it, Just you need to set type. 
                                      //It will automatically validate it on form submit event.

This is the only one example I have shown, where as Html5 is more power full and easier than Html4, It has lot of new tags like <header>, <footer>, <nav>, <audio>, <video>, <main> etc. It also support graphics.

Hope, now you understand that it is very important to learn and understand HTML5.
So, don't worry it's my job to make it easy and simple to learn and understand :)

Now coming towards Bootstrap, If you need a responsive website or web application then the easiest way to implement it, is bootstrap.

Q: Ok! Now, what do you mean by responsive website or web application?

Ans: As we know very well that, these days your end users are not stick to the computer systems or laptops, that have went from Laptops to IPads, SmartPhones and now Smart Watches and each device has various screen sizes. So, your website should adjust as per the screen size automatically and should give good end user experience. Such kind of websites are called as responsive websites or web applications and it is achieved easily with the help of Bootstrap.

Best example of responsive web portal is our ManzoorTheTrainer portal.

Finally it has become must for me to teach you Bootstrap in easiest way to implement.

Course Content

Your Instructor

Manzoor The Trainer
Manzoor The Trainer

Manzoor is a Microsoft Certified Trainer who has been working on MS .Net technologies for more than a decade. Apart from development he is also passionate about delivering training on various MS .Net technologies and he has 10+ years of experience as a software development teacher. He writes articles for code-project as well. His YouTube channel has 1 million hits. He is the founder of ManzoorTheTrainer portal.

"I focus on simplifying, complex concepts..." - ManzoorTheTrainer

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!