Angular 12 - Angular CRUD untuk Pemula

Kursus ini sangat bagus untuk semua yang ingin belajar Angular dan bercita - cita untuk menjadi Front - End Developer.

Pada kursus kali ini, kita akan belajar bagaimana cara membuat Single Page Application (SPA) menggunakan Angular.

Teman - teman akan membuat Sebuah Website yang memiliki beberapa komponent halaman, antara lain Home Page, Halaman List untuk menampilkan data, membuat data baru, merubah data, dan menghapus data, serta melakukan handling pada CORS ORIGIN dari FRONT END.

Untuk mempermudah kita melakukan design, kita akan menggunakan Bootstrap 5, Sweet Alert 2 dan Font Awesome sebagai dependency.

Saya sudah menyiapkan dua project Back End dengan menggunakan Express JS dan Spring Boot sebagai RESTFULL API yang akan dipanggil oleh website yang kita buat.

Materi :

1. Buat, Build, Run

   1. Pendahuluan

   2. Installasi, Buat, Build, Run

   3. Component

2. Menambahkan Data Baru

   1. Design Halaman Input Menggunakan Bootstrap

   2. Data Binding

   3. Memanggil POST API

3. Router

   1. Router

4. Menampilkan List Pada Table

   1. Get All Car

5. Reusable Input Component

   1. Update Data

6. Design Home Page Sederhana

   1. Membuat Homepage yang menarik dengan mudah

7. Alert dan Notifikasi

   1. Alert yang Manis

   2. Reusable Alert Component

8. Menghapus Data

   1. Menghapus Data Menggunakan ID

   2. Async Await (Menunggu Kepastian)

Bonus (Back End Project ):

1. Spring Boot Restfull CRUD API Project sebagai back end (Pendukung).

2. Node js Express Restfull CRUD API Project sebagai back end (Pendukung).

Tools :

1. NODE JS

2. VISUAL STUDIO CODE

3. BROWSER

4. MySQL

5. JDK 8 (Jika ingin menggunakan Spring - Boot)

Jangan sungkan untuk bertanya, terimakasih~ Selamat Belajar~