Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
(Legacy) React JS Bahasa Indonesia [Bonus React Bootstrap]
Highest Rated
Rating: 4.4 out of 5(158 ratings)
452 students

(Legacy) React JS Bahasa Indonesia [Bonus React Bootstrap]

(Legacy) - Belajar React JS dasar sampai upload ke hosting
Created byAgit Naeta
Last updated 4/2024
Indonesian
Indonesian [Auto],

What you'll learn

  • They can Learn React JS In In Indonesian Language

Course content

2 sections21 lectures2h 47m total length
  • Introduction9:39

    Pada bagian pengenalan dan installasi teman-teman bis belakukan installasi alat apa saja yang bisa digunakan untuk memulai React JS

  • JSX introducing3:17

    Pada bagian ini teman teman bisa mempelajari bagaimanan sesungguhnya React JS buka merupakan HTML Tag melainkan hanya sebuah JSX Component

  • Membuat Project React JS4:43

    Bagainmana caranya membuat sebuah project pada react-js dan hanya menggunakan web dev server tanpa bantuan dari alat lain untuk tahapan deployment

  • Mempelajari Sturktur Folder5:11

    Mempelajari Sturktur Folder Pada React JS, karena sebenarnya tidak ada anjuran khusus bagaimana cara menggunakan folder pada react-js dari tahapan ini saya diplay beberapa standar yang digunakan di beberapa perusahaan

  • Component5:27

    Pada bagian ini akan dijelakan bagaimana sebenarnays secara dasar komponent itu dapat digunakan dan juga dipelajari, pada dasarnya komponent di bagi menjadi beberapa istilah dan berbagai cara penggunaan yang bisa dilakukan

  • Export & Import Component11:10

    Penggunaan Export dan import component sebenarnya adalah bawaan dari babel.js secara standar penggunaan ini bisa digunakan jika teman-teman juga memenuhi standard penggunaan Import Dan Export menggunakan webpack

  • Property17:42

    Bagian Mengenai Property ini akan dibahas sebagaimana setiap component pada react memiliki property yang bebeda beda dan bisa dipelajari dengan mudah cara implementasinya pada setiap component

  • State14:54

    Contoh Penggunaan state pada 1 component atau lebih component besamaan dengan cara penggunaan event pada setiap component

  • Component life-cycle React JS4:34

    Component life cycle adalah contoh penggunaan konsep re-render pada komponent yang jarang ada pada konsep library lainnya, dimana keadaan component akan selalu malakukan render pada setiap keadaan yang berubah baik dari sebuah property atau dari sebuah state

  • Component life-cycle React JS - Practice10:27

    Component lifecycle practice,

  • Helper14:51

    Cara penggunaan helper seringkali dilewatkan karena merasa sudah cukup mahir menggunakan code pada react , padahal penggunaan helper bisa melakukan reduce jumlah function yang duplikat pada sebuah aplikasi

  • Request and Data Fetch2:08

    Installasi library dan pengunaan AXIOS untuk melakukan requerst pada react-js

  • Membuat Services4:00

    Pada bagian ini kita akan belajar mengenai cara membuat services dan penggunaan nya pada react-js

  • Bind Request6:48

    Bind Request adalah salah satu istilah untuk melakukan bind data yang sudah ada pada service dan melemparnya pada bagian display

  • Bind Request & Data Mapping8:25

    Melakukan map data pada sebagian data yang sudah kita bind pada bagian services dan membuatnya sebagai list

  • High Order Component1:55

    Pada bagian sebelumnya jika kita sudah menyelesaikan bagian helper, disini kita belajar menggunakan HOC dan kapan kita sebaiknya menggunakan HOC 

  • Contoh Penggunaan High Order Component3:09

    Cara Penggunaan High Order Component Pada React , bisa nelakukan reduce penggunaan fungsi pada sebuah project

  • Membuat High Order Component22:57

    Bagian ini menjelaskan bagaimana cara menggunakan High Order Component Pada react js sehingga kita bisa mengerti kapan bisa  melakukan HOC

  • Build Project - Penjelasan1:29

    Menjelaskan bagaimana melakukan build pada react-js dan dengan mudah bisa melakukan upload pada hosting

  • Upload Ke Hosting5:05

    Upload Hosting React JS

Requirements

  • This Course Also Need understand javascipt basic

Description

(Legacy - Sebagian Besar Materi Sudah Outdated Untuk Materi Terbaru Bisa Di Cek Di Profile Saya)

Dalam pembelajaran ini, kita akan fokus pada penggunaan React JS sebagai aplikasi frontend yang sangat fleksibel. React JS adalah sebuah library yang dikembangkan oleh Facebook dan sangat populer di kalangan pengembang yang sudah mahir. Penggunaan React JS telah menjadi standar dalam industri pengembangan web modern.


Salah satu kelebihan utama dari React JS adalah kemampuannya dalam memisahkan komponen-komponen menjadi bagian-bagian yang lebih kecil, sehingga memudahkan pengembangan dan pemeliharaan kode. Dengan pendekatan ini, kita dapat membangun aplikasi yang terstruktur dengan lebih efisien.


React JS juga menawarkan kemampuan untuk mengelola keadaan (state) dalam aplikasi. Keadaan ini memungkinkan kita untuk mengatur data dan mengubah tampilan aplikasi sesuai dengan perubahan data tersebut. Ini memberikan pengalaman pengguna yang lebih interaktif dan responsif.


Pada kurikulum pembelajaran ini, kita akan mempelajari beberapa konsep dasar React JS, termasuk pengenalan JSX, komponen, props, state, metode siklus hidup (lifecycle method), helper, dan penggunaan layanan serta permintaan React. Selain itu, kita juga akan belajar tentang High Order Component (HOC), yang memungkinkan kita untuk menggabungkan fungsionalitas dari beberapa komponen menjadi satu.


Dalam pembelajaran ini, kami ingin memberi pemahaman yang solid tentang penggunaan dasar React JS dan mempersiapkan Anda untuk mengembangkan aplikasi frontend yang fleksibel dan interaktif. Namun, penting untuk diingat bahwa informasi yang disajikan dalam kurikulum ini mungkin sudah tidak terbaru. Untuk informasi terbaru, disarankan untuk mengunjungi profil kami atau mencari sumber-sumber yang lebih mutakhir.

Kurikulum Yang akan diajarkan :

1. Intro JSX

2. Component

3. Props

4. State

5. Lifecycle Method

6. Helper

7. Request React & Services

8. High Order Component

9.Create Production

Who this course is for:

  • Beginer On Javascript And React JS Programming
  • Full stack developer who does not use react before