|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/angular-12-angular-crud-untuk-pemula/
课程评论:没有评论
**课程名称**: Angular 12 - Angular CRUD for Beginners (Angular 12 - Angular CRUD 入门) **课程概述**: 本课程适合所有希望学习 Angular 并立志成为前端开发者的学员。通过本课程,您将学习如何使用 Angular 构建单页应用程序 (SPA)。您将创建包含多个页面组件的网站,包括:主页、显示数据的列表页面、创建新数据、修改数据和删除数据。此外,您还将学习如何在前端处理 CORS 跨域问题。为了简化设计,我们将使用 Bootstrap 5、Sweet Alert 2 和 Font Awesome 作为依赖。课程提供两个后端项目(Express JS 和 Spring Boot)作为 RESTful API,供您调用。 **课程内容**: * 创建、构建和运行 Angular 项目 * Angular 组件 * 添加新数据 * 使用 Bootstrap 设计输入页面 * 数据绑定 * 调用 POST API * 路由 * 在表格中显示列表 * 获取所有数据 * 可重用输入组件 * 更新数据 * 设计简单的首页 * 轻松创建吸引人的首页 * 警告和通知 * 美观的警告框 * 可重用警告组件 * 删除数据 * 使用 ID 删除数据 * Async Await (等待确定性) * **附加 (后端项目)**: * Spring Boot RESTful CRUD API 项目(作为后端支持) * Node.js Express RESTful CRUD API 项目(作为后端支持) **所需工具**: * Node.js * Visual Studio Code * 浏览器 * MySQL * JDK 8 (如果想使用 Spring Boot) **致谢**: 请随时提问。祝您学习愉快!
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:Buat, Build, RunPendahuluanInstallasi, Buat, Build, RunComponentMenambahkan Data BaruDesign Halaman Input Menggunakan BootstrapData BindingMemanggil POST APIRouterRouterMenampilkan List Pada TableGet All CarReusable Input ComponentUpdate DataDesign Home Page SederhanaMembuat Homepage yang menarik dengan mudahAlert dan NotifikasiAlert yang ManisReusable Alert ComponentMenghapus DataMenghapus Data Menggunakan IDAsync Await (Menunggu Kepastian)Bonus (Back End Project ):Spring Boot Restfull CRUD API Project sebagai back end (Pendukung).Node js Express Restfull CRUD API Project sebagai back end (Pendukung).Tools:NODE JSVISUAL STUDIO CODEBROWSERMySQL JDK 8 (Jika ingin menggunakan Spring - Boot)Jangan sungkan untuk bertanya, terimakasih~ Selamat Belajar~