ibm course abstract document · web viewmobile application developer (classroom) career path...

30
IBM MEA University Career path description The Mobile Application Developer career path prepares students to develop, test, debug, and deploy hybrid mobile applications. This will require mobile application development skills, such as Sencha Touch, jQuery, Dojo, and Apache Cordoba. The Mobile Application Developer will use tools to create and publish mobile applications in public marketplaces such as Android SDK and Xcode, and also in private enterprise mobile application markets such as IBM MobileFirst. ibm.com/training General information Delivery method 30% Self-paced and 70% Instructor led Version 2016 Product IBM Worklight Studio v6.2 Mobile Application Developer

Upload: tranxuyen

Post on 23-Mar-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

IBM MEA University

Career path description

The Mobile Application Developer career path prepares students to develop, test, debug, and deploy hybrid mobile applications. This will require mobile application development skills, such as Sencha Touch, jQuery, Dojo, and Apache Cordoba. The Mobile Application Developer will use tools to create and publish mobile applications in public marketplaces such as Android SDK and Xcode, and also in private enterprise mobile application markets such as IBM MobileFirst.

ibm.com/training

General informationDelivery method

30% Self-paced and 70% Instructor led

Version

2016

Product

IBM Worklight Studio v6.2

Audience

Undergraduate senior students from IT related academic programs i.e. computer science, software engineering, information systems and similar others

Learning objectives

After completing this course, you should be able to: Explain the concept of Mobile Web applications Identify the foundation skills that developers need to design,

develop, and deploy Mobile Web applications. Explain how the Ajax application model architecture relates

to Mobile Web applications

Mobile Application Developer(Classroom)

Page 2: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

List the courses in the Mobile Web Development curriculum Describe the role of JavaScript frameworks Explain the role of REST services in Mobile Web applications Describe how HTML5 supports the development of cross-platform applications Code JavaScript functions Use the form elements of HTML5 Develop simple web applications with HTML5, JavaScript, and Cascading Style Sheets (CSS) Describe what Ajax is Describe JavaScript frameworks Describe how JavaScript frameworks fit into the Ajax application model architecture Describe the benefits of using the Dojo JavaScript framework Use Dojo mobile form control widgets to build web pages that accept input data Create mobile views and lists Describe how to move between views in a Mobile Web application Describe how to use Dojo events Describe the general-purpose event handler dojo/on Describe how to use Dojo query Describe how to call server functions from Dojo Describe the dojo/request feature Describe the process for handling asynchronous requests with callbacks Develop and test Dojo-based Mobile Web applications Describe the benefits of using the jQuery Mobile framework for building cross-device web applications Describe the features of jQuery Mobile Use jQuery Mobile to auto-enhance form control elements that accept data input Create mobile pages, lists, and dialogs Link between pages in a mobile web application Get external data resources and display them in the page Develop and test jQuery mobile applications Develop a mobile application to run on an Android or iOS platform by using the IBM Worklight hybrid coding

approach Use IBM Worklight client-side APIs for cross-platform portability Use the Apache Cordova framework to access native device functions Use IBM Worklight server-side APIs for back-end integration Include the jQuery Mobile or Sencha Touch UI frameworks in an application Secure a mobile application by using various IBM Worklight authentication techniques Describe the architecture of location services Describe the components for team development Manage application updates and versions

Prerequisites Skills Basic knowledge on HTML web application development Basic knowledge on Eclipse-based development tools Basic knowledge on developing web applications that are marked up with HTML (Hypertext Markup Language) and

JavaScript Basic understanding of the document object model (DOM) and the use of common HTML markup elements, such as

<div> and <form> Exposure to the MEA University Portal learning environment Exposure to the MEA University Cloud hands-on labs platform

Duration

44.8 hours

Skill level

Basic – Intermediate

Hardware requirements

2

Page 3: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Classroom (ILT) setup requirements

Processor Intel Core 2 Duo P8400

GB RAM 4 GB

GB free disk space 60 GB

Network requirements Yes

Other requirements IBM & Bluemix ID

