Core Concepts in HTML 5 هذه الدورة تدرس باللغة الإنجليزية

تفاصيل الدورة

*** Introductory Offer: Only for the first 100 students. Get the complete course only for $6 if you register before August 31st, 2014.

COUPON CODE: SMN2HTML5

Hurry up! ***

-----------------------------------------------------------------------------------------------------------

Hello and welcome to this course on HTML 5, which is the current and future language of the World Wide Web!

Why Learn HTML 5?

Earlier it was just HTML, and then came XHTML, HTML 4.0 etc. And now it is HTML 5 the current language of the World Wide Web (Internet) and a language on which nearly all websites will be based-on in future.

HTML 5 is simple, clean, fun and the easiest language to learn. All the new technologies in HTML 5 enable web developers to create websites that are smarter, faster and more secure than they have ever been before. So, whether you want to create websites just for personal use, business use or if you want to enter the world of web-development, think no farther. HTML 5 is the right tool to get started with and its basic rules are simple and easy to pick up, it’s an investment for lifetime, and once you know how to put it to use, you are only limited by your imagination.

Course Mission:

The mission of this course is to provide a quick and accessible way for you to learn and understand the core concepts in HTML 5, so that you can get started in programming for the web (Internet) using HTML 5. This course does not assume that you have any prior experience with any programming language or building any websites. Therefore, in this course you will learn the core concepts in HTML 5 from the ground up. I hope that this course provides hands on introduction to the core concepts in HTML 5 and fills in multiple roles as both a learning tool and a reference once you expand your skillset.

Course Rundown (What makes this course different?):

Each lecture in this course focuses on different building blocks of the HTML 5 language and hence each lecture is somewhat independent of the other lectures in this course. As a result, you do not necessarily need to follow a strict linear path to study the core concepts in HTML 5. However, for absolute beginners and to maintain a smooth learning curve, it is always a good idea to start at the very first lecture and then work your way up.

This course is designed to provide you with a concrete foundation in the HTML 5 core concepts and also serve as a reference whenever you want to review a certain core concept in HTML5 language. It starts with the absolute basics of the language and builds up to give you a solid background on the core concepts of the HTML 5 language.

What this course won’t teach you?

HTML 5 encompasses a huge number of new technologies. As a consequence, it is not possible to cover all of them in a single course. Therefore, in this course I have included the fundamental concepts that you need to learn in order to get started in HTML 5 language for the web.

Lecture Break-down:

Introduction

This lecture besides introducing HTML will answer the burning question which is: why should you learn HTML? It will also introduce a little bit of history of the HTML language and the tools you need in order get started in HTML 5

Setting up the environment - Notepad

Just in case you do not already know how to setup the environment to work with HTML 5 documents, this lecture will take you right through to setup Windows Notepad and show you how you can create, save and preview your HTML documents. You will also get handy tips on saving and organizing them into a single folder for efficiently managing your HTML 5 documents

Setting up the environment – Notepad++ (plus plus)

In this lecture, you get to setup Notepad++, a sophisticated text editor that you can download for free from the Internet. This lectures walks you through step-by-step to download, install and work in Notepad++. It also shows you how you can customize Notepad++ to work efficiently for you

Designing your first webpage

In this lecture you get to know about tags in HTML. You learn about the two important tags in HTML, that are the opening and closing tags and finally you work onto create your first simple webpage

Tag Fundamentals

This lecture focuses on the importance of tags in HTML and how you can write them in HTML. It explains the anatomy of an HTML tag and also talks about how they together form containers to hold your content

Nested tags – Understanding how to close tags properly

A lot of people give up learning HTML altogether because they never learn how to close tags properly. But fear not! This lecture walks you through step-by-step to understand nested tags in HTML and how to close them properly by either following a rule or a simple trick

Documenting your work - Using a Comment tag

In any programming language, documentation is always an important part especially when you are working as a part of a team. This lecture shows you how you can comment in your HTML documents

Setting up the Basic Document Structure

At the heart of every HTML document are the basic underlying elements that form a webpage. This lecture will introduce you to these elements gradually and get you ready to create your first webpage in HTML 5. It will also help you to understand the DOCTYPE tag, metatags, metatags – character encoding, body and paragraph tags in HTML 5

Files supported in HTML 5

In this lecture you will learn about the files that are supported in HTML 5 which you can add to your webpage

Creating Section Headings

In this lecture, you will learn how you can create headings on your webpage similar to the headings you see in newspapers, magazines etc. by making use of the section heading tags available in HTML 5

Formatting Text as Bold, Italic and Underlined

In order to attract visitor attention to specific parts of a paragraph you may want to make a piece of text bold, italicize or underlined just like you would do in other word processing programs such as Microsoft Word. This lecture does exactly the same – to show you how to make a piece of text bold, italic and underlined. It will also show you how you can nest these tags

Formatting text – Superscripted and Subscripted

This lecture will introduce you to the concept of superscripted and subscripted text and will show you how you can make a piece of text as superscript or subscript

Other text formatting tags

The goal of this lecture is to introduce you to the concept of monospace and preformatted text and show you how you can make a piece of text monospace or preformatted on your webpage

Inserting special characters and page divider

This lecture shows you how you can insert special characters on your webpage that are not available on a standard keyword and will also walk you through to insert a horizontal line on your webpage

Table Basics

This lecture helps you to understand how you can create tables on your webpage in order to organize and present complex information to your webpage visitors

Image Basics – Adding graphics on your webpage

You may also want to make your webpages beautiful or provide visual information to your webpage visitors by adding pictures on your webpage. This lecture walks you through to show you how you can add pictures on your webpage

Hyperlink Basics

This lecture shows you how you can create links on your webpages to other webpages or files

List Basics

This lecture introduces you to the concept of lists in HTML and walks you through to create several different types of lists on your webpage

Supplementary Files:

Each lecture in this course contains additional supplementary files in the supplementary file section, in order for you to understand the concepts better. It also contains example codes, figures and lecture keyword documents. In case you want to download a zipped folder of these files, kindly send me a message and I will send you a link to download the zipped folder.

Feedback (Please help me to make this course even better!):

I’m constantly working on to improve this course. Therefore, if you have any feedback you are welcome to send me a message and I will definitely work on to include that in this course.