Front-end Development Dengan React JS

React JS memiliki ekosistem yang sangat besar dan memiliki komunitas yang aktif, sangat direkomendasikan mempelajari React JS bila ingin menjadi seorang front-end developer.

Front-end Development Dengan React JS
Front-end Development Dengan React JS
Waktu Belajar

~8 jam

Video

79 Video

Kualitas Video

High Definition

Harga

Gratis

Muhamad Nauval Azhar
Indie Developer

Seseorang dibalik Kodinger.com, pembuat Getstisla.com, dan ngoding sejak 13 tahun.

Deskripsi

React JS memiliki ekosistem yang sangat besar dan memiliki komunitas yang aktif, sangat direkomendasikan mempelajari React JS bila ingin menjadi seorang front-end developer.

Apa yang akan kamu pelajari

Kamu akan mempelajari beberapa hal:

  • Menguasai fundamental React JS
  • Memahami konsep-konsep penting React JS
  • Membuat user-interface dengan React JS
  • Membuat website SPA

Persyaratan

Sebelum mengikuti kursus, kamu harus memenuhi syarat berikut:

  • HTML
  • CSS
  • JavaScript

Pelajaran

Kursus ini terdiri dari beberapa pelajaran, diantaranya:

  • Intro
    2:04
  • Apa itu React JS?
    16:12
  • Membuat UI Dengan JavaScript
    5:58
  • Membuat UI Dengan React JS
    6:03
  • Perbedaan Antara React.js Dan React.dom.js
    4:19
  • Fragment
    6:02
  • Nested Element
    4:47
  • Mengenal JSX Dan Babel
    13:39
  • Bagaimana Babel Bekerja?
    4:03
  • Lebih Lanjut Soal JSX
    8:13
  • React Component
    8:31
  • Rendering
    7:06
  • Rekap
    7:07
  • Setup Environment Project Baru
    7:21
  • Setup Babel Dan Dependencies Lainnya
    9:13
  • Menjalankan Babel Dan Lite Server Secara Bersamaan
    6:14
  • Styling React Element: Inline Style
    4:33
  • Styling React Element: External Style
    3:46
  • Event Handling
    6:27
  • State Dan Reactivity
    14:36
  • Component Lifecycle
    11:49
  • Component Lifecycle Bag. 2
    5:45
  • Component Lifecycle Bag. 3
    8:09
  • Conditional Rendering
    3:39
  • Conditional Rendering Bag. 2
    1:36
  • Conditional Rendering Bag. 3
    3:23
  • Conditional Rendering Bag. 4
    1:28
  • Manipulasi DOM di React
    4:13
  • React Hooks
    3:00
  • Lists Dan Keys
    6:40
  • Forms
    6:09
  • Forms Bag. 2
    5:09
  • Data Fetching
    11:28
  • Sinkronasi Data Fetching Dengan UI
    6:11
  • Membuat Aplikasi Todo List
    14:04
  • Membuat Aplikasi Todo List Bag. 2
    4:13
  • Membuat Aplikasi Todo List Bag. 3
    8:55
  • Membuat Aplikasi Todo List Bag. 4
    14:10
  • Membuat Aplikasi Todo List Bag. 5
    4:41
  • Membuat Aplikasi Todo List Bag. 6
    3:49
  • Membuat Aplikasi Todo List Bag. 7
    10:49
  • Rekap
    12:47
  • Mengenal Tool Create React App (CRA)
    11:55
  • Init Project React Dengan CRA
    6:27
  • Memahami Isi Project React Dengan CRA
    7:28
  • Membuat Component di File Terpisah (SoC)
    7:10
  • Membuat Component di File Terpisah (SoC) Bag. 2
    5:28
  • Menghilangkan Warning ESLint
    0:47
  • Membuat Component di File Terpisah (SoC) Bag. 3
    4:30
  • Styling di CRA
    5:31
  • Memahami Static File (Assets)
    2:30
  • Memindahkan Kode di Codebase Lama Ke CRA
    6:47
  • Build CRA Untuk Production
    10:01
  • Rekap
    5:18
  • Mengenal React Router
    3:23
  • Install React Router
    2:47
  • Membuat Basic Route
    4:28
  • Bagaimana React Router Bekerja?
    6:13
  • Membuat Nested Route
    3:20
  • Membuat Nested Route Bag. 2
    2:35
  • Mengambil Parameter di URL
    8:11
  • Membuat 'No Match' Route
    3:14
  • Redirect Programmatically
    5:32
  • Init Project Baru Dengan CRA
    2:35
  • Membuat Halaman Untuk Website
    5:19
  • Membuat Konten Untuk Beberapa Halaman
    4:40
  • Mengambil Data Dari API Untuk Halaman Blog
    6:33
  • Membuat Halaman Detail Blog
    4:51
  • Mengambil Data Dari API Untuk Halaman Detail Blog
    9:24
  • Membuat Halaman 404
    7:03
  • Memberikan Style Pada Website
    12:50
  • Memberikan Style Pada Website Bag. 2
    4:17
  • Memberikan Style Pada Website Bag.3
    2:33
  • Memberikan Style Pada Website Bag. 4
    4:04
  • Memperbaiki Horizontal Scrolling
    4:27
  • Menyesuaikan Judul Setiap Halaman
    9:02
  • Deploy Project Ke Netlify: Method 1
    8:09
  • Deploy Project Ke Netlify: Method 2
    13:39
  • Penutup
    4:22