Dasar Dasar Membangun Aplikasi Mobile dengan React Native
Mulailah perjalanan Anda dalam pengembangan aplikasi mobile dengan React Native!
- Deskripsi
- Materi
- Ulasan
kursus yang dirancang khusus bagi Anda yang ingin memulai pengembangan aplikasi mobile menggunakan React Native. Kursus ini akan membawa Anda melalui semua konsep dasar yang diperlukan untuk membangun aplikasi mobile yang modern dan fungsional.
Apa yang akan anda pelajari?
-
Pengenalan React Native:
- Memahami dasar-dasar React Native dan kelebihannya dalam membangun aplikasi mobile lintas platform.
-
Instalasi dan Setup Lingkungan:
- Langkah demi langkah menginstal dan mengatur lingkungan pengembangan React Native di perangkat Anda.
-
Pemahaman Komponen Dasar:
- Belajar menggunakan komponen-komponen dasar React Native untuk membangun UI yang menarik dan interaktif.
-
Basic Styling:
- Pelajari cara menerapkan styling pada komponen React Native untuk menciptakan tampilan yang rapi dan modern.
-
Basic Layouting:
- Menguasai teknik-teknik dasar layouting seperti Flexbox untuk menyusun tampilan aplikasi secara efektif.
-
Penggunaan Props dan State:
- Memahami cara kerja Props dan State untuk mengelola data dan interaktivitas dalam aplikasi.
-
HTTP Request:
- Belajar melakukan HTTP request untuk mengambil dan mengirim data ke server, membuat aplikasi Anda dinamis dan responsif.
-
Implementasi Push Notification:
- Memahami dasar-dasar implementasi push notification untuk memberikan notifikasi kepada pengguna.
Belajar React Native
-
1
1. Pengenalan React Native -
2
2. Persiapan Environtment
-
3
3. Cara Membuat Project Baru (Android dan iOS) di React Native
-
4
4. Cara Menjalankan Aplikasi React Native di Emulator (Android & iOS) dan Real Device (Smartphone)
-
5
5. Cara membuka VSCode melalui terminal, Membuat custom script di package.json, Struktur Project
-
6
6. Menyimpan Project React Native di Repository Online. Setup, dan commit Codingan ke Repository.
-
7
7. Mengenal Konsep Dasar Component di React Native dan 6 Basic Component yang sering digunakan
-
8
8. Membuat Component dengan Functional Component (Hooks) , Implementasi View, Text, Image, TextInput
-
9
9. Membuat Component dengan Class Component di React Native
-
10
10. Basic Styling React Native Component - (Dimensi, Background, Color, Margin, Padding, FontSize)
-
11
11. Memahami Export dan Import di React Native Component
-
12
12. Memahami Basic Layouting di React Native dengan menggunakan FlexBox
-
13
13. Memahami konsep position di dalam component React Native
-
14
14. Merapihkan project React Native dengan struktur yang mudah dibaca dan dikembangkan
-
15
15. Memahami lifecycle Class Component
-
16
16. Memahami lifecycle Functional Component (Hooks)
-
17
17. Membuat Component yang dinamis dengan menggunakan Props
-
18
18. Membuat Component yang dinamis dengan menggunakan State
-
19
19. Memahami konsep komunikasi antar komponent di React Native dengan menggunakan props dan state
-
20
20. Cara Setup Eslint di Javascript, ReactJS dan React Native
-
21
21. Basic Javascript yang perlu difahami untuk belajar React Native - Variable, Function, Condition...
-
22
22. Cara menggunakan image SVG didalam project React Native
-
23
23. Penjelasan Aplikasi Statis dan Aplikasi Dinamis
-
24
24. Penjelasan Bagaimana Konsep Aplikasi Dinamis itu Bekerja
-
25
25. Referensi Fake API atau Dummy API Online
-
26
26. Penjelasan tentang HTTP Methods / HTTP Request
-
27
27. Penggunaan Postman untuk API Testing
-
28
28. Implementasi Pemanggilan API di Aplikasi React Native dengan Vanilla JS
-
29
29. Memunculkan Hasil Call API ke Aplikasi React Native
-
30
30. Call API dengan Third Party dan Installasi Axios
-
31
31. Membuat Fake API di local dan Installasi JSON Server
-
32
32. Menyiapkan UI Component untuk Implementasi Proses CRUD
-
33
33. Implementasi CRUD di React Native (Create - Method POST)
-
34
34. Implementasi CRUD di React Native (Read - Method GET)
-
35
35. Implementasi CRUD di React Native (Update - Method PUT)
-
36
36. Implementasi CRUD di React Native (Delete - Method DELETE)
-
37
37. Kenapa kita memerlukan Push Notification
-
38
38. Tipe tipe push notification (Foreground & Background Push Notification)
-
39
39. Setup Firebase Cloud Messaging dan Installasi Push Notification Package
-
40
40. Manual Setup Package React Native Push Notification di Android
-
41
41. Implementasi Local Notification (Setup NotificationHandler & NotificationService)
-
42
42. Implementasi Remote Push Notification dengan FCM Rest API
Tugas Praktek
Silahkan, login untuk menulis review
Detail Kursus
Durasi
7 Jam 59 Menit
Materi
42
Tugas
1
Level
Mudah
Terpopuler
