React Native Mastery: Belajar Cara Membuat Aplikasi Android dengan React Native | Gus Nando | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

React Native Mastery: Belajar Cara Membuat Aplikasi Android dengan React Native

teacher avatar Gus Nando, Be Your Best Self, Strive Your Dream

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

132 Lessons (8h 17m)
    • 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

Meet Your Teacher

Teacher Profile Image

Gus Nando

Be Your Best Self, Strive Your Dream

Teacher

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

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.