processing...

Frontend Engineer with ReactJS

Buat kamu yang suka akan programming dan membuat suatu tampilan, harus banget mengikuti course ini. Pada course ini kamu akan mempelajari mengenai library React JS yang banyak digunakan perusahaan untuk membuat suatu tampilan web. Kamu akan belajar dari basic-basic React, styling, component, navigation, Http Request dan prinsip-prinsip lain yang perlu kamu ketahui untuk menjadi React Dev. Dengan belajar course ini kamu bisa mengembangkan diri dan membuka peluang kamu untuk menjadi Front-End Developer.

Back to Course > Frontend Engineer with ReactJS

What you will learn from this course

63 videos • 0 quizzes • 28573 to complete

What you will learn from this course

63 videos • 0 quizzes • 28573 to complete

Basic React

Pada Section ini kamu akan mempelajari apa itu React Js dan dasar-dasar yang kamu perlu ketahui sebelum melangkah lebih maju untuk membuat suatu tampilan. Kamu akan belajar secara perlahan dimulai dari bagaimana penginstalan React JS, React Component, State, React Lifecycle dan masih banyak lagi. Dasar ini menjadi sangat penting untuk bisa kamu pahami, jadi pastikan kamu mempelajari section dengan dengan seksama.

View 13 videos

Welcome to React Js Course

00:01

What is React JS

00:06

Project SetUp React JS

00:06

Folder Structure

00:08

React Component

00:08

Working with JSX

00:07

Props and State

00:10

Props State in Class Component

00:09

Handling Event

00:04

React Lifecycle

00:06

Lifecycle Method

00:05

UseEffect

00:09

React List

00:13

Component Base Project

Pada Section ini kamu akan belajar mengenai component base project yang diterapkasn di React JS. Kamu bisa membagi code kamu menjadi bagian-bagian kecil, sehingga kamu akan lebih mudah mengatur component-component tersebut menjadi suatu tampilan yang utuh.

View 11 videos

Component Base Project

00:02

Create Custom Component

00:10

Component List

00:07

Rendering Content Conditionaly

00:05

Stateful Stateles

00:05

Composition

00:06

Passing Methods to Component

00:07

Manipulating List

00:09

Manipulating List 2

00:06

Class Component Vs Function Component

00:02

Libraries from internet

00:03

Styling in React

Pada Section ini kamu akan belajar memberikan styling pada tampilan yang kamu buat. Dasarnya React JS masih menggunakan CSS sebagai main styling yang digunakan, react juga memberikan beberapa cara lain untuk styling yaitu dengan menggunakan inline styling maupun CSS in Javascript. Tentu saja styling adalah salah satu bagian paling penting dalam pembuatan front-end dan kamu akan mempelajarinya di Course ini.

View 7 videos

Styling

00:03

Inline Style

00:06

CSS in CSS

00:08

CSS in JS

00:07

Styled Components

00:07

More Style

00:05

Component UI

00:12

Form

Pada Section ini kamu akan belajar konsep-konsep yang kamu perhatikan dalam membuat form di React JS, 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 8 videos

Make A Form

00:10

Handling Input

00:09

Handling Input (In One Object)

00:07

Handling Submission

00:06

Two Ways Binding

00:03

Lifting StateUp

00:12

Validation

00:10

[Bonus] Send File

00:20

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 React-Router-Dom tambahan untuk membantu kamu menerapkan hal ini.

View 13 videos

React Navigation

00:02

Preparation using Navigation

00:07

Router

00:05

Link

00:03

Navlink

00:07

Switch

00:03

Props on React Navigation

00:07

State in Link

00:03

Passing Parameter URL

00:06

Navigating with parameter

00:08

Redirect

00:05

Using Redirect

00:07

Not Found (404)

00:05

Loading...