NotesThe following unit and exercise durations are estimates, and might not reflect every class experience. If the course is customized or abbreviated, the duration of unchanged units will probably increase.

Course AgendaMODULE I – MOBILE COMPUTING OVERVIEW

Course I – Foundations of Mobile Computing and IBM MobileFirst

Duration: 2.3 hours

Course introductionDuration: 10 minutes

Unit 1. The challenges of mobile computingDuration: 30 minutes

Overview This unit explains the challenges of mobile development, which include considerations for hardware, performance, security, and more.

Learning objectives After completing this unit, you should be able to: Provide a rationale for going mobile Explain the challenges of mobile application development, management, and security

Unit 2. Choosing a mobile application development approachDuration: 30 minutes

Overview This unit describes the various approaches to mobile application development and compares the advantages and disadvantages of each approach.

Learning objectives After completing this unit, you should be able to: Compare the advantages and disadvantages of various mobile application designs Identify a mobile application design type that is suitable for your application

3

Page 4: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 3. IBM MobileFirstDuration: 30 minutes

Overview This unit describes the goal of IBM mobile solution offerings and identifies IBM Worklight as a key part of the IBM MobileFirst strategy.

Learning objectives After completing this unit, you should be able to: Describe the goal of IBM mobile solution offerings Identify IBM Worklight as a key part of the mobile solutions strategy that IBM offers

Unit 4. Mobile technologiesDuration: 30 minutes

Overview This unit describes some of the application features and capabilities that are specific to mobile platforms, such as push notification and location services.

Learning objectives After completing this unit, you should be able to: Describe how JavaScript UI frameworks are used Describe how location services work Describe how push notification works

Unit 5. Course summaryDuration: 10 minutes

Overview This unit summarizes the course and provides information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Access the IBM Training website Identify other IBM Training courses that are related to this topic Locate appropriate resources for further study

MODULE II – MOBILE APPLICATION FOUNDATIONS

Course I – Roadmap to Mobile Web Development

Duration: 5.5 hours

Course introductionDuration: 15 minutes

4

Page 5: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 1. Mobile Web applications: An introductionDuration: 1 hour

Overview According to industry trends, more mobile computing devices will ship than traditional desktop and notebook computers. Smartphones and tablets are quickly becoming the primary computing device and gateway to the internet.

Learn how Mobile Web applications address this important growing market. Identify the different approaches to building mobile applications. Examine issues that companies face when they develop mobile applications for the enterprise.

Learning objectives After completing this unit, you should be able to: Describe the role of mobile applications in the enterprise Define the mobile first strategy for enterprise development Identify development approaches to mobile applications Define Mobile Web applications

Unit 2. Ajax web application architectureDuration: 20 minutes

Overview The Mobile Web application architecture consists of a client and a server component. In this unit, learn how the Mobile Web application interacts with the server through REST services.

Learning objectives After completing this unit, you should be able to: Identify the client and server components of the Ajax web application architecture List the courses in the Mobile Web foundation

Unit 3. HTML5 and JavaScriptDuration: 30 minutes

Overview Developers write HTML and JavaScript applications to build client-side Ajax web applications.

This unit describes the topics that are covered in the WebSphere Education self-paced virtual course ZD370: Introduction to HTML5 and JavaScript.

Learning objectives After completing this unit, you should be able to: Describe what is needed to build static web pages Describe what is needed to build dynamic web pages Explain the role of JavaScript programming in Ajax web applications Identify how HTML5 and JavaScript fit into the Ajax web application architecture.

5

Page 6: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 4. Dojo Toolkit JavaScript FrameworkDuration: 30 minutes

Overview To streamline the application development process, JavaScript frameworks provide a library of features to build rich web applications. Learn about the Dojo Toolkit, a comprehensive JavaScript framework for Ajax web applications.

This unit describes the topics that are covered in the WebSphere Education self-paced virtual course ZD325: Developing Mobile Web Applications with Dojo.

Learning objectives After completing this unit, you should be able to: Explain the role of JavaScript Frameworks in Mobile Web applications Highlight the features of Dojo Toolkit Identify how Dojo Toolkit fits into the Ajax web application architecture.

