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.