React Native Mobile Applications Development Workshop , Sri Lanka.


React Native Mobile Applications Development Workshop

Recently I had conducted  React Native Mobile Application development workshop at NetAssist Colombo.  Around 40 attended the workshop. Employees from various IT companies and organizations attended the event.

React Native Mobile Applications Development Workshop

Event Details –

https://uditha.wordpress.com/2019/02/08/react-native-mobile-applications-development-workshop/

React Native Mobile Applications Development Workshop

For Training Requirement Contact-

udithamail@yahoo.com

udithait@gmail.com

training@bluechiptraining.biz

React Native Mobile Applications Development Workshop


React Native is a framework for using JavaScript and React to create native mobile applications. It combines the intuitive, declarative structure of React with the performance, look, and feel of Native applications. React Native also has the potential to alter how developer teams are structured, allowing web, iOS, and Android teams to share knowledge, resources, and even code.

React Native Mobile Applications Sri Lanka

React Native Mobile Applications Sri Lanka

Android Platforms

Apple IOS Platforms

Cross Platform Mobile App Development

Cross Platform Frameworks & Tools

(Xamarin , React Native, Flutter , NativeScript, Unity)

Tools Install

React Native – Hello World!

React Basics

Xamarin -Hello World

React Native

Conducted by.

clip_image006

Uditha Bandara is a corporate trainer and a consultant specializing in

Data Science, Mobile Application and Blockchain. He was South East Asia’s First XNA/DirectX MVP (Most Valuable Professional). He has conducted sessions at events and conferences in Singapore, Hong Kong,

Indonesia, Malaysia, Cambodia, Sri Lanka and India. https://uditha.wordpress.com

Android Mobile Application Development Training at (SLT) Sri Lanka Telecom.


Android Mobile Application Development Training Sri Lanka

Android Mobile Application Development Training Sri Lanka

Recently I did 5 Days Android Mobile Application Development training for Sri Lanka Telecom IT staff.

I covered following topics at the training.

1. Getting Started with Android Programming

2. Activities, Fragments, and Intents

3. Getting to Know the Android User Interface

4. Data Persistence

5. Creating and Using Databases

6. Location-Based Services

7. Displaying Maps

8. Getting Location Data

9. Monitoring a Location

10. Consuming Web Services Using HTTP

11. Consuming JSON Services

12. Publishing Android Applications

Android Mobile Application Development Training Sri Lanka

Android Mobile Application Development Training Sri Lanka

15 Software developers from SLT attended 5 days of training.

Android Mobile Application Development Training Sri Lanka

For Training Requirement Contact-

udithamail@yahoo.com

udithait@gmail.com

training@bluechiptraining.biz

Mobile +94 0716092918

React Native Navigation for Android and IOS.


React Native Navigation 

In React Native there are lot of npm libraries for navigation. Some are only for IOS or Android.

In this we build simple navigation using react navigation.

npm

import packages

 

home page

details page

setting up root page

clip_image002clip_image004

More details about the package-

https://reactnavigation.org/

React Native Mobile Application Development Training Course for Android & IOS.


react-native

 

Introduction

In this section, we make a brief introduction to React Native. We set up machines for all the people that haven’t done that yet. By the end, attendees can create a new project, run it and understand tools available.

– Describe React Native: – Philosophy

– Available platforms

– Available APIs

– Available components

– Bridge

– Prerequisites

– Installation review (show installation instructions)

– Create an app with `react-native init` (mention Expo and Create React Native App command)

– Use `react-native run-ios/android` to run the app

– Describe `react-native-packager`

– Demonstrate `Developer Menu`

– Small exercises to get people familiar

 

Back to JavaScript

In this section, we go through latest ES6/ES7 features that were added, like import / export syntax or fat arrow functions. We also cover basics of React (or just refresh them for people already experienced), like component lifecycle and/or JSX. All these are run and live tested on an app set up in the previous section.

– List all `ES6` and `ES7` features (one per slide, w/o going into details)

– Explain how the code is transpiled

– Explain JSX

– React Component lifecycle

– Open discussion about other features

– A couple of exercises to make everyone comfortable with React / JavaScript

 

Core components

In this section, we cover the basic components, like `<View />` & `<Touchable />`.

– Describe all core components and their `props`

– A couple of exercises based on default `init` template:

– Add few buttons and test out handlers (with `bind` preferably)

– Add a bunch of different `<View />`s

 

Styling