Unit 5. jQuery Mobile JavaScript FrameworkDuration: 30 minutes

Overview This unit highlights one of the most widely used JavaScript frameworks: jQuery Mobile. Learn the design philosophy and features of the framework.

This unit describes the topics that are covered in the WebSphere Education self-paced virtual course ZU372: Developing Mobile Web Applications with jQuery Mobile.

Learning objectives After completing this unit, you should be able to: Explain the role of JavaScript Frameworks in Mobile Web applications Highlight the features of jQuery Mobile Identify how jQuery Mobile fits into the Ajax web application architecture.

Demonstration 1. Dojo Toolkit and jQuery Mobile Web applicationsDuration: 15 minutes

Overview In this demonstration, examine how JavaScript frameworks allow developers to build rich internet applications by writing a web page. Explore the features from the Dojo Mobile and the jQuery Mobile frameworks.

Learning objectives After completing this demonstration, you should be able to: Describe the look and feel of a Dojo Mobile Web application Identify user interface elements that the jQuery Mobile framework provides

6

Page 7: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 6. REST service: Server-side applicationsDuration: 30 minutes

Overview In this unit, examine how REST services provide a simple interface to server applications. Learn about the philosophy of Representational State Transfer. Examine how Ajax web applications call REST services.

This unit describes the topics that are covered in the WebSphere Education self-paced virtual course ZD326: REST web services for Ajax and mobile applications.

Learning objectives After completing this unit, you should be able to: Explain the Representational State Transfer architecture for the web Identify the parts of a REST service Describe how Ajax web applications call REST services Identify how REST services fit into the Ajax web application architecture

Demonstration 2. Calling server applications with REST servicesDuration: 10 minutes

Overview In this demonstration, examine how Ajax web applications invoke REST services from a JavaScript application.

Learning objectives After completing this demonstration, you should be able to: Describe how Ajax web applications invoke REST services from a JavaScript application

Unit 7. Using styles to create responsive mobile web experiencesDuration: 30 minutes

Overview This course covers different approaches to designing Mobile Web applications. These include a mobile first approach; a prescriptive approach, and a responsive web design approach. You examine how to author Cascading Style Sheets (CSS) styles for HTML5 web pages.

This unit describes the topics that are covered in the WebSphere Education self-paced virtual course VW410: Using styles to create responsive mobile web experiences.

Learning objectives After completing this unit, you should be able to: Describe how Cascading Style Sheets (CSS) creates fluid, responsive web pages Target different devices and screen sizes with CSS media queries

7

Page 8: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 8. IBM Worklight Mobile application platformDuration: 45 minutes

Overview The IBM Worklight architecture helps organizations develop, connect, run, and manage mobile applications. Learn how Worklight software provides a single integrated platform to secure, deploy, and analyze applications throughout multiple mobile platforms.

This unit describes the topics that are covered in the WebSphere Education course WU506 / VU506 / ZU506: Mobile Application Development and Deployment with IBM Worklight V6.

Learning objectives After completing this unit, you should be able to: Describe the issues with managing native, hybrid, and Mobile Web applications. Explain how IBM Worklight helps organizations develop, connect, run, and manage mobile

applications. Identify the components of the IBM Worklight platform Identify how IBM Worklight fits into the Ajax web application architecture

Unit 9. Course summaryDuration: 15 minutes

Overview This unit summarizes the course, explains the class evaluation process, and provides information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Submit an evaluation of the class Identify other WebSphere Education courses that are related to this topic Access the WebSphere Education website Locate appropriate resources for further study

Course II – Introduction to HTML5 and JavaScript Programming

8

Page 9: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Duration: 5 hours

Course introductionDuration: 5 minutes

Unit 1. HTML5 overviewDuration: 45 minutes

Overview This unit describes some of the overall goals and features of HTML5.

Learning objectives After completing this unit, you should be able to: Describe what HTML does List the objectives of HTML5 Describe the document types that are supported in HTML5 Describe the document object model (DOM) tree Describe some of the differences between HTML4 and HTML5 List some HTML document API properties and methods Describe how scripting is enabled in browsers Describe browser support for HTML5 features

