Angular 12 - Angular CRUD untuk Pemula

🌟 Angular 12 - Angular CRUD untuk Pemula 🌟

Ketentuan Kursus:

• Tujuan: Membangun sebuah Single Page Application (SPA) dengan menggunakan Angular 12.
• Audiens: Semua yang berkeinginan untuk belajar Angular dan membangkitkan karir sebagai Front-End Developer.
• Kemampuan yang Diajarkan: Membuat komponent halaman, menambahkan data baru, menggunakan router, menampilkan list data, dan handling CORS ORIGIN dari frontend.
• Framework & Library: Menggunakan Bootstrap 5 untuk desain UI, Sweet Alert 2 untuk notifikasi, dan Font Awesome untuk ikon.
• Proyek Back End: Sudah siap dua proyek back end dengan menggunakan Express JS dan Spring Boot sebagai API RESTFULL.

Materi Kursus:

1. Pendahuluan Angular 12

   • Installasi dan konfigurasi LTS versi
   • Cara membuat aplikasi baru dengan Angular CLI
   • Proses build dan run aplikasi

2. Komponen Halaman

   • Memahami komponen dasar
   • Pemodelan data dan binding data

3. Tambahkan Data Baru:

   • Menggunakan Bootstrap untuk desain halaman input
   • Implementasi form dan handling data pada frontend
   • Memanggil API POST untuk menambahkan data ke back end

4. Routing dalam Angular:

   • Konfigurasi dan implementasi router

5. Menampilkan List Data:

   • Mengambil data dari API dan menampilkannya dalam tabel

6. Component Input yang Dapat Di-reuse

   • Membuat component input yang reusable untuk memudahkan pembaruan data

7. Desain Home Page Sederhana:

   • Membuat halaman utama yang menarik dan mudah digunakan

8. Alert dan Notifikasi:

   • Menggunakan Sweet Alert untuk notifikasi yang interaktif
   • Membuat komponen alert yang dapat di-reuse

9. Hapus Data:

   • Menghapus data dengan menggunakan ID
   • Pemanfaatan Async/Await untuk menunggu hasil operasi

Proyek Back End Bonus (Pendukung):

1. Project API Spring Boot:

   • Struktur CRUD dengan Spring Boot sebagai back end

2. Project API Express JS:

   • Struktur CRUD dengan Node js dan ExpressJS sebagai back end

Alat dan Lingkungan Pengembangan:

1. Node.js
2. Visual Studio Code
3. Browser yang Kompatibel
4. MySQL
5. JDK 8 (jika diperlukan untuk Spring Boot)

🤖 Catatan Penting:

• Jangan ragu untuk bertanya selama kursus ini. Semua pertanyaan sangat terima kasih!
• Selamat menikmati perjalanan belajar Angular dengan saya, Muhammad Ananda Pratama. Teruslah bersemangat dan semoga sukses dalam karir yang akan datang~

Selamat mencoba kursus ini! Mari bersama-sama membangun keahlian Anda sebagai Front-End Developer dengan Angular 12. 🚀✨