1

» Reminders about basic technologies

• Overview of terminal families: Smartphones, tablets, their unique features.
• Reminder about HTML, CSS, and JavaScript technology.
• Reminders about modern development tools (NodeJS, NPM, Bower, Gulp, etc.).
• Overview of the Webkit, Gecko, etc. engines.
• Importance and integration of the useragent.
• Ajax communication: Importance and limit based on different devices.
• Development, testing, and simulation tools.
• Hands-on work ¤Setting up a work environment dedicated to mobile apps.

2

» On-board solutions

• Overview of existing technologies and their development environments: Limits, costs, portability.
• Objective-C and Swift (iPhone, iPad), Java (Android), C# .Net (Windows Phone), Tizen, Firefox OS.
• Method for publishing an app in the operators' official catalogs (App Store, GooglePlay, etc.).
• Administrative steps (iPhone Developer Program, Certifications, etc,).

3

» Differences between traditional and mobile Web applications

• Differences between browsers: JavaScript engines, CSS, plug-in limits (Flash, PDF, etc.), other unique features.
• Differences in size of screens and solutions.
• Hardware differences (CPU, memory, etc.).

4

» XHTML, HTML5 construction

• META and specific tags: Viewport and dynamic CSS configuration.
• Traditional page-building tags.
• Building tables.
• accesskey links and dedicated options.
• Images and the importance of images on terminals (format, image size).
• p and span texts. div blocks and canvas blocks in HTML 5.
• Forms. New data types (daterange, slider, etc.). Activating the number pad.
• CSS, importance in multichannel mode. Positioning of elements, navigation between elements (zindex, display, etc.).
• What CSS3 adds to HTML5. Simplifying the creation and maintenance of CSS with Bootstrap, Sass, Compass, and Less.
• Importance of DOM for multiterminal porting.
• Mobile environment (sensors, battery, network detection, etc.).
• Terminal-specific multitouch events (gesture, touch, drag-and-drop, etc.).
• Communication protocols (websocket, ajax), advantages of Node.js.
• Graphics library: Drawing API (rectangle, line, etc.), color palette, working with images.
• W3C compliance tests: Validation tools.
• Hands-on work ¤Implementation of input forms; buttons and components; rotation of the terminal by CSS; dynamic managemen

5

» Multiplatform framework

• Advantages of using a framework.
• Choosing a mobile framework.
• Cordova (PhoneGap) and its publication tools.
• AngularJS 2.0, a mobile-development-oriented framework.
• Mobile Angular UI: Building HTML5 Mobile Apps with Bootstrap and Angular JS.
• Ionic: Building native apps with Cordova and Angular JS.
• Frameworks for Material Design (Polymer, Materialize CSS, etc.).
• Hands-on work ¤Implementing and discovering different frameworks available on the market. Carrying out a Material Design

6

» Data storage in mobile devices

• Setting up an “off-line mode” strategy.
• Manifest and caching the mobile site's resources.
• Browser-integrated SQLite and indexedDB databases.
• SQL language and administration tools.
• Management and oversight in JavaScript (creating tables, queries, etc.).
• Using Google Gears for terminals not compatible with HTML 5.
• Managing the client-end cache for work in offline mode (localStorage, sessionStorage).
• Hands-on work ¤Creating a note manager with storage in the on-board database.

7

» Mapping and geolocation

• Managing Google Maps.
• Options for handling the device's geolocation.
• Hands-on work ¤Displaying the map with respect to the device's location and displaying markers on the map.