Unit 2. JavaScript programming for web applicationsDuration: 1 hour and 30 minutes

Overview This unit covers some of the essential features of JavaScript. JavaScript is an important programming language for building the next generation of interactive web applications, including mobile web applications. In this unit, you learn how to use JavaScript to manipulate the document object model elements of an HTML page.

Learning objectives After completing this unit, you should be able to: Describe JavaScript primitives and objects Explain how variables are declared and used in JavaScript Describe JavaScript control structures Describe functions in JavaScript Describe the document object model (DOM) hierarchy Describe the window and document objects Identify the DOM objects that are commonly used in JavaScript applications for working

with HTML documents

9

Page 10: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 1. Working with JavaScript in HTML documentsDuration: 45 minutes

Overview In this exercise, you work with the WebSphere Application Server Developer Tools for Eclipse V8.5 Beta environment to develop HTML documents and JavaScript functions.

Learning objectives After completing this exercise, you should be able to: Create HTML web pages Use style statements in HTML documents Connect scripts to documents Write JavaScript functions Create interactive alert and confirm window objects Use JavaScript to modify the document object model (DOM)

Unit 3. HTML5 featuresDuration: 45 minutes

Overview This unit covers the new structural and form features of HTML5.

Learning objectives After completing this unit, you should be able to: List new elements in HTML5 Describe HTML5 structural elements: section, article, header, footer, figure, figcaption Describe the attributes of the HTML5 input element: tel, email, datetime, number, range,

color

Exercise 2. Working with HTML5 featuresDuration: 45 minutes

Overview In this exercise, you explore some of the features available in HTML5.

Learning objectives After completing this exercise, you should be able to: Create a web page and insert a simple HTML5 form layout Add new markup elements Use input types that include attributes such as email to perform client-side validation Test the application

Unit 4. Course summaryDuration: 5 minutes

Overview This unit provides a summary of the course, a description of the class evaluation process, and information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Submit an evaluation of the class Identify other WebSphere Education courses that are related to this course Access the WebSphere Education website Locate appropriate resources for further study

10

Page 11: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Course III – Developing Mobile Web Applications with Dojo

Duration: 4.7 hours

Course introductionDuration: 15 minutes

Unit 1. Introduction to Ajax and JavaScript frameworksDuration: 30 minutes

Overview This unit describes what Ajax is, and lists the requirements for developing web applications with the Ajax programming model. It shows you the Ajax application model architecture, describes JavaScript frameworks, and explains how JavaScript frameworks fit into the Ajax application model architecture. Finally, the unit describes some of the benefits of using the Dojo framework for web application development.

Learning objectives After completing this unit, you should be able to: Describe what Ajax is Describe the Ajax programming model Describe the Ajax application model architecture Describe JavaScript frameworks Describe how JavaScript frameworks fit into the Ajax application model architecture List some Ajax JavaScript frameworks Describe the benefits of using the Dojo JavaScript framework

Unit 2. Getting started with the Dojo toolkitDuration: 1 hour and 15 minutes

Overview This unit describes the core Dojo, Dijit, and Dojox libraries, and how to use Dojo to access DOM nodes. It also describes Dojo mobile form controls, how the Dojo parser generates mobile widgets from decorated Dojo elements, and how Dojo is used in the Eclipse environment.

Learning objectives After completing this unit, you should be able to: Describe the Dojo base and core libraries Describe how Dojo is used to access DOM objects Describe the widgets and themes in the Dijit library Describe the benefits of using the Dojo mobile libraries Describe Dojo mobile form control widgets Describe the markup of Dojo mobile form control widgets Describe the source template for a Dojo mobile page Describe how the Dojo parser generates widgets from decorated HTML Describe the environment that is used for Dojo Mobile Web development

11

Page 12: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 1. Developing an HTML5 Mobile Web page that uses Dojo mobile form controlsDuration: 45 minutes

Overview In this exercise, you work with the Eclipse Indigo SR1 for Java EE Developers V4.2.1 and IBM WebSphere Application Server Developer Tools V8.5.1 environment. You use this software to develop a web page that uses Dojo mobile form controls.

