Web Developer Bootcamp

Course Dates

Click below to book your place or call us on 0800 156 0777


RRP: £1,150.00
Web Special: £995.00

Maximum Class Size

In order to ensure every student gets the most out of the course we have a maximum class size of:

London

8 Delegates

York

5 Delegates

The Web Developer Bootcamp is a 5 day course aimed at those looking to learn the latest web development technologies and open to learning how to write code.  You will start out with the basics of HTML and then go on to learn to write basic JavaScript and use the latest techniques introduced with HTML5 and CSS3 to create effective professional web content.

The course is a hands on training course and you will learn how to create web pages that make use of web fonts, CSS transforms and transitions, various styling effects such as border-radius and multiple columns. You will learn to create html5 compliant semantic markup that is accessible to screen readers and mobile devices, and learn how to include vide, audio and lots more  into your pages.

Audience

You will be new to web development, but should be computer literate and ready to learn how to write some code.

Course Content

Day One - HTML

Course Overview

  • What is HTML?
  • Hypertext & Hypermedia
  • HyperText Markup
  • Language (version 4.0)
  • URL Addresses

HTML Documents

  • HTML Document Structure
  • HTML Document
  • Characteristics

HTML Tags

  • Document Section Tags
  • Tag Categories
  • Text Formatting Tags
  • Layout Tags
  • Logical Tags
  • Lists (Ordered/Unordered)

Tag Attributes & Character References

  • Tag Attributes
  • Horizontal Rule Attributes
  • Font Tag Attributes
  • List Tag Attributes
  • Character References

Creating Hyperlinks

  • Hyperlinks Defined
  • Four Types of Anchors
  • Standard HREF Anchors
  • MAILTO Anchors
  • File Download Anchors
  • NAME Anchors

Inline Images & Colors

  • Using Inline Images
  • GIF vs. JPEG
  • HSPACE & VSPACE
  • Backgrounds Colors

Introduction to Tables

  • What are Tables?
  • Table Tag Family
  • Table Tag Attributes
  • Colorizing Table Cells
  • Arranging Data in Cells
  • Creating and Formatting Page
  • Columns with Invisible Tables
  • Advanced Table Formatting
  • Cell Spanning

Nesting & Embedding Tables

  • Embedding Lists in Tables
  • Nesting Tables in Tables


Day Two and Three - JavaScript

Intro to JavaScript

  • What is JavaScript
  • What is it used for
  • Where do you place it
  • Your development environment

The JavaScript language

  • Structure
  • Comments
  • Layout
  • Writing conventions

Statements & Loops

  • Ifs
  • Loops (For, While, For-in)
  • Break
  • Continue
  • The new keyword

Functions, Methods and Objects

  • JavaScript Functions
  • Arguments
  • Recursive functions
  • Methods
  • The this keyword
  • JavaScript Alerts

Built-in functions and Objects

  • Objects and functions
  • JavaScript String objects
  • JavaScript Math objects
  • Date objects
  • Built-in functions
  • The eval function
  • The isNaN function

The Document Object Model

  • What is the DOM?
  • How to use it
  • Accessing objects on the page with the DOM
  • Controlling objects on the page

Events

  • What is an event
  • What type of events are there
  • Creating JavaScript event handlers
  • How to use event handlers

Validating forms

  • Form validation with JavaScript
  • Form control with JavaScript

Catching errors and exceptions

  • Try…Catch
  • handling JavaScript exceptions

JavaScript Variables

  • Creating JavaScript variables
  • Using JavaScript variables
  • Variable scope
  • Integers
  • Floating points
  • Booleans
  • Strings
  • Special characters

JavaScript Expressions & Operators

  • JavaScript Expressions
  • Conditional expressions
  • Assignment operators
  • Arithmetic Operators
  • Increment/Decrement
  • Negation
  • Bitwise operators
  • Logical operators
  • Comparison operators
  • String operators


Day Four and Five - HTML5

HTML5 Overview

  • History of HTML5
  • WHATWG and W3C specifications
  • What is part of HTML5?

Using HTML5 Today

  • When can I use these features?
  • Using HTML5 on mobile devices
  • HTML5 or Flash
  • Developer Tools
  • Detecting HTML5 features

HTML5 Markup

  • HTML5 page structure
  • HTML5 DOCTYPE
  • HTML5 markup
  • Structural elements
  • Semantic elements
  • Deprecated elements

CSS3

  • Border-radius
  • Box-shadow
  • Gradients
  • Transitions
  • Transformations
  • Animations

HTML5 Forms

  • HTML5 form elements
  • Building and using HTML5 forms

HTML5 Offline Applications

  • HTML5 offline applications
  • Manifest files

HTML5 Audio and Video

  • The audio and video elements
  • Understanding audio and video
  • Audio and video containers
  • Audio and video codecs

HTML5 Canvas

  • Overview
  • Canvas
  • Canvas basics

SVG

  • How to use SVG
  • JavaScript libraries that help with drawing eg: Raphaël, gRaphaël, Visualize, etc

HTML5 Web Sockets*

  • Web Sockets overview
  • jwebsocket

HTML5 Geolocation*

  • Geolocation overview

HTML5 Storage*

  • Overview
  • Local Storage
  • Session Storage
  • WebSQL

Drag and Drop*

  • Overview

Web Workers - asynchronous scripts*

  • Overview