TRAINING ONLINE HYBRID MOBILE APPLICATION WITH IONIC AND ANGULARJS

TRAINING ONLINE HYBRID MOBILE APPLICATION WITH IONIC AND ANGULARJS

DESKRIPSI TRAINING WEBINAR UNDERSTANDING HOW THE IONIC STACK WORKS

Ionic adalah framework untuk membangun aplikasi hibrida menggunakan

HTML, CSS, dan JavaScript. Muncul dengan seperangkat komponen UI dan

fungsi yang dapat Anda gunakan untuk membuat aplikasi seluler yang

berfungsi penuh dan menarik. Ionic dibangun di atas susunan Cordova.

Anda tidak dapat membuat aplikasi seluler dengan Ionic saja karena

hanya menangani bagian UI. Ini perlu bekerja dengan Angular, yang

menangani logika aplikasi, dan Cordova, framework aplikasi lintas

platform yang memungkinkan Anda untuk mengompilasi aplikasi Anda ke

dalam file yang dapat diinstal dan menjalankannya di dalam tampilan

web perangkat seluler. Aplikasi yang dibuat dengan Cordova dan Ionic

dapat berjalan di perangkat Android dan iOS. Anda juga dapat menginstal

plugin Cordova untuk menyediakan fungsionalitas asli seperti mengakses

kamera dan bekerja dengan perangkat Bluetooth Low Energy.

Pada training ini mengajarkan web developer bagaimana membangun

aplikasi mobile cross-platform untuk ponsel dan tablet di iOS dan

Android menggunakan Ionic and AngularJS. Dengan Ionic, Anda dapat

membuat aplikasi mobile hybrid menggunakan teknologi web seperti HTML,

CSS, dan JavaScript, yang akan berjalan di kedua iOS dan Android.

Selain itu, Anda dapat mempelajari cara membuat aplikasi menggunakan

komponen UI yang dirancang untuk mobile, memanfaatkan location,

terintegrasi dengan fitur kamera, gestur sentuhan, dan terintegrasi

dengan sumber data eksternal.

Menimbang cukup kompleknya materi pelatihan Hybrid Mobile Application with Ionic and AngularJS ini bagi peserta,

dibutuhkan training provider yang berpengalaman di bidangnya agar tidak membuat peserta tidak menjadi cepat bosan

dan jenuh dalam mendalami bidang teknik ini.

TUJUAN TRAINING IONIC NAVIGATION AND CORE COMPONENTS UNTUK PRAKERJA

Dengan mengikuti pelatihan Hybrid Mobile Application with Ionic and AngularJS

Peserta dapat berbagi pengetahuan / sharing knowledge mengenai Hybrid Mobile Application with Ionic and AngularJS

dengan peserta dari perusahaan lain yang bergerak di bidang Hybrid Mobile Application with Ionic and AngularJS

MATERI pelatihan Understanding How the Ionic Stack Works online Zoom :

1. Introducing Ionic and Hybrid Apps

1.1. Introduction to Ionic

1.2. Types of Mobile Experiences

1.3. Understanding How the Ionic Stack Works

1.4. Prerequisites For Building Apps With Ionic

1.5. Supported Mobile Devices and Platforms

2. Setting Up Your Computer to Build Apps

2.1. Quick-start Guide

2.2. Setting up Previewing Environments

3. What You Need to Know About AngularJS

3.1. AngularJS at a Glance

3.2. Setting up For the Chapter Project

3.3. Basics For an Angular App

3.4. Controllers: For Controlling Data and Business Logic

3.5. Loading Data: Using the Controller to Load and Display Data in

the View

3.6. Handling Click Events to Select a Note

3.7. Create a Directive to Parse a Note With Markdown

3.8. Using Models to Manage Content Editing

3.9. Saving and Deleting a Note

3.10. Continuing with Angular

4. Ionic Navigation and Core Components

4.1. Set up Chapter Project

4.2. Setting up the App Navigation

4.3. Building the Home View

4.4. Using a Controller and Model For the Reservation View

4.5. Loading Data Into the Weather View

4.6. Infinite Scroll With Cards For the Restaurants View

4.7. Using the Slidebox Component For App Intro Tour

5. Tabs, Advanced Lists, And Form Components

5.1. Set up Chapter Project

5.2. IonTabs: Adding Tabs and Navigation

5.3. Adding IonNavView For Each Tab

5.4. Loading and Displaying Current Bitcoin Rates

5.5. Display a Currency’s Details In the Same Tab View

5.6. Refresh the Bitcoin Rates and Display Help

5.7. Charting Historical Data

5.8. Currencies Tab With List Reordering and Toggles

6. Weather App, Using Side Menus, Modals, Action Sheets, and IonScroll

6.1. Setting up the Chapter Project

6.2. Setting up the Side Menu and Views

6.3. Adding Settings View and Data Services

6.4. Setting up the Weather View

6.5. IonScroll: Building Custom Scrolling Content

6.6. Action Sheet: Displaying a List Of Options

