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 Pelatihan Tahun 2026
Batch 1 : 21 – 22 Januari 2026
Batch 2 : 11 – 12 Februari 2026
Batch 3 : 11 – 12 Maret 2026
Batch 4 : 22 – 23 April 2026
Batch 5 : 6 – 7 Mei 2026
Batch 6 : 10 – 11 Juni 2026
Batch 7 : 15 – 16 Juli 2026
Batch 8 : 12 – 13 Agustus 2026
Batch 9 : 23 – 24 September 2026
Batch 10 : 14 – 15 Oktober 2026
Batch 11 : 11 – 12 November 2026
Batch 12 : 16 – 17 Desember 2026
Jadwal tersebut dapat disesuaikan dengan kebutuhan calon peserta
Lokasi Pelatihan
Yogyakarta, Hotel Dafam Seturan(7.300.000 IDR / participant)
Jakarta, Hotel Amaris Tendean (7.900.000 IDR / participant)
Bandung, Hotel Golden Flower (7.800.000 IDR / participant)
Bali, Hotel Ibis Kuta (8.500.000 IDR / participant)
Lombok, Hotel Jayakarta (8.750.000 IDR / participant)
Catatan
Waktu pelatihan Dua+1* hari dengan Biaya tersedia untuk Perorangan, Group, dan Inhouse Training, belum termasuk akomodasi/penginapan.
Untuk biaya dan jadwal training harap menghubungi marketing kembali
Investasi training
Investasi pelatihan selama dua 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 training:
Free Penjemputan dari bandara ke hotel*.
Modul / Handout.
Flashdisk*.
Certificate of attendance.
FREE Bag or bagpacker.
