HTML5 / CSS3, Responsive Design, Javascript, XML, Ajax and jQuery

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

Reminders of XHTML, CSS, HTML5
standards Current issues: multi-format, mobile devices

Presentation of HTML 5
Support by browsers
HTML5 tags

Practical workshop: A first page in HTML 5

Structure and semantics
New HTML5 form elements
Integration of animations and sounds

Practical workshop: Creation of a first site with HTML5 form

CSS reminder
Priority order: cascade and inheritance
Sizing, margins
Positioning problem
CSS 3 properties for formatting: borders, shadows, transparency, …

Practical workshop: demonstration of styles and effects on the different properties studied, complex layout of a page

Presentation of Responsive Web Design: objectives, alternatives …
Fluid grids
Media queries
Image compression, sprites, Data URI
Introduction to JavaScript libraries for HTML5 compatibility

Practical workshop: creation of a multiplatform site (smartphone, tablet, etc.)

Bootstrap overview
Installing Bootstrap

Practical workshop: create a page with Bootstrap

Basic JavaScript concepts
Event management
Presentation of the DOM (Document Object Model)
Access, modification, addition of elements and attributes
Dynamic management of CSS

Practical workshop: creating a photo gallery 

Presentation of the XML format
Structure of an XML document
Benefits of XML

Practical workshop: RSS feed for a website

Synchronous and asynchronous communication
Instantiate an XMLHttpRequest object
Sending requests
Managing responses, return codes from HTTP servers
Managing errors

Essential functions and chaining
Selectors (CSS, XPath, Complexes)
Browsing, manipulation of the DOM tree and filters
Callback principles

Behavior of links
Association of events and triggering
Animation effects
Widgets: sliders, tooltips, drag’n’drop …

Hands-on workshop: multiple examples of jQuery widgets

Asynchronous / synchronous communication
Implementation of AJAX
jQuery functions available
Loading of pages and code injection
Complete integration of AJAX and the UI
Compatibility with other frameworks

 Practical workshop: creation of a rich web interface with jQuery

Web developments
Other frameworks to discover

Duration

5 days

Price

£ 2172

Audience

Webmasters

Prerequisites

Have a good knowledge of HTML and CSS

Reference

SIT651-F

Sessions

Contact us for more informations about session date

Trainer: Very good training. Pierre was able to adapt according to our needs. He is very comfortable on the subject. We feel the total control of what he presents. To recommend !! Very good trainer!
Julien J.
Julien J.
Logical progression with good and beautiful practical examples, richness of the courses Very complete training totally in line with my professional and personal needs. Very interesting follow-up one month after the training. Very pleasant trainer who does not hesitate to take the time to correct and re-explain at everyone's request. Very good working atmosphere.
Marine G.
Marine G.
Maybe a higher level than I thought. Accessible premises and good team!
Gilles H.
Gilles H.
everything worked well a little too simple at times, but everything was very useful Mamadou is a great trainer!
Helen I.
Helen I.
Friendly staff, which reflects positively on customers. Being an as3 developer, some javascript training steps were not necessary. Mr Dembele nevertheless made sure to modulate the training to correspond to my level.
Akram E.
Akram E.
Training in our premises. Flexibility in the trainer's schedule is appreciable. Training corresponding to our expectations Trainer: Very good listening
Samuel G.
Samuel G.
Excellent course, very rewarding. Corresponds to my expectations and my professional needs. Trainer: Listening, very pedagogue, friendly, masters his subject very well, good advice.
Mathieu D.
Mathieu D.
a very constructive environment Perfect, Educational trainer, available and very pleasant Thank you to Trainer
Adame D.
Adame D.
Very satisfied with the training week. responded perfectly on certain specific points that were close to my heart and gave openings on points that I did not know. Trainer: Mamadou Dembele succeeds very well in clearly presenting things from the simplest to the most complicated by stopping when necessary to help us while staying perfectly on course and respecting the (ambitious) objectives displayed by the program: bravo!
Olivier C.
Olivier C.
Very well. Being the only one trained contributes to it! The pace is steady, but I was warned given the program. Trainer: RàS, Pierre is very nice.
Boris C.
Boris C.
Précédent
Suivant