QA-QAWEBUI

Ladda ner som PDF

Developing Web Applications Using HTML5

HTML5 is the emerging future of web development supported in all modern browsers. A suite of connected technologies leverage HTML, Javascript and CSS to create a high performance web application without the need for plugin technology and with reduced calls to servers. This course takes developers with some experience of the core technologies into this brave new world whilst supporting the legacy technologies that most organisations must still support where you will learn best practice, how to utilise modern scripting libraries and migrate yourself and your organisation into the next wave of web applications.

Target Audience:

Those intending to take the 70-480 Developing Web Applications using HTML 5 exam also 70-490 Upgrade your MCPD Windows Developer 4 to MCSD: Windows Metro Style Apps using HTML exam and also 70-492 Upgrade your MCSD: Web Developer 4 to MCSD: Web Applications will also benefit from attendance at this course.

Prior knowledge

  • Delegates attending this course should have a solid understanding of web and internet technologies or have 6-12 months of experience with a web application programing environment such as ASP.NET or PHP.

Objectives:

Course Outline:

Day 1

Introducing HTML5

  • What is HTML5
  • The 'living standard' ethos
  • HTML5 browser support
  • CSS3
  • ECMAScript5
  • HTML5 -markup redefined
  • The HTML5 skeleton

HTML5 Markup

  • New categories of markup
  • Introducing semantics
  • The HTML5 legacy browser issues
  • Considering fallbacks and introducing polyfills
  • HTML5 Boilerplates

CSS3

  • The CSS3 Box Models
  • Positioning elements with CSS
  • Working with CSS3 Selectors
  • Enhancing Appearance with CSS3
  • The basis of multi device development with Media Queries

Day 2

CSS3 Transitions and Transformations

  • CSS Transforms
  • 2D Transforms
  • 3D Transforms
  • CSS Transitions
  • Simple Transitions
  • Keyframe Transitions
  • 3D Transitions

Javascript for Developers

  • Types
  • Creating and Accessing Arrays
  • Creating functions
  • Calling functions
  • Functions and scope
  • Creating and accessing Objects

Javascript and the DOM

  • What is the DOM
  • The DOM and HTML tree
  • Selecting elements with javascript
  • Selecting using ECMAScript5
  • Modifying content

Introducing jQuery

  • Understand how to use jQuery to simplify client-side coding
  • Contents
  • What is jQuery?
  • Selecting elements with jQuery
  • Manipulating properties with jQuery
  • Events with jQuery

Day 3

Forms

  • Understanding how forms work with GET and POST
  • Creating HTML5 forms with semantic markup
  • Verifying forms with HTML5 declarative markup
  • Verifying forms with jQuery validation

Video and Audio

  • The video element
  • Codecs and encoding
  • ... Läs mer

Objectives:

Course Outline:

Day 1

Introducing HTML5

  • What is HTML5
  • The 'living standard' ethos
  • HTML5 browser support
  • CSS3
  • ECMAScript5
  • HTML5 -markup redefined
  • The HTML5 skeleton

HTML5 Markup

  • New categories of markup
  • Introducing semantics
  • The HTML5 legacy browser issues
  • Considering fallbacks and introducing polyfills
  • HTML5 Boilerplates

CSS3

  • The CSS3 Box Models
  • Positioning elements with CSS
  • Working with CSS3 Selectors
  • Enhancing Appearance with CSS3
  • The basis of multi device development with Media Queries

Day 2

CSS3 Transitions and Transformations

  • CSS Transforms
  • 2D Transforms
  • 3D Transforms
  • CSS Transitions
  • Simple Transitions
  • Keyframe Transitions
  • 3D Transitions

Javascript for Developers

  • Types
  • Creating and Accessing Arrays
  • Creating functions
  • Calling functions
  • Functions and scope
  • Creating and accessing Objects

Javascript and the DOM

  • What is the DOM
  • The DOM and HTML tree
  • Selecting elements with javascript
  • Selecting using ECMAScript5
  • Modifying content

Introducing jQuery

  • Understand how to use jQuery to simplify client-side coding
  • Contents
  • What is jQuery?
  • Selecting elements with jQuery
  • Manipulating properties with jQuery
  • Events with jQuery

Day 3

Forms

  • Understanding how forms work with GET and POST
  • Creating HTML5 forms with semantic markup
  • Verifying forms with HTML5 declarative markup
  • Verifying forms with jQuery validation

Video and Audio

  • The video element
  • Codecs and encoding
  • Defining multiple video sources
  • Javascript custom controls
  • Audio elements
  • Legacy support

SVG

  • What is SVG
  • Browser support
  • SVG markup
  • Common shapes
  • SMIL Animation

Canvas

  • The canvas element
  • Using the canvas API
  • Drawing shapes
  • Filling shapes
  • Understanding gradients
  • Creating text
  • Scalable Vector Graphics
  • Canvas vs. SVG

Drag and Drop

  • The Drag and Drop API
  • Creating a draggable resource
  • Defining a drop source
  • Event handling issues

Day 4

AJAX and JSON

  • What is Ajax?
  • Ajax enabling technologies
  • XMLHttpRequest object
  • Client and Server architecture
  • Client and Server development models
  • Abstraction through jQuery

Geolocation

  • What is Geolocation?
  • Using a mapping API
  • The Geolocation API

Client Side Storage

  • The evolution of application storage
  • Local and Session Storrage
  • Managing complex client data with IndexedDB

Day 5

Web sockets & Web Workers

  • Moving beyond the request response model with web workers
  • Duplex asynchronous communication with the Web socket API
  • Multithread type processing using Webworkers

Application Caching and Offline Applications

  • Using the appcache
  • Working with application events
  • Providing offline applications
  • Improving web application performance through caching

Release & Maintenance

  • Creating a release strategy
  • Minifying and optimising for release
  • Cross Browser testing strategies

Utbildningen levereras i samarbete med

Kurs-ID: QA-QAWEBUI
Längd: 5 dagar
Pris exkl moms: 35 448 kr

Frågor om kursen?

Har du frågor om kursens innehåll, leveransdatum/ort eller behöver en företagsanpassad variant? Fyll i formuläret nedan!


Avtalsrabatter och kampanjer kan ej nyttjas på denna kurs.


Ort och datum

Cloud Access
i Läs mer

Delta på kursen från ditt hem, jobb eller annan plats.

19 dec-23 dec
Boka nu!
13 mar-17 mar
Boka nu!
27 mar-31 mar
Boka nu!
24 apr-28 apr
Boka nu!
12 jun-16 jun
Boka nu!

Tipsa