React Native Mastery: Belajar Cara Membuat Aplikasi Android dengan React Native
Gus Nando, Be Your Best Self, Strive Your Dream
Watch this class and thousands more
Watch this class and thousands more
Lessons in This Class
-
-
1. Pengenalan
0:45 -
2. Apa itu React Native?
0:26 -
3. Apa yang Bisa Saya Buat dengan React Native?
0:48 -
4. Kenapa Pakai React Native?
0:33 -
5. Menginstal React Native di Windows 10
8:52 -
6. Menginstall Yarn
0:48 -
7. Menginstal Visual Studio Code
0:44 -
8. Cara Menginstall Extensions
4:47 -
9. Membuat Project React Native Pertamamu
0:33 -
10. Membuka Project di Visual Studio Code
0:17 -
11. Menjalankan Project React Native di Emulator
0:32 -
12. [F.A.Q] Kalau Emulator Tidak Muncul Bagaimana Cara Menjalankan Project
0:57 -
13. Hello World!
0:50 -
14. Cara Buka Developer Menu
1:33 -
15. Cara Reload
0:42 -
16. Shortcut VS Code
3:53 -
17. Shotcut Windows
0:31 -
18. Command di CMD
1:51 -
19. Apa itu Component
1:36 -
20. Text
3:51 -
21. Text (Advanced)
1:39 -
22. View
0:54 -
23. View (Advanced)
7:52 -
24. Cara Membuat Header Sederhana
2:24 -
25. StatusBar
2:58 -
26. Image (Offline)
2:53 -
27. Image (Online)
0:42 -
28. Image Resize Mode
1:02 -
29. TouchableOpacity
3:14 -
30. State - Sedikit Pengenalan
0:39 -
31. Switch
3:19 -
32. TextInput
5:21 -
33. ScrollView
0:47 -
34. StyleSheet
4:41 -
35. Button
1:45 -
36. Flatlist
4:04 -
37. Flatlist (Menampilkan Array of Objects)
4:17 -
38. Alert
2:29 -
39. ToastAndroid
2:09 -
40. Backhandler
3:47 -
41. PermissionsAndroid
6:07 -
42. ActivityIndicator
1:42 -
43. Dimensions
1:40 -
44. Linking
1:02 -
45. RefreshControl
2:13 -
46. ImageBackground
2:36 -
47. JS untuk React Native - Membuat Project Baru
0:55 -
48. Pengenalan Tipe Data String
1:30 -
49. Pengenalan Tipe Data Number
0:38 -
50. Pengenalan Tipe Data Boolean
0:28 -
51. Pengenalan Tipe Data Konstanta
1:25 -
52. Pengenalan Tipe Data Object
1:18 -
53. Pengenalan Tipe Data Array
3:29 -
54. Menampilkan Array di Flatlist
2:15 -
55. Menampilkan Array of Object di Flatlist
1:51 -
56. Function
2:23 -
57. Function dengan Nilai Balikan
2:56 -
58. React Navigation - Menginstall React Navigation
1:45 -
59. React Navigation - Membuat Route di React Navigation
3:11 -
60. React Navigation - Cara Hide Header
0:57 -
61. React Navigation - Menambahkan Route Baru di React Navigation
1:21 -
62. React Navigation - Cara Memindahkan Screen
1:02 -
63. React Navigation - Cara Kembali ke Route Sebelumnya (Back)
0:58 -
64. React Navigation - Membuat SplashScreen
4:31 -
65. React Navigation - Passing Data
1:37 -
66. Membuat Aplikasi Kamus - Membuat Project Baru
0:29 -
67. Membuat Aplikasi Kamus - Menginstall React Navigation
1:00 -
68. Membuat Aplikasi Kamus - Menginstall React Native Vector Icon
1:33 -
69. Membuat Aplikasi Kamus - Membuat Route
4:27 -
70. Membuat Aplikasi Kamus - Membuat Home Screen
12:32 -
71. Membuat Aplikasi Kamus - Membuat Detail Screen
7:21 -
72. Membuat Aplikasi Kamus - Membuat Fungsi Search
4:10 -
73. Membuat Aplikasi Kamus - Membuat About Screen
5:18 -
74. Membuat Aplikasi Kamus - Mengganti Package Name
1:35 -
75. Membuat Aplikasi Kamus - Mengganti Nama Aplikasi
1:30 -
76. Membuat Aplikasi Kamus - Mengganti Ikon
5:51 -
77. Membuat Aplikasi Kamus - Cara Generate Keystore
4:18 -
78. Membuat Aplikasi Kamus - Membuat File Apk dan Aab
1:26 -
79. React Native Library - Apa itu Library
0:36 -
80. React Native Library - Membuat Project Baru
0:37 -
81. React Native Library - Cara Membuat Background Gradient
9:29 -
82. React Native Library - Cara Membuat Snackbar
8:35 -
83. React Native Library - Cara Membuat Toast Message
6:44 -
84. React Native Library - Cara Membuat Loading Keren
5:32 -
85. React Native Library - Cara Membuat Modal
12:57 -
86. React Native Library - Cara Menambahkan Ikon
8:02 -
87. React Native Library - Cara Membuat Responsive Grid
9:55 -
88. React Native Library - Cara Membuat Date Picker
6:50 -
89. React Native Library - Date Picker + Modal
4:25 -
90. React Native Library - Cara Membuat Indikator Progress
7:38 -
91. React Native Library - Cara Membuat Tooltip
8:05 -
92. React Native Library - Cara Uninstall Library
0:47 -
93. Networking - Membuat Project Baru
0:49 -
94. Networking - Fetch Data + Menampilkan di Flatlist
7:24 -
95. Networking - Post Request
3:07 -
96. Advanced Concepts - Membuat Project Baru
0:54 -
97. Advanced Concepts - Conditional Styling & Selection
3:44 -
98. Advanced Concepts - Conditional Rendering
1:37 -
99. Advanced Concepts - Component Lifecycle
2:03 -
100. Offline CRUD - Membuat Project Baru & Menginstall AsyncStorage
2:08 -
101. Offline CRUD - Create
2:57 -
102. Offline CRUD - Read
4:35 -
103. Offline CRUD - Read Array of Object dan Menampilkan Data di Flatlist
6:28 -
104. Offline CRUD - Update
2:21 -
105. Offline CRUD - Delete
2:47 -
106. Membuat Aplikasi Todolist - Setup Project
1:48 -
107. Membuat Aplikasi Todolist - Membuat User Interface Todolist
18:22 -
108. Membuat Aplikasi Todolist - Create
7:42 -
109. Membuat Aplikasi Todolist - Read
2:56 -
110. Membuat Aplikasi Todolist - Update
3:24 -
111. Membuat Aplikasi Todolist - Delete
0:24 -
112. Membuat User Interface Header
6:44 -
113. Membuat Berbagai Jenis Button
13:42 -
114. Membuat Pop Up Modal
11:56 -
115. Membuat 3 Jenis Bottom Menu Bar
11:20 -
116. Membuat Aplikasi Webview
3:13 -
117. Praktek Membuat Aplikasi - Membuat Aplikasi BMI Calculator
18:18 -
118. Praktek Membuat Aplikasi - Membuat Aplikasi Score Counter
24:15 -
119. Maps - Inisialisasi Project Maps
6:09 -
120. Maps - Mengganti Lokasi Awal di Maps
2:42 -
121. Maps - Membuat Fullscreen Maps
0:48 -
122. Maps - Menambahkan Marker di Maps
2:55 -
123. Maps - Menambahkan Banyak Marker
3:53 -
124. Maps - Mengganti Warna Marker
1:08 -
125. Maps - Menggambil Lokasi Device
4:16 -
126. Maps - Menggambil Lokasi Device Part 2
4:26 -
127. Maps - Membuat Polyline
1:13 -
128. Maps - Membuat Banyak Polyline
1:11 -
129. Maps - Membuat Lingkaran di Maps
2:14 -
130. Maps - Membuat Polygon di Maps
3:04 -
131. Maps - Cara Mengetahui Jarak Antara 2 Marker di Maps
3:07 -
132. Maps - Cara Membuat Fitur Get Nearby
11:33
-
-
- --
- Beginner level
- Intermediate level
- Advanced level
- All levels
Community Generated
The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.
28
Students
--
Projects
About This Class
React Native Mastery adalah sebuah kursus online yang membantu anda untuk belajar bagaimana caranya membuat aplikasi mobile dengan menggunakan react native.
Awalnya, ketika pertama kali saya belajar bagaimana caranya membuat aplikasi mobile, tidak begitu banyak tutorial atau resource untuk belajar. Saya perlu menghabiskan banyak waktu hanya untuk memahami satu materi dan terkadang materi yang saya temui sudah kadaluarsa.
Karena itu saya membuat sebuah kursus online react native ini, dengan tujuan. Jika saya mengulang dari awal belajar react native. Maka materi-materi seperti ini yang ingin saya pelajari sehingga bisa menghemat waktu dan bisa lebih cepat untuk belajar.
Keuntungan yang akan di dapat jika mengikuti kursus online ini:
✔ Belajar dasar react native
✔ Belajar cara setup react native dan tools untuk mempercepat pembuatan aplikasi
✔ Belajar shortcut yang biasa saya gunakan
✔ Belajar navigasi dengan react navigation
✔ Belajar membuat user interface
✔ Belajar membuat aplikasi android
✔ Belajar menggunakan library untuk react native
✔ Belajar offline CRUD
✔ Belajar Membuat File APK dan AAB
Roadmap
Bagian 1: Pendahuluan
Pada bagian ini Anda akan belajar tentang apa itu react native, apa yang bisa dibuat dengan react native, serta kenapa menggunakan react native untuk membuat aplikasi.
Bagian 2: Setup
Pada bagian ini Anda akan belajar tentang bagaimana cara menginstall react native, menginstall visual studio code dan menginstall extensions di dalamnya yang bisa membantu dalam proses pembuatan aplikasi mobile.
Serta pada bagian ini Anda akan belajar tentang cara membuat project react native pertama Anda dan menjalankannya di emulator.
Bagian 3: Preparation
Pada bagian ini Anda akan belajar mengenai layout visual studio code, shortcut visual studio code yang sering saya gunakan, pengenalan component react native, serta bagaimana cara membuka developer menu dan cara reload manual di react native.
Bagian 4: Basic Components
Pada bagian ini Anda akan belajar mengenai, component-component dasar yang ada di react native serta bagaimana caranya menggunakannya.
Bagian 5: Javascript untuk React Native (Pemula)
Pada bagian ini Anda akan belajar dasar-dasar javascript yang digunakan di dalam react native.
Bagian 6: React Navigation
Pada bagian ini Anda akan belajar tentang bagaimana cara menggunakan react navigation untuk membuat navigasi, disini Anda akan belajar mulai dari bagaimana cara membuat route sampai dengan membuat splash screen.
Bagian 7: Praktek Membuat Aplikasi Kamus
Pada bagian ini Anda akan belajar tentang bagaimana cara membuat aplikasi kamus sederhana mulai dari membuat project sampai membuat apk dan aab yang ready untuk di publish ke playstore.
Bagian 8: React Native Library
Pada bagian ini Anda akan belajar mengenai library-library react native.
Bagian 9: Networking
Pada bagian ini Anda akan belajar tentang bagaimana caranya mengambil data dan mengirim data REST API.
Bagian 10: Advanced Concepts
Pada bagian ini Anda akan belajar mengenai advanced concept yang ada di react native, seperti conditional styling, conditional rendering, dan lainnya.
Bagian 11: Offline CRUD
Pada bagian ini Anda akan belajar bagaimana cara membuat CRUD(Create, Read, Update, Delete) secara offline dengan menggunakan AsyncStorage
Bagian 12: Praktek Offline CRUD – Todolist
Pada bagian ini Anda akan praktek belajar bagaimana cara membuat todolist dengan menggunakan konsep offline CRUD
Bagian 13: React Native UI Mastery
Pada bagian ini Anda akan belajar bagaimana caranya membuat user interface dengan menggunakan react native
Bagian 14: React Native App Mastery
Pada bagian ini Anda akan belajar bagaimana cara membuat aplikasi dengan menggunakan react native
Hands-on Class Project
Pada class project kali ini, tugas anda adalah membuat aplikasi kamus bahasa daerah anda sesuai dengan materi yang ada di kursus ini. Jadi aplikasi yang anda akan buat akan bisa mencari kata dalam bahasa daerah anda lalu menampilkan terjemahannya dalam bahasa indonesia. Setelah aplikasinya selesai anda buat jangan lupa untuk membuat file apk dan aab yang bisa anda bagikan dengan teman anda.
Class Ratings
Why Join Skillshare?
Take award-winning Skillshare Original Classes
Each class has short lessons, hands-on projects
Your membership supports Skillshare teachers
Learn From Anywhere
Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.
