world

Goals


- Discover the potential of new HTML5 / CSS3 standards

- Learn how to build multiplatform sites: smartphone, tablet, ….

- Generate an RSS feed

- Discover XML, Ajax and jQuery

Program

History: Evolution of HTML and CSS
HTML5: Presentation of current issues
Examples of applications in HTML 5 and CSS3
Overview of development tools like Visual Studio

Structuring a page in HTML5:
Semantic tags: header, article, aside…
Creation of a layout container
New attributes used by search engines

Practical workshop: Architecture of a page in HTML5

The audio and video tags
The Canvas tag: Using the Canvas API.
Interactive Graphics with SVG Hands-on

Workshop: Creating Interactive Graphics

Applying styles to HTML 5 zone properties
Selectors: Tag and attribute referencing, Inheritance, prefixes,! Important, object architecture, pseudo-classes and pseudo-elements.
Appearance: Size, borders, outlines, background, background image, gradients, shadows, clipping,
transparency, sizing, margins…
Positioning issues, the different positioning modes., Display, masking
Column arrangement. Floats, exclusions.

Practical workshop: Creation of a page of press articles

Format, color, drop shadow…
Font integration: @ font-face
Alignment, text indentation, justification, hyphenation.

Practical workshop: Layout of an article

Transformation of objects in 2D and 3D
Animations of objects with CSS transitions
Adaptation of the interface according to the media used

Practical workshop: Animation of the web page

Presentation of Responsive Web Design: objectives, alternatives …
The flexible model
Media queries
Layout using regions, grouping and nesting
Fixed and fluid grids
Image compression, sprites, Data URI
API Network Information JavaScript for Responsive

Atelier practical: Adaptation of the web page to multiple formats (tablets, smartphone, etc.)

Storage APIs: LocalStorage, SessionStorage, IndexedDB
Geolocation
Offline web application

The main elements of JavaScript: variables, arrays, functions…
Condition and iteration instructions
Error and exception handling
Objects in JavaScript
Prototyping
Constructors, inheritance, scope of variables
Presentation of the DOM (Document Object Model)
Browsing the DOM , filters
Access, modify, add HTML 5 elements and attributes
Dynamic CSS
management Event management Event
propagation
Introduction to the HTML5 WebSocket API
Creation of WebWorkers in BackGround

Practical workshop: Using JavaScript to animate the Web page

Validating forms with HTML
Validating forms with JavaScript
Use of regular expressions.
Prevention of code injections
Data recovery, encoding

Practical workshop: Using JavaScript to validate a form

Synchronous and asynchronous communication
Instantiate an XMLHttpRequest object
Error
handling Progress bar
Callback principles
Data transmission: GET and POST format
Serialization and deserialization of data
Use of data: XML format, JSON format
Apply jQuery to perform an Ajax request
jQuery functions available to perform Ajax requests

Practical workshop: Using Ajax with Jquery and Javascript to create elements of a form from data provided in XML and JSON

Passing of the certification (if foreseen in the financing).

Duration

5 days

Price

£ 2154

Audience

Webmasters

Prerequisites

Have a good knowledge of HTML and CSS

Reference

SIT1242-F

Sessions

Contact us for more informations about session date