Learning objectives After completing this exercise, you should be able to: Create a project and import the Dojo libraries Develop a Mobile Web page to display form input controls that use dojox/mobile widgets Run the page on the web preview server of Eclipse

Unit 3. Developing Mobile Web applications with DojoDuration: 1 hour and 15 minutes

Overview This unit introduces the Mobile Web application features of the Dojo Toolkit V1.8. You learn how to code mobile views, headings, lists, and tab bars with Dojo, and how to move between views. You also learn how to declaratively develop mobile pages by adding mobile features to web pages.

Learning objectives After completing this unit, you should be able to: Describe the characteristics of mobile applications Describe what Dojo mobile is Describe the mobile themes that are available in Dojo List the Dojo mobile widgets added in Dojo 1.8 Describe the mobile views Describe the Dojo mobile headings Describe Dojo mobile lists Describe Dojo mobile tab bars Explain how to move between views Describe the various transitions between views

Exercise 2. Creating a mobile user interface for the index page of a web applicationDuration: 45 minutes

Overview In this exercise, you transform the index page of a traditional web application into a Mobile Web application. You use mobile device themes, views, and widgets to change the application for display on mobile devices, such as an Android phone.

Learning objectives After completing this exercise, you should be able to: Develop a mobile device user interface with dojox.mobile themes Build views that are accessed from the index.html page Move between mobile views Run the page on the web preview server of Eclipse.

12

Page 13: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 4. Ajax calls to services with DojoDuration: 45 minutes

Overview This unit describes how to make Ajax requests in Dojo.

Learning objectives After completing this unit, you should be able to: Describe the Web 2.0 architecture Describe how to use Dojo events Describe the general-purpose event handler dojo/on Describe how to use Dojo query Describe how to call Ajax server functions from Dojo Describe the dojo/request feature Describe JSON data Describe the process for handling asynchronous requests with callbacks

Exercise 3. Developing a Dojo mobile page that gets server-side data with the dojo/request APIDuration: 45 minutes

Overview In this exercise, you create a web page that retrieves information by using a dojo/request asynchronous call to a server-side web application. You write the dojo/request function that makes a Dojo Ajax call and updates the web page with the weather data returned from the call.

Learning objectives After completing this exercise, you should be able to: Create a Dojo mobile page for weather by city Add views for the list of cities and the current weather response Add the code to make an Ajax call to retrieve data Use a callback function to return the data and format it on the page Run the page on the WebSphere Application Server Liberty Profile server in Eclipse

Unit 5. Course summaryDuration: 15 minutes

Overview This unit summarizes the course, explains the class evaluation process, and provides information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Submit an evaluation of the class Identify other WebSphere Education courses that are related to this topic Access the WebSphere Education website Locate appropriate resources for further study

Course IV – Developing Mobile Web Applications with jQuery Mobile

Duration: 5.5 hours

Course introductionDuration: 15 minutes

13

Page 14: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 1. jQuery Mobile overviewDuration: 1 hour

Overview In this unit, you learn about the jQuery Mobile framework: a touch-optimized framework that is designed for mobile phones and tablets. The unit explains the structure and programming model of a jQuery Mobile web application. You learn about the user interface elements and themes from the jQuery Mobile framework, and you examine the lab environment that is used for jQuery web application development.

Learning objectives After completing this unit, you should be able to: Describe the features of jQuery Mobile Identify jQuery Mobile user interface elements Describe how to create mobile list views Describe how to create mobile form elements Describe how to create mobile navigation bars Describe how to create mobile dialogs Explain the navigation between views Describe the data attributes that are used in mobile pages Describe the jQuery Mobile themes Describe the environment that is used for jQuery web development in the exercises

Exercise 1. Developing an HTML5 mobile web page that uses jQuery mobile form controlsDuration: 1 hour

Overview In this exercise, you work with the Eclipse Indigo for Java Developers environment to develop a web page that uses jQuery mobile form controls.