In this section, we, describe `StyleSheet` API, how it implements flexbox and how’s that different from CSS.

– Describe StyleSheet, what are available values, how it works

– Demonstrate `Flexbox`

– Mention that there are UI kits, but we are not going to use them as it’s too advanced for now

– Mention that there are cross-platform styling techniques, like styled-components one can use

– A bunch of exercises to get attendees more familiar with the styling, esp.:

– Flexbox and its properties – implement column/grid layout as presented on a slide

– <Text /> number of lines

 

Navigation

In this section, we demonstrate basic concepts of navigation. We also brief attendees into how’s JS navigation different from fully native one. We list available alternatives as well what we will use throughout today.

– List available navigation solutions

– Brief readers into the one that was selected

– Make them aware of the API and how to think of the route hierarchy

– A couple of exercises working on current `init` template, e.g convert app to a stack, so we can push a new route

 

Lists

In this section, we describe lists and why they are so important in React Native. We describe available alternatives and list how’s `<ScrollView />` different than `<FlatList /> (and <SectionList />)` and when to use each.

– List available scroll solutions

– Explain when to use each

– Describe performance optimizations

– Warn about common pitfalls / issues

– As a demo task, one can create a view that has a list of contacts and each of them can be tapped to move to a new screen (with details)

Cross Platform APIs

We will discuss and implement the most used React Native APIs that work cross platform

IOS specific APIs

We will discuss and implement the most used iOS specific React Native APIs

Android specific APIs

We will discuss and implement the most used Android specific React Native APIs

 

Persistence

In this section, we describe how persistence is done with React Native and how it can be achieved using other technologies.

– Demonstrate persistence using AsyncStorage

– Exercise attendees to persist stuff (literal, more advanced JSON)

– Demonstrate available APIs, like `multiSet` and when it’s better to use what – Mention other tools like `realm`

 

Animations

In this section, we will examine different approaches to animating elements within the app. Specifically, we will check `LayoutAnimation` API and the better – `Animated`. We will briefly talk about performance concerns as well.

– Introduce LayoutAnimation

– Challenge attendees with simple animations – Ask if they feel happy with it?

– Introduce `Animated` as a general solution to the problem

– Encourage them to animate few things on screen

– Perf. wise – mention native driver

 

Working with HTTP, network requests, and accessing restful services

 

Here we look at using both the fetch API as well as Axios for fetching and sending data, and using the returned data to update our application UI.

 

Data Architecture

In this section, we cover both MobX and Redux and talk about how and why they are useful in a React Native app

– Introduce Redux

– Set up a basic redux implementation

– Fetching data and updating our redux store

– Discuss other asynchronous libraries such as Saga and Redux Promise Middleware

 

Application Deployment

In this section, we discuss various settings and configurations that the developer must use and understand to deploy the app to both the Google Play store as well as the Apple App store.

 

For Training Requirement Contact-

udithamail@yahoo.com

udithait@gmail.com

training@bluechiptraining.biz

Mobile +94 0716092918

Introduction to Android Studio 3.0.


I had recorded a youtube video about introduction to Android development in following URL-

 

Android Mobile Application Development Workshop Sri Lanka.


android mobile app development

Event Timing: ( 9 a.m – 4 pm )

Agenda

Getting Started with Android Programming

What is Android?
Obtaining the Required Tools
Creating Your First Android Application
Anatomy of an Android Application

Activities, Fragments, and Intents

Understanding Activities
Linking Activities Using Intents
Fragments
Calling Built-In Applications Using Intents
Displaying Notifications

Getting to Know the Android User Interface

Understanding the Components of a Screen
Adapting to Display Orientation
Managing Changes to Screen Orientation

Data Persistence
Using JSON web service
Creating and Using Databases

Location-Based Services
Displaying Maps
Getting Location Data

Publishing Android Applications

Preparing for Publishing
Deploying APK Files
Admob Integration

Conducted by.

Uditha Bandara is a corporate trainer and a consultant specializing in Mobile Application development for Android and IOS. He was South East Asia’s First XNA/DirectX MVP (Most Valuable Professional). He has conducted sessions at events and conferences in Singapore, Hong Kong, Indonesia, Malaysia, Sri Lanka and India. –https://uditha.wordpress.com/

Feel free to contact us for any inquiries

Uditha Bandara – 0716092918
Register URL – https://goo.gl/aonUpn

Note: Bring your own Laptops with Android Studio installed (4GB RAM )

Cost- 6500 Rupees.