Course intended for:

The course has been developed for programmers having basic knowledge of HTML and JavaScript, who would like to develop their skills in the field of development of interactive Web applications.

Course objective:

The training objective is to get the users familiar with theoretic and practical aspects of HTML 5 and JavaScript technologies, jQuery library and Backbone framework for development of applications in the MVC architecture.

The training participants will learn to:

  • Develop pages and forms in HTML 5, also in the way that ensures data portability,

  • Use the CSS 3 style for formatting of Web pages and creation of graphic effects,

  • Use the advanced HTML 5 functionalities, such as operations on files, drag & drop, server communication or multimedia embedding,

  • Create any graphic effects thanks to the new components of HTML 5,

  • Use the JavaScript language to solve popular problems,

  • Implement the Model-View-Controller architecture in a Web application thanks to use of Backbone,

  • Apply ready solutions and increase independence of the code from the browser thanks to jQuery.

The above knowledge will allow the participants to create advanced Web application interfaces, using popular standards.

Requirements:

The participants are required to be familiar with the HTML, XML, HTML DOM standards and to know the basic principles of Web application development. Basic programming skills in JavaScript or any other script language will make it much easier to grasp the training material.

Course parameters:

5*8 hours (5*7 net hours) of lectures and workshops (with a visible emphasis on workshops).

Group size: no more than 10 participants.

Course curriculum

  1. HTML 5

    1. Introduction to HTML 5, CSS and JavaScript

      1. Web page development and application of basic styles

      2. The advantages of HTML 5. Comparison with HTML 4

      3. Supporting browsers for HTML 5

      4. A review of key new structural tags in HTML 5

      5. Introduction to JavaScript and a syntax review

      6. Introduction of JavaScript in the HTML DOM structure

      7. Handling of input events

      8. Creation of the format and validation of input data using HTML 5 or JavaScript attributes

      9. Exercises with data format and validation

    2. Programming in JavaScript

      1. The JavaScript code structure

      2. Object development and extension

      3. The selected best practices

      4. Exercises: inheritance from objects and code refactoring

    3. Programming interfaces in HTML 5

      1. Access to the file system, file operations

      2. Drag & Drop

      3. Multimedia embedding

      4. Introduction to Web Audio API

      5. API Geolocation

      6. Web application debugging and profiling

      7. Exercises with HTML 5 API

    4. Offline applications in HTML5

      1. Management of local data

      2. Local application buffering

      3. Exercises: application and offline data

    5. Application customizing

      1. Portable interface development

      2. Device detection and selection of the proper representation. CSS 3 Media Queries

      3. Exercise: preparation of the page for printout and displaying on a mobile device

    6. Advanced graphic operations

      1. Interactive vector graphics using Scalable Vector Graphics

      2. „Canvas" drawing

      3. Exercises

    7. Use of CSS 3 in the HTML 5 pages

      1. Text style application

      2. Application of styles to block components

      3. CSS3 selectors

      4. Improvement of graphic effects using CSS3

      5. Exercises: header styling

    8. Animations

      1. Fade-in effects in CSS3

      2. Component transformation

      3. CSS Key-Frame animations

    9. Network communication between the server and the application

      1. Transmission and receipt of data using XMLHTTPRequest

      2. Exercises: Marshalling and exchange of data in a Web application

      3. Introduction to Web Sockets

      4. Transmission and receipt of data using Web Sockets

      5. Exercises: Web Sockets

    10. Web Messaging API

      1. Exchange of messages between documents

      2. Authentication of domains

      3. Channels and ports

      4. Exercises

    11. Web Worker Process

      1. Asynchronous operations and obtaining short response times for the application

      2. Web Worker types

      3. Browser support

      4. Displaying of messages during processing of time-consuming operations

    12. Extra (option)

      1. Native Web applications in Google Chrome: structure, development and portability (requires knowledge of C/C++ languages)
  2. CSS 3: selected issues and exercises

    1. Use of fonts in Web applications with CSS3

    2. Text effects

    3. Document layout with many columns

    4. Edge effect

    5. Color, transparency and gradient

    6. 2D and 3D transformations

    7. Fade-in effects and animations

    8. Box Layout – a flexible layout

    9. Document background

  3. JavaScript

    1. Selected language issues

      1. Tables and other data structures

      2. Functions as objects

      3. Transmission of a variable list of arguments to the function

      4. Function prototypes

      5. In-built prototypes

      6. Function closure

      7. Regular expressions

    2. Selected problems and applications of JavaScript with Exercises

      1. JavaScript code launching from external locations

      2. Mouse position interception

      3. "Forward" and "Back" buttons

      4. Development of alerts in JavaScript

      5. Browser recognition. Document type detection

      6. Forwarding

      7. Opening of new window

      8. Date and time

      9. Performance with a delay

      10. Image loading before displaying

      11. Change of the button image after moving mouse over the button

      12. Random number generator

      13. Operations on literals

      14. Formatting numbers to currencies

      15. Memory leaks in JavaScript

  4. Backbone: MVC in JavaScript

    1. Reminder of MVC: Model-View-Controller

    2. Models in Backbone

    3. Views and templates

    4. Routers

    5. Collections

    6. Exercises: development of applications with MVC

  5. jQuery: presentation and examples

    1. Introduction: installation and syntax

    2. Basic structures: selectors and events

    3. Graphic effects in jQuery

    4. Animation control, fade-in effect

    5. Command chains

    6. Response to end of effect

    7. jQuery in access to HTML DOM and its edition

    8. AJAX in jQuery

Any questions?

* Required.


Contact
Phone +48 22 2035600
Fax +48 22 2035601
Email