HTML Training - Fast Track Gold

Level: Beginner to Advanced

Duration: 8 days

Cost: £1,275

  • Overview

  • Outline

  • Dates

  • Offers

  • Enquiry

Overview of the course

HTML Fast Track – Gold is a combination of the Beginner, Intermediate and Advanced courses. If you know nothing or just a little about this language, this course guarantees that you will gain all the advanced skills you need to go out and start working on challenging projects. Our experts will guide you through some real-life examples and teach you how to approach different problems in the best possible ways.

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
XMLHttpRequest
  • Cross-document XHR
  • Progress events
  • Server-sent events
Offline Applications
  • Anatomy of an offline application
  • Caching types
  • Progression of events
  • Offline events
  • Manual and automatic updates
  • “Always On” journal application
  • Manifest errors
Geolocation
  • Geolocation options
  • Browser support
  • Get current location
  • Watch position
  • Position options
HTML5 Web Storage
  • Persistent Task List
  • Session-based shopping cart
  • Handling the storage event
  • Access methods
  • Handling storage limits
Web Workers
  • Building complex calculations with and without a Web Worker
  • String and JSON messages
  • AJAX in a Worker
  • Controlling Workers
Web Sockets
  • Web Sockets vs. HTTP
  • Browser support

Group Bookings

XMLHttpRequest
  • Cross-document XHR
  • Progress events
  • Server-sent events
Offline Applications
  • Anatomy of an offline application
  • Caching types
  • Progression of events
  • Offline events
  • Manual and automatic updates
  • “Always On” journal application
  • Manifest errors
Geolocation
  • Geolocation options
  • Browser support
  • Get current location
  • Watch position
  • Position options
HTML5 Web Storage
  • Persistent Task List
  • Session-based shopping cart
  • Handling the storage event
  • Access methods
  • Handling storage limits
Web Workers
  • Building complex calculations with and without a Web Worker
  • String and JSON messages
  • AJAX in a Worker
  • Controlling Workers
Web Sockets
  • Web Sockets vs. HTTP
  • Browser support

Education and Non-profit Organisations

Training Credits

Early Bird

Students and Freelancers