6.7. IonModal: Displaying the Sunrise and Sunset Chart

6.8. Popup: Alert and Confirm Changes to Favorites

7. Advanced Techniques For Professional Apps

7.1. Set Up Chapter Project

7.2. Custom Ionic Styling Using Sass

7.3. How to Support Oline and Offline Mode

7.4. Storing Data For Persistence

7.5. Building One App For Multiple Platforms

7.6. Modify Default Behaviors With $ionicConfigProvider

8. Using Cordova Plugins

8.1. Cordova Plugins

8.2. NgCordova

8.3. Using a Camera and Photos in the Resort App

8.4. Using Geolocation in the Weather App

8.5. Chapter Challenges

9. Previewing, Debugging, and Automated Testing

9.1. The Differences Among Previewing, Debugging, and Testing

9.2. Setting up the Chapter Example

9.3. Additional Ways to Preview Apps

9.4. Debugging From a Device

9.5. Automated Testing

9.6. More Test Examples

10. Building and Publishing Apps

10.1. Building For Production: an Overview

10.2. Building Icons and Splash-Screen Assets

10.3. Preparing Your App for Production

10.4. Building Android Apps and Publishing to Google Play

10.5. Building IOS Apps and Publishing to the AppStore

11.Studi Kasus / Praktek pemecahan masalah Hybrid Mobile Application with Ionic and AngularJS

METODE pelatihan Ionic Navigation and Core Components online Zoom :

Metode Training Hybrid Mobile Application with Ionic and AngularJS

dapat menggunakan fasilitas training zoom atau training online,

dan bisa juga training offline atau training tatap muka.

INSTRUKTUR pelatihan Setting up the Weather View online Zoom :

Instruktur yang mengajar pelatihan Hybrid Mobile Application with Ionic and AngularJS ini

adalah instruktur yang berkompeten di bidang Hybrid Mobile Application with Ionic and AngularJS

baik dari kalangan akademisi maupun praktisi.

PESERTA

Peserta yang dapat mengikuti training Hybrid Mobile Application with Ionic and AngularJS ini

adalah staff sdm atau karyawan yang ingin mendalami bidang Hybrid Mobile Application with Ionic and AngularJS .

Karena kompleksnya pelatihan ini, maka dibutuhkan pendalaman yang lebih komprehensif melalui sebuah training.

Dan menjadi sebuah kebutuhan akan training provider yang berpengalaman di bidangnya

agar tidak membuat peserta menjadi cepat bosan dan jenuh dalam mendalami bidang teknik ini.

Jadwal Training Terbaru di Tahun 2026

Januari : 21 – 22 Januari 2026
Februari : 18 – 19 Februari 2026
Maret : 11 – 12 Maret 2026
April : 15 – 16 April 2026
Mei : 13 – 14 Mei 2026
Juni : 17 – 18 Juni 2026
Juli : 8 – 9 Juli 2026
Agustus : 12 – 13 Agustus 2026
September : 23 – 24 September 2026
Oktober : 14 – 15 Oktober 2026
November : 18 – 19 November 2026
Desember : 9 – 10 Desember 2026

Jadwal tersebut juga dapat disesuaikan dengan kebutuhan calon peserta

Lokasi Pelatihan pustraindo.co.id:

• Yogyakarta, Hotel Dafam Malioboro (6.000.000 IDR / participant * syarat & ketentuan berlaku)
• Jakarta, Hotel Amaris Tendean (6.500.000 IDR / participant * syarat & ketentuan berlaku)
• Bandung, Hotel Golden Flower (6.500.000 IDR / participant * syarat & ketentuan berlaku)
• Bali, Hotel Ibis Kuta (7.500.000 IDR / participant * syarat & ketentuan berlaku)
• Lombok, Hotel Jayakarta (7.500.000 IDR / participant * syarat & ketentuan berlaku)

Investasi Pelatihan tahun 2026 ini :

Investasi pelatihan selama tiga hari tersebut menyesuaikan dengan jumlah peserta (on call). *Please feel free to contact us.

Apabila perusahaan membutuhkan paket in house training, anggaran investasi pelatihan dapat menyesuaikan dengan anggaran perusahaan.

Fasilitas Pelatihan untuk Paket Group (Minimal 2 orang peserta dari perusahaan yang sama):

• FREE Airport pickup service (Gratis Antar jemput Hotel/Bandara)
• FREE Transportasi Peserta ke tempat pelatihan .
• Module / Handout
• FREE Flashdisk
• Sertifikat
• FREE Bag or bagpackers (Tas Training)
• Training Kit (Dokumentasi photo, Blocknote, ATK, etc)
• 2xCoffe Break & 1 Lunch, Dinner
• FREE Souvenir Exclusive

Jadwal Pelatihan masih dapat berubah, mohon untuk tidak booking transportasi dan akomodasi sebelum mendapat konfirmasi dari Marketing kami. Segala kerugian yang disebabkan oleh miskomunikasi jadwal tidak mendapatkan kompensasi apapun dari kami.