HTML Training - Fast Track Silver

Level: Beginner to Intermediate

Duration: 5 days

Cost: £795

  • Overview

  • Outline

  • Dates

  • Offers

  • Enquiry

Overview of the course
HTML Fast Track – Silver is a combination of the Beginner and Intermediate courses. It is the best and quickest way to learn this powerful language. Being able to understand, write, and edit HTML code, is one of the most important skills a web programmer should have. Our experts will teach you the fundamentals of this language with easy to follow, hands-on practice.

This course is for…
Those who have no or little knowledge of HTML and are new to the world of web design.

Prerequisites
You do not need any prior knowledge of the software, in order to attend this course. However, you should have a basic understanding of your computer’s operating system – such as launching an application, creating folders, saving files and copying them onto a different drive.

About the application
HyperText Markup Language is a language which is mainly used for creating web pages and their content. Since the purpose of a web browser is to read HTML and publish the results visually, being able to use this language when designing websites will give you the maximum control.

Introduction
  • Evolution of the World Wide Web
  • Client Side vs. Server Side
  • Fundamentals of the web
  • Understanding Web 2.0
  • HTTP
  • All about AJAX
  • The W3C
  • Web standards and accessibility

Web Browsers

  • Understanding how browsers work
  • Browser statistics
  • Netscape to Chrome
  • Modern browser
  • Cross-browser compatibility issues
  • Mobile browsers
The Syntax
  • A self-closing tag
  • Block vs. Inline
  • Site architecture
  • File and folder management
  • Site definition
  • Naming conventions
  • Defining assets
The DOCTYPE
  • What is a DOCTYPE
  • Different DOCTYPEs
  • HTML5 DOCTYPE
  • The DTD
  • XML declaration issue
  • XHTMLising your code
  • Document Object Model
  • HTML5 default options
The HEAD
  • Adding meta tags
  • Keywords, descriptions and refresh
  • The character set
  • HTML comments
  • Script tag
CSS in HTML
  • Deprecated style tags
  • Linking to CSS
  • Defining media type
  • DIV and Span tags
The BODY
  • HTML tags and elements
  • Deprecated tags
  • Semantics in the language
  • Page structure
  • Headings and paragraphs

Semantic Tags

  • Ordered & un-ordered lists
  • Nested lists
  • Data types and definitions
  • Special characters
  • Adding title attribute
  • Using the address tag
  • Cite, dfn, var, abbr
  • The small tag and its semantics
  • Code, kbd, samp, and pre
  • Quoting in HTML
  • Bold, strong, italic and emphasis

Tables

  • Table headers
  • Accessibility in tables
  • Nesting tables
  • Adding captions
  • Merging columns and rows

Web Images

  • GIF, JPEG and PNG
  • SVG and canvas
  • Alternate text for accessibility
  • Figure captioning
Hyperlinks
  • The anchor tag
  • Jump links to an ID
  • Relative and absolute links
  • Server side relative linking
  • Open new tabs
  • Link to an e-mail address

Forms

  • The form tag
  • GET vs. POST
  • Action method
  • Text fields
  • Setting accessibility labels
  • Text are
  • Check boxes
  • Drop-down lists
  • Radio buttons and groups
  • Uploading a file
  • Fieldset and accessibility
  • Submit and reset buttons

HTML5 in Forms

  • e-mail, url, date, week input types
  • Number, range and search input types
  • Tel & Colour input type
  • List, autofocus and required attributes
  • Multiple, pattern and auto complete
  • Min, Max and Step
Publishing
  • Buying a domain
  • Buying hosting space
  • File transfer protocol
  • Uploading files to a server
  • Testing online
HTML5 Overview
  • History of HTML5
  • The HTML5 vision
  • WHATWG and W3C specifications
  • What is part of HTML5?
  • HTML5 roadmap
Using HTML5
  • The need for HTML5
  • Using HTML5 on mobile
  • Moving away from Flash
  • Building fast web applications
  • Performance analysis
  • Developer tools
  • Using HTML5 in browsers that do not support it
  • Detecting native availbility of HTML5 features
  • Emulation
HTML5 Markup
  • HTML5 page structure
  • HTML5 DOCTYPE
  • HTML5 markup
  • Structural elements
  • HTML5 semantic elements
  • Deprecated elements
  • HTML5 and CSS
HTML5 Forms
  • HTML5 form elements
  • Building and using forms with HTML5
Offline Applications
  • HTML5 offline applications
  • Offline manifest files
  • ApplicationCache events
HTML5 Audio and Video
  • Audio and video elements
  • Using containers
  • Understanding audio and video codecs
 
HTML5 APIs
  • Overview of HTML5 APIs
  • Common building blocks
  • Programming HTML5 
HTML5 Canvas and SVG
  • Canvas vs. SVG
  • Canvas coordinates
  • Context
  • Accessibility
  • Pixel data
HTML5 Communication APIs
  • Cross-document messaging
  • The origin concept

HTML5 Forms

  • HTML5 form elements
  • Building and using forms with HTML5
Offline Applications
  • HTML5 offline applications
  • Offline manifest files
  • ApplicationCache events
HTML5 Canvas and SVG
  • Canvas vs. SVG
  • Canvas coordinates
  • Context
  • Accessibility
  • Pixel data
HTML5 Communication APIs
  • Cross-document messaging
  • Understanding the origin concept

Group Bookings

If you make a booking for three or more people to the same course, you can claim an additional 15% discount for each student from the original price of this course.

Education and Non-profit Organisations

If you are working for a non-profit organisation or an educational establishment, you can claim an additional 15% discount on all our courses.

Training Credits

Our Training Credits Scheme is the most cost-effective way to train your entire team. With this scheme, you buy training days up front and use them over one year. To see full details, visit our Training Credits Page.

Early Bird

If you book this course at least three months in advance, you can claim 15% discount from the original price.

Students and Freelancers

We know how difficult it can be to try and self-fund a course – that’s why we introduced a 15% discount to all university students and those who work as freelancers.