Learning objectives After completing this exercise, you should be able to: Create a project and link to the jQuery Mobile libraries and CSS files Develop a mobile web page that displays form input controls that use jQuery Mobile widgets

Unit 2. Getting started with jQuery scriptingDuration: 1 hour

Overview This unit describes the JavaScript programming model in jQuery and jQuery Mobile. You learn how to manipulate the web page by using the jQuery document ready function and the mobile pageinit event. You also examine how to change Cascading Style Sheets (CSS) styles programmatically. Lastly, you examine Ajax functions and mobile events in jQuery Mobile.

Learning objectives After completing this unit, you should be able to: Describe what you can do with jQuery Describe what you need to get started with jQuery scripting Describe the jQuery global $-function Describe how to use jQuery with DOM objects Describe how to use jQuery and CSS to change the style elements on a page List the jQuery selectors List the jQuery events List the jQuery Ajax functions Describe jQuery Mobile events

14

Page 15: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 2. Creating a mobile user interface for the index page of a web applicationDuration: 1 hour

Overview In this exercise, you transform the index page of a traditional web application into a mobile web application. You apply mobile device themes, views, and widgets to change the application for display on mobile devices.

Learning objectives After completing this exercise, you should be able to: Develop a mobile device user interface with jQuery themes Build views that are accessed from the index.html page Move between mobile views Run the page on the web preview server of Eclipse

Exercise 3. Developing a jQuery Mobile page that updates its information from a web serviceDuration: 1 hour

Overview In this exercise, you create a web page that uses a web service call to retrieve information. You also write a JavaScript function that makes a jQuery Ajax call and updates the web page with the data returned from the call.

Learning objectives After completing this exercise, you should be able to: Create a jQuery mobile page for weather by city Add elements to the page and use jQuery to apply CSS styles to these elements Add the code to make an Ajax call to retrieve data Use a callback function to return the data and format it on the page Run the page on the web preview server of Eclipse

Unit 3. Course summaryDuration: 15 minutes

Overview This unit provides a summary of the course, a description of the class evaluation process, and information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Submit an evaluation of the class Identify other WebSphere Education courses that are related to this course Access the WebSphere Education website Locate appropriate resources for further study

15

Page 16: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

MODULE III – MOBILE APPLICATION DEVELOPERCourse I – Mobile Application Development with IBM Worklight Foundation Duration: 21.8 hours

Course introductionDuration: 20 minutes

Unit 1. Introduction to IBM Worklight Foundation V6.2Duration: 1 hour

Overview This unit introduces IBM Worklight Foundation V6.2 by describing its component architecture and its development and management capabilities.

Learning objectives After completing this unit, you should be able to: Describe the differences between the IBM Worklight product packages Explain the IBM Worklight component architecture Describe the development and management capabilities of IBM Worklight

Unit 2. Overview of Worklight StudioDuration: 1 hour

Overview This unit shows you how to install Worklight Studio and how to set up an Android or iOS development environment. It also describes the Worklight base development framework and provides an overview of the Worklight Studio tools that facilitate mobile development.

Learning objectives After completing this unit, you should be able to: Install Worklight Studio as an Eclipse plug-in Set up an Android, iOS, or Windows Phone development environment Describe the Worklight Studio mobile development tools Describe the steps that are involved in creating, building, and testing an application in

Worklight Studio

16

Page 17: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 1. Installing IBM Worklight Studio and developing an applicationDuration: 1 hour and 30 minutes

Overview In this exercise, you install IBM Worklight V6 Developer Edition, configure an Android or iOS development environment in Worklight Studio, and develop a simple mobile application that they can run on an Android or iOS platform.

Learning objectives After completing this exercise, you should be able to: Install IBM Worklight Studio Developer Edition Configure an Android or iOS development environment Develop a simple “Hello Worklight” mobile application Test the application in the browser and on an Android or iOS virtual device

Unit 3. Developing and testing the user interfaceDuration: 50 minutes

Overview In this unit, you learn about tools for developing and testing the user interface of an application.

Learning objectives After completing this unit, you should be able to: Build a user interface by using the Rich Page Editor Create an application through mobile patterns Create skins Test the user interface with instant preview and the Mobile Browser Simulator

