processing...

Mobile Engineer with React Native

Penggunaan smartphone di zaman sekarang telah menjadi salah satu bagian penting bagi kehidupan manusia. Hal ini membuka peluang besar bagi berbagai bidang bisnis untuk bisa memberikan layanannya melalui aplikasi mobile. Karena dari itu, mobile developer sangat dibutuhkan bagi banyak perusahaan dan menjadi peluang bagi kamu untuk bisa ikut serta berkontribusi dalam bidang ini. Dalam course ini kamu akan diajarkan bagaimana membangun suatu aplikasi mobile dengan menggunakan react native. Kamu akan belajar dari dasar dan konsep yang perlu kamu ketahui dalam react native, berlatih untuk membuat suatu aplikasi, bahkan hal-hal yang lebih terkhususkan seperti penggunaan database lokal dan pemanggilan http request. Diakhir course kamu akan memiliki dasar-dasar yang dibutuhkan untuk memulai karir di bidang React Native Programming.

Back to Course > Mobile Engineer with React Native

What you will learn from this course

57 videos • 0 quizzes • 27506 to complete

What you will learn from this course

57 videos • 0 quizzes • 27506 to complete

Basic React Native

Pada Section ini kamu akan mempelajari apa itu react native dan dasar-dasar yang perlu diketahui dalam React Native. Dimulai dari bagaimana menyiapkan environment yang dibutuhkan dalam mendevelop aplikasi menggunakan react native, Folder structure, React Component, Props & State dan React Lifecycle. Sebagai front-end developer tentu tidak lepas dengan pemberian suatu style pada tampilan, maka dari itu kamu juga akan belajar untuk bisa menggunakan stylesheet di react native.

View 18 videos

Welcome to React Native Course

00:01

React Native

00:05

Enviroment

00:13

Folder Structure

00:04

React Component

00:09

React Native Component

00:06

Props & state

00:02

Props in Function Component

00:05

Props in class component

00:03

State in Function Component

00:05

State in class Component

00:04

React Lifecycle

00:05

Lifecycle Method

00:10

UseEffect

00:10

Styling in React Native

00:07

Flex

00:08

Things about flex

00:15

React List

00:11

Practice

Pada Section ini kamu akan melatih dasar-dasar yang kamu ketahui course sebelumnya dan menerapkannya pada suatu project. Tentu saja kamu juga akan belajar base practise apa saja yang biasanya digunakan untuk mendevelop suatu aplikasi, dimulai dengan pembuatan component, list dan metode-metode lainnya. Dengan belajar section ini kamu akan lebih dapat membayangkan bagaimana mengimplementasikan ilmu yang kamu punya ke dalam suatu project.

View 10 videos

Practice

00:02

Preparation & Layouting

00:16

Make Your Own Component & Styling

00:15

Make Your Own Component & Styling 2

00:17

Add Function to Component

00:06

Make a list with map

00:11

List with Flatlist

00:07

Passing Methods to Component

00:13

Manipulating List

00:14

Rende Conditionaly

00:15

Form

Pada Section ini kamu akan belajar konsep-konsep yang kamu perhatikan dalam membuat form di React Native, seperti handling input, handling submission, dan masih banyak lagi. Kamu juga belajar bagaimana alur flow data yang terjadi saat kamu memasukan input pada form yang kamu buat.

View 7 videos

Form

00:14

Handling Input

00:07

Handling Input (In One Object)

00:06

Two Ways Binding

00:03

Form into Component

00:03

Lifting State Up

00:10

Validation

00:11

Local Database

Suatu aplikasi juga pasti erat kaitannya dengan suatu data dan terkadang data tersebut perlu disimpan pada suatu aplikasi. Pada section ini kamu akan belajar bagaimana menggunakan database untuk menyimpan suatu data secara lokal, dalam hal ini kamu akan menggunakan REALM sebagai database yang digunakan.

View 9 videos

Database Realm

00:06

Installation

00:03

Realm Object Schema

00:06

Open Realm

00:05

Create Realm Object

00:08

00:05

00:04

00:10

00:13

Navigation

Dalam suatu aplikasi tentu saja ada beberapa halaman yang bisa diakses oleh user. Pada Section ini kamu akan belajar bagaimana kamu bisa menavigasikan aplikasi kamu dari halaman yang satu ke satunya lagi. Kamu akan menggunakan suatu library tambahan yaitu React Navigation untuk membantu kamu menerapkan hal ini.

View 8 videos

React Navigation

00:03

Installation

00:03

Create Stack Navigator

00:06

Moving Between Screen

00:08

Passing Parameter

00:03

Configuring The Header Baer

00:10

Tab Navigator

00:14

React Navigation Lifecycle Event

00:08

Loading...