Course intended for:

The training is intended for programmers, who would like to get familiar with technologies that enable development of inter-platform mobile applications. In particular, it is intended for programming teams, which are responsible for development of the same applications for several mobile platforms under a strong pressure of time.

Course objective:

The users will find out how to develop inter-platform mobile applications using the PhoneGap framework, HTML5 and AngularJS library. They will get familiar with the technology, which allows for elimination of the basic problem, associated with mobile device software: the necessity to develop separate versions of the application for each platform - Android or iOS. The participants will find out how to use the most recent version of the HTML and CSS specification, as well as the AngularJS library, to develop an application with a rich user interface, taking advantage of the hardware capabilities of individual platforms thanks to PhoneGap.


The training participants are required to have the basic programming skills and familiarity with HTML.

Course parameters:

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

Group size: no more than 8-10 participants.

Course curriculum

  1. Mobile applications- discussion

    1. Strengths and weaknesses of native applications and Web-based mobile applications

    2. Differences in user interfaces

      1. Requirements of Apple with regard to mobile applications

      2. User interface standards in the Android system

  2. PhoneGap (Cordova) – a mobile Web application

    1. WebKit as a rendering engine – differences in comparison with Google Chrome

    2. The system requirements

    3. The programming environment components

      1. Eclipse

      2. Cordova Application Generator

      3. Android system emulator

    4. Application setting

      1. Supporting various devices

      2. Resolution differences

      3. Screen revolution management

    5. Attaching of external libraries to PhoneGap/Cordova

      1. Library installation

      2. compilation

      3. JavaScript library interface

    6. Use of API

      1. Photo and movie camera

      2. Sound recording

      3. Web connection checking

      4. Geolocation (GPS)

      5. Other components of API PhoneGap

    7. Application packaging – apk files

      1. Setting of the target device

      2. Developer mode in the Android system and system rooting

      3. Installation of the application from the developer environment

  3. CSS3 and mobile devices

    1. Use of text styles

    2. Application of styles to block components

    3. CSS3 selectors

    4. Enhancing of graphic effects with CSS3

    5. Exercises: header styling

    6. Fade-in effect in CSS3

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

    8. Known problems with RETINA type displays

      1. Use of other images via Media Queries

      2. Use of SVG in mobile applications as an alternative

  4. Angular JS: MVVW in JavaScript

    1. What is a MVVW and MVW pattern

      1. Building of applications based on Angular JS

      2. Angular Seed / Twitter Bootstrap

    2. Models in Angular JS

      1. Explanation of functioning of models in Angular JS

      2. Bidirectional and unidirectional model linking

      3. Isolated $scope and its application

    3. Views and templates

      1. discussing of the view function in Angular JS

      2. repeaters

      3. CSS class switches, logic expressions

      4. Attaching of HTML code of various templates

      5. Form validators:

        1. Use of in-built validators

        2. Attachment of non-standard validators

        3. Form and component error styles

      6. Event handling

      7. Attaching of external libraries of Angular UI

    4. Directives

      1. What is a directive and what it is used for

      2. Attachment of external directives

      3. Practical use – directives with isolated controllers

    5. Services

      1. What are services and what they are used for

      2. Injection of services to many controllers, use of $inject

      3. discussing of Angular $http methods as a service

      4. use of service module in another module

      5. REST interface as an Angular Web Service

    6. Routers

      1. Template loading after URL change

      2. Using many views for one and many controllers

    7. Angular UI

      1. Use of external UI libraries

      2. Development of lists using ready libraries (ng-grid)

      3. Management of touch events

        1. Libraries needed (QuoJS)

        2. Events and dependencies handled

    8. Unit tests in Angular JS

    9. Exercises: RIA type application development with Angular JS

Any questions?

* Required.

Phone +48 22 2035600
Fax +48 22 2035601