Unit 4. IBM Worklight client-side development: Core APIsDuration: 1 hour

Overview This unit provides a detailed look at key client-side mobile development APIs provided by Worklight. It covers APIs that enable cross-platform portability, device type customization, and application globalization.

Learning objectives After completing this unit, you should be able to: Identify essential Worklight client-side APIs, including APIs that enable cross-platform

portability, device type customization, and application globalization Work with several debugging tools Build a multi-page application Explore the syntax of the JavaScript functions supporting the APIs

Exercise 2. Client-side core APIsDuration: 1 hour and 30 minutes

Overview In this exercise, you explore the Worklight client-side functions that support the use of common controls, multiple pages and fragments, and other features.

Learning objectives After completing this exercise, you should be able to: Use Worklight common controls Work with multiple pages Create an application that can work offline Globalize Strings

17

Page 18: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 5. IBM Worklight client-side development: Local storage APIsDuration: 1 hour

Overview This unit provides a detailed look into the encrypted cache and JSONStore local storage APIs provided by Worklight.

Learning objectives After completing this unit, you should be able to: Identify the Worklight client-side APIs that support storing data locally on a device in an

encrypted cache or a JSON data store Explore the syntax of the JavaScript functions supporting the APIs

Exercise 3. Exploring local storage APIsDuration: 1 hour and 10 minutes

Overview In this exercise, you explore the Worklight client-side functions that enable the storage of data locally on a device.

Learning objectives After completing this exercise, you should be able to: Use an encrypted cache in a mobile application Use the JSONStore in a mobile application

Unit 6. Working with UI frameworksDuration: 20 minutes

Overview This unit shows how to integrate the jQuery Mobile, Sencha Touch, and Dojo Mobile UI frameworks in a Worklight mobile application.

Learning objectives After completing this unit, you should be able to: Include the jQuery Mobile, Sencha Touch, or Dojo Mobile UI frameworks in a Worklight

mobile application

Unit 7. Apache CordovaDuration: 40 minutes

Overview This unit explains the capabilities of the Apache Cordova framework and describes the APIs that support them. It also shows you how to create a Cordova plug-in, and provides an example of a WebViewOverlay plug-in that can be used to integrate server generated pages in an application.

Learning objectives After completing this unit, you should be able to: Use the Apache Cordova framework to access native device functions Develop an Apache Cordova plug-in Develop a WebViewOverlay plug-in to integrate server generated pages in an application

18

Page 19: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 4. Using Apache Cordova to access native device functionsDuration: 1 hour and 30 minutes

Overview In this exercise, you develop an application that uses the Apache Cordova framework to access native device functions, and the Dojo Mobile framework to implement its user interface. You also learn how to use the Rich Page Editor to construct the user interface in a visual manner.

Learning objectives After completing this exercise, you should be able to: Use the Apache Cordova API to access the device’s native Contacts application and

display native alerts Use the Dojo Mobile toolkit to display various user interface elements such as views and

buttons Use the Rich Page Editor to visually construct an application’s user interface

Unit 8. Integration adaptersDuration: 1 hour

Overview This unit describes the types of integration adapters that Worklight supports and how to use them to access back-end resources.

Learning objectives After completing this unit, you should be able to: Describe the various types of adapters Describe how the adapter works Create an SQL adapter Create an HTTP adapter Use HTTP adapters with SOAP services Create a Cast Iron adapter Create a JMS adapter Invoke Java code from an adapter

Exercise 5. Developing an integration adapterDuration: 1 hour and 15 minutes

Overview In this exercise, you develop an HTTP adapter to retrieve an RSS feed, and a SQL adapter to retrieve account transactions from a back-end database.

Learning objectives After completing this exercise, you should be able to: Develop an HTTP adapter and invoke it from a client application Develop a SQL adapter and test it in Worklight Studio

Unit 9. Native and web page integrationDuration: 20 minutes

Overview This unit describes the Worklight APIs that support the combination of both native and web pages inside a mobile application.

Learning objectives After completing this unit, you should be able to: Combine native and web pages in a mobile application

19

Page 20: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Exercise 6. Combining native and web pagesDuration: 1 hour

Overview In this exercise, you learn how to integrate web and native pages in the same mobile application.

Learning objectives After completing this exercise, you should be able to: Combine a native page and a web page in a mobile application Exchange data between a native page and a web page

Unit 10. Using Worklight native APIsDuration: 30 minutes

Overview This unit describes the Worklight APIs that enable a native Android or iOS client application to invoke an adapter procedure that runs on Worklight Server.

Learning objectives After completing this unit, you should be able to: Create a Worklight Native API application Configure the native application Invoke an adapter procedure Manage a procedure response

Unit 11. SecurityDuration: 1 hour

Overview This unit describes the authentication techniques that Worklight provides to secure a mobile application, and the server-side APIs that support them.

Learning objectives After completing this unit, you should be able to: Describe the authentication approaches that Worklight supports Use server-side APIs to secure a mobile application

Exercise 7. Securing an applicationDuration: 1 hour and 30 minutes

Overview In this exercise, you learn how to secure a mobile application by using an adapter authenticator.

Learning objectives After completing this exercise, you should be able to: Secure an application by using an adapter authenticator

20

Page 21: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 12. Location servicesDuration: 30 minutes

Overview This unit shows how to use location services to collect geolocational and WiFi data, and feed the location data and triggers to business processes.

Learning objectives After completing this unit, you should be able to: Describe the architecture of location services Implement acquisition policies Add triggers to an application that uses location services Add events to an application that uses location services Create and test a hybrid application that uses location services

Unit 13. Notification mechanismsDuration: 30 minutes

Overview This unit shows how to use the push notification mechanism to send messages from a server to a mobile device.

Learning objectives After completing this unit, you should be able to: Describe push notification architecture Use the push notification API Describe SMS notification architecture Use the SMS notification API

Unit 14. Deploying an application from development to productionDuration: 45 minutes

Overview This unit shows how to migrate a Worklight application from development to production.

Learning objectives After completing this unit, you should be able to: Prepare an application for deployment Deploy an application to a remote server Use the Ant utility with Worklight Install IBM Worklight Server in a WebSphere Application Server and DB2 environment Migrate applications from a development to a production environment

Exercise 8. Deploying an applicationDuration: 45 minutes

Overview In this exercise, you move an application from the development environment to a production server.

Learning objectives After completing this exercise, you should be able to: Deploy an application from the embedded Worklight Studio server to an external Worklight

server that is running on a WebSphere Application Server Test the application on an external browser Simulate the use of a device that calls the remote server

21

Page 22: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

Unit 15. Team development and Application CenterDuration: 45 minutes

Overview In this unit, you learn how to use the shell component and other features of IBM Worklight that facilitate sharing of application components during development.

Learning objectives After completing this unit, you should be able to: Develop a shell component Develop and share UI patterns Describe Application Center Architecture Manage and share mobile applications within a development team

Unit 16. Course summaryDuration: 10 minutes

Overview This unit summarizes the course and provides information for future study.

Learning objectives After completing this unit, you should be able to: Explain how the course met its learning objectives Access the IBM Training website Identify other IBM Training courses that are related to this topic Locate appropriate resources for further study

22

Page 23: IBM Course Abstract Document · Web viewMobile Application Developer (Classroom) Career path description. The Mobile Application Developer career path prepares students to develop,

IBM Official Badges and Associated Job Roles

IBM Official Badges Mobile Application Developer: Explorer I Mastery Award

Associated Job Roles

Mobile Application Administrator Cloud Application Developer Business Process Developer

For more informationTo learn more about this career path and others, see ibm.biz/meauniversityTo learn more about validating your technical skills with IBM Open Badges, see www.youracclaim.com

To stay informed about the IBM MEA University, see the following sites:

YouTube: https://www.youtube.com/watch?v=ib5iXI5maUQ

Facebook: www.facebook.com/meauniversity

LinkedIn: https://www.linkedin.com/groups/8385289

To learn more about the program: https://www-03.ibm.com/press/us/en/pressrelease/43122.wss

23