KembaliFront-end Development Dengan React JS

Kursus

Front-end Development Dengan React JS

Memuat progres…

Bab 01 · Prolog

Intro Apa itu React JS?

Bab 02 · The Basics

Membuat UI Dengan JavaScript Membuat UI Dengan React JS Perbedaan Antara React.js Dan React.dom.js Fragment Nested Element Mengenal JSX Dan Babel Bagaimana Babel Bekerja?Lebih Lanjut Soal JSX React Component Rendering Rekap The Basics

Bab 03 · The Essentials

Setup Environment Project Baru Setup Babel Dan Dependencies Lainnya Menjalankan Babel Dan Lite Server Secara Bersamaan Styling React Element: Inline Style Styling React Element: External Style Event Handling State Dan Reactivity Component Lifecycle Component Lifecycle Bag. 2 Component Lifecycle Bag. 3 Conditional Rendering Conditional Rendering Bag. 2 Conditional Rendering Bag. 3 Conditional Rendering Bag. 4 Manipulasi DOM di React React Hooks Lists Dan Keys Forms Forms Bag. 2 Data Fetching Sinkronasi Data Fetching Dengan UI Membuat Aplikasi Todo List Membuat Aplikasi Todo List Bag. 2 Membuat Aplikasi Todo List Bag. 3 Membuat Aplikasi Todo List Bag. 4 Membuat Aplikasi Todo List Bag. 5 Membuat Aplikasi Todo List Bag. 6 Membuat Aplikasi Todo List Bag. 7 Rekap The Essentials

Bab 04 · The Toolchain

Mengenal Tool Create React App (CRA)Init Project React Dengan CRA Memahami Isi Project React Dengan CRA Membuat Component di File Terpisah (SoC)Membuat Component di File Terpisah (SoC) Bag. 2 Menghilangkan Warning ESLint Membuat Component di File Terpisah (SoC) Bag. 3 Styling di CRA Memahami Static File (Assets)Memindahkan Kode di Codebase Lama Ke CRA Build CRA Untuk Production Rekap The Toolchain

Bab 05 · The Router

Mengenal React Router Install React Router Membuat Basic Route Bagaimana React Router Bekerja?Membuat Nested Route Membuat Nested Route Bag. 2 Mengambil Parameter di URL Membuat 'No Match' Route Redirect Programmatically

Bab 06 · The Final Project & Deployment

Init Project Baru Dengan CRA Membuat Halaman Untuk Website Membuat Konten Untuk Beberapa Halaman Mengambil Data Dari API Untuk Halaman Blog Membuat Halaman Detail Blog Mengambil Data Dari API Untuk Halaman Detail Blog Membuat Halaman 404 Memberikan Style Pada Website Memberikan Style Pada Website Bag. 2 Memberikan Style Pada Website Bag.3 Memberikan Style Pada Website Bag. 4 Memperbaiki Horizontal Scrolling Menyesuaikan Judul Setiap Halaman Deploy Project Ke Netlify: Method 1 Deploy Project Ke Netlify: Method 2 Penutup

The Toolchain

Memindahkan Kode di Codebase Lama Ke CRA

Konten terkunci

Masuk untuk lanjut belajar

Buat akun gratis atau masuk untuk membuka sisa pelajaran ini dan menyimpan progresmu.

Masuk Daftar gratis

Gratis selamanya Progres tersimpan