Front-end Development School

Trying to develop for the web today is a little like....


Time is a key factor in staying productive. Use yours efficiently.

Choose tools you'll use.

The average front-end workflow today....


Scaffolding= "Download Libraries" "Download Templates" "Download Frameworks"

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara -

Friday, 2 October 2015

Introduction Of HTML5

What is HTML?

HTML is a markup language for describing web documents (web pages).

  1. HTML stands for Hyper Text Markup Language
  2. A markup language is a set of markup tags
  3. HTML documents are described by HTML tags
  4. Each HTML tag describes different document content
A small HTML Document

<!DOCTYPE html>
<title>Page Title</title>

<h1>My First Heading</h1>
<p>My first paragraph.</p>


Example Explained

  1. The DOCTYPE declaration defines the document type to be HTML
  2. The text between <html> and </html> describes an HTML document
  3. The text between <head> and </head> provides information about the document
  4. The text between <title> and </title> provides a title for the document
  5. The text between <body> and </body> describes the visible page content
  6. The text between <h1> and </h1> describes a heading
  7. The text between <p> and </p> describes a paragraph
Using this description, a web browser can display a document with a heading and a paragraph.

HTML tags

HTML tags are keywords (tag names) surrounded by angle brackets:


  1. HTML tags normally come in pairs like <p> and </p>
  2. The first tag in a pair is the start tag, the second tag is the end tag
  3. The end tag is written like the start tag, but with a slash before the tag name

Web Browser

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents & display them.
The browser does not display the HTML tags, but makes use of them to select how to display the document:

Introduction Of HTML5
Introduction Of HTML5

The <!DOCTYPE> Declaration

The <!DOCTYPE> declaration helps the browser to display a web page correctly.

There's different document types on the net.

To display a document correctly, the browser must know both type & version.

The doctype declaration is not case sensitive. All cases are acceptable:

<!DOCTYPE html>


<!doctype html>

<!Doctype Html>


Since the early days of the web, there have been many versions of HTML:

Version                    Year
HTML                      1991
HTML 2.0              1995
HTML 3.2              1997
HTML 4.01              1999
XHTML                      2000
HTML5                      2014

HTML(5) Tutorial

With HTML you can generate your own Website.

This tutorial teaches you everything about HTML.

HTML is simple to learn - You will enjoy it.

Examples in Every Chapter

This HTML tutorial contains hundreds of HTML examples.
With our online HTML editor, you can edit the HTML, & click on a button to view the result.


<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>


HTML Examples

At the finish of the HTML tutorial, you can find over 200 examples.

With our online editor, you can edit and check each example yourself.

Front-end & Back-end Developer Difference

Front-end & Back-end
In application engineering, the terms "front end" & "back end" are distinctions which refer to the separation of concerns between a presentation layer as well as a information access layer respectively.

The front finish is an interface between the user & the back finish. The back & front ends may be distributed amongst or more systems.

In application design, for example, the model-view-controller architecture provides back & front ends for the database, the user & the information processing parts. The separation of application systems in to back & front ends simplifies development & separates maintenance. A rule of thumb is that the front (or "client") side is any part manipulated by the user. The server-side (or "back end") code resides on the server. The confusion arises when must make front-end edits to server-side files. Most HTML designers, for example, need not be on the server when they are developing the HTML; conversely, the server-side engineers are, by definition, never on anything but a server. It takes both to ultimately make a functioning, interactive website.

In application architecture, there may be plenty of layers between the hardware & finish user. Each can be spoken of as having a front finish as well as a back finish. The front is an abstraction, simplifying the underlying part by providing a user-friendly interface.

Using the command-line interface (CLI) requires the acquisition of special terminology & memorization of commands, so a graphical user interface (GUI) acts as a front finish desktop surroundings in lieu. In the Unix surroundings, ncurses is an simpler, semi-graphical front finish to the CLI. At the level of the Unix CLI itself, most byte stream-oriented (that is, using stdin/stdout/stderr as their interface) programs act as filters standalone programs that can also serve as front ends & back ends to other programs. (They function by piping information between themselves, mostly for text processing; for example: $ grep word ~user/dir/infile | sort | tee ~user/dir/outfile)

For major computer subsystems, a graphical file manager is a front finish to the computerâ's file technique, as well as a shell interfaces with the operating technique. The front finish faces the user, & the back finish launches the programs of the operating technique in response.

In network computing, front finish can refer to any hardware that optimizes or protects network traffic. It is called application front-end hardware because it is placed on the network's outward-facing front finish or boundary. Network traffic passes through the front-end hardware before entering the network.