Description

In this internship, you will learn to use the jQuery Mobile framework to develop applications for mobiles, tablets and smartphones. In a multichannel and Responsive Design approach, you will see how to take advantage of its features to create quality websites and mobile applications.

Who is this training for ?

For whom ?

Developers, mobility project managers, webmasters, designers.

Prerequisites

• Have completed the training "The fundamentals of developing graphical interfaces with HTML5, CSS3 and JavaScript" or equivalent knowledge
• Knowledge of jQuery or jQuery UI is a plus to follow the training

Training objectives

Design responsive multichannel applications

Install and configure the jQuery Mobile development environment

Implement different graphic components to design mobile web interfaces

Create and customize themes for your applications

Manage multiple events allowing interaction with the user

Ensure the loading and persistence of your data

Training program

• JQuery Mobile Overview
  • Presentation and jQuery reminders.
  • jQuery Mobile vs other frameworks on the market.
  • HTML5 presentation, Ajax.
  • Presentation of sites created with the framework.
  • Presentation of the Codiqa editor.
  • Practical work Implementation of editors and preparation of the development environment.
• Ergonomics and mobile specificities
  • Multi-device test environments.
  • Design approach for tactile approaches.
  • Performances and specific constraints.
  • Practical work Performance testing and overview of component types.
• JQuery Mobile themes
  • Using the theme editor.
  • Import, export, migration of a custom theme.
  • Customizing a theme.
  • Practical work Creation of multiple themes and integration into the jQuery project.
• Types of pages
  • Structure of a jQuery page.
  • Transition modes between pages, cache management.
  • Dialog boxes.
  • Navigation between pages.
  • Internal and external links.
  • Practical work Implementation of page types and navigation between pages.
• Graphical components
  • Buttons: button link, inline button, custom with icon, button group.
  • Header bar: navigation buttons, title, images.
  • Footer bar: icons, navigation bar.
  • Simple, numbered, personalized lists (icon, text, etc.
  • ), autosuggest, list with search filter .
  • Practical work Implementation of different components, Ajax loading from a database.
• The forms
  • Text input, ranges, calendars, search forms, standard formats.
  • Sliders, dynamic list, radio buttons, checkboxes.
  • Send form and control of the form.
  • Practical work Creation of a complete form and sending to a server.
• Les API jQuery
  • Event management (page loading, binding, etc.
  • ).
  • Ajax calls.
  • Navigation settings (Slide, Flip, etc.
  • ).
  • Storage methods and passing arguments between pages.
  • The $ object.
  • mobile.
  • Practical work Management of multiple events and storage solutions.