Tag: User Interface

• Introduction to NativeScript with Angular 4
• Installation and setup of NativeScript
• Overview of NativeScript and the Application Life Cycle
• Overview of Property System, Data Binding and Events
• Understanding NativeScript’s Multithreading Module
• Creating a User Interface with NativeScript
• Designing the Application Logic
• Using NativeScript Modules
• Accessing NativeScript’s Animation APIs
• Integrating a NativeScript Application with Native Android and IOS Apps
• Unit Testing and Debugging the Application
• Publishing the Application
• Troubleshooting
• Summary and Conclusion

Overview

Reactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. RxJS is one of the most comprehensive reactive programing libraries for managing UI events, asynchronous HTTP requests, and other data streams.

In this instructor-led, live training, participants will become familiar with RxJS’s tools and functions as they apply them to a variety of coding problems associated with interactive-heavy based mobile and web apps. Participants will also learn how to create and deploy a UI heavy web app.

By the end of this training, participants will be able to:

• Understand the reactive programing paradigm and its usefulness for UI heavy application development.
• Build UI heavy applications with scalability, flexibility, and responsiveness in mind.
• Easily and freely create and manage a multitude of UI events, asynchronous HTTP requests, and other data streams.

Format of the Course

• Interactive lecture and discussion.
• Lots of exercises and practice.
• Hands-on implementation in a live-lab environment.

Course Customization Options

• To request a customized training for this course, please contact us to arrange.

Course Outline

To request a customized course outline for this training, please contact us.

Module 1. Introduction to Ext JS 5

• Downloading ExtJS
• Setting Up and installing ExtJS
• Using Tools and Editors

Module 2. Core Concepts

• Using Naming Conventions
• The Preprocessors and Postprocessors
• Using Static methods and properties
• Understanding simple inheritance
• Lazy loading of classes
• Interacting with the DOM

Module 3. Components and Layouts

• The component life cycle
• Types of containers
• Understanding the viewport, panel and Window component

Module 4. Managing data

• Using Ajax
• Understanding models
• Model mapping
• Writing validators
• Common field types and relationships
• Adding, selecting and removing records from the store

Module 5. Buttons, Toolbars and Forms

• Buttons types
• Adding menus
• Using toolbars
• Building the main menu for an application
• The form component
• Using available fields (textfields, number, date, etc.)
• Understanding triggers
• Submitting the data

Module 6. Understanding the Grid and Tree panel

• Building the data connection
• Designing a basic grid
• Selection models
• Setting up Grid listeners
• The Grid paging and the infinite scrolling
• Using the DataView
• A basic tree panel
• Adding and removing nodes

Module 7. The architecture

• The MVC and MVVM patterns
• Creating the views and the controller
• Creating a module
• Implementing routing

Module 8. The importance of look and feel

• The packages folder
• Advanced theming
• Different styles for the same component
• Supporting legacy browser

Module 9. The deploy phase

• Preparing for deployment
• The app.json file
• The sencha command
• Code compression
• Packaging and deploying