🅰️ AngularJS Complete Course Outline (with Two Real Projects)
🅰️ AngularJS Complete Course Outline (with Two Real Projects)
အောက်တွင်ဖော်ပြထားသည်မှာ Angular Course Outline ဖြစ်ပြီး –
👉 E-Commerce Project နှင့်
👉 News Application Project
တစ်ခုချင်းစီအတွက် Functionality အပြည့်အစုံ ပါဝင်သည့် မြန်မာလို အသေးစိတ်သင်တန်းအစီအစဉ် (Course Curriculum) ဖြစ်ပါတယ်။
📌 Frontend Development using AngularJS Framework (v19.x)
JavaScript vs AngularJS
Single Page Application (SPA) Concept
AngularJS Architecture – MVC/MVVM Pattern
Setup AngularJS Project (CDN / Local)
Basic HTML Template Binding with AngularJS
ng-app, ng-controller, ng-model
Expressions – Data Binding ({{ }})
Directives – ng-if, ng-show, ng-hide, ng-repeat, ng-class
Filters – currency, date, uppercase, custom filter
Event Handling – ng-click, ng-submit, ng-change
$scope Object & Data Sharing
Custom Controller Creation
Passing Data between Controllers
Nested Controllers
What is a Service?
$http Service – GET, POST, PUT, DELETE
API Integration with Backend (Spring Boot)
Promises – .then() & .catch()
Custom Services (Factory vs Service)
ngRoute Module Installation
Configure $routeProvider
Creating Multiple Views/Pages
Route Parameters & Dynamic Pages
AngularJS Forms – ng-form, ng-submit
Built-in Validations – required, ng-minlength, ng-pattern
Showing Error Messages Dynamically
Two-Way Binding with Form Fields
Submit & Reset Controls
Create AngularJS frontend for managing products (or users)
Connect with Spring Boot API via $http
Display list, search, create, edit, delete data
Home Page with Product Listings
Product Detail Page (Dynamic Routing)
Add to Cart Functionality
Shopping Cart View with Quantity Control
Checkout Page with Form Validation
Contact Us / Help Pag
Responsive Design with Bootstrap
Backend API Integration (Spring Boot REST API)
Dynamic Routing with Parameters
$http Service for REST API (GET Products, POST Orders)
Local Storage for Cart Persistence
Form Validation for Checkout
Bootstrap Modal Integration (Product Preview, Confirmation)
Home Page with Latest News Articles
Category-based Filtering (Business, Tech, Sports, etc.)
News Detail View (Read More)
Search News Function
Admin Panel (Optional – Create, Edit, Delete News)
Responsive Layout with Navbar/Sidebar
API Consumption from News API or Custom Spring Boot API
Dynamic Routing by Category/ID
Real-Time Search with ng-model & Filters
Pagination / Infinite Scroll (Optional)
News Form with Rich Text Editor (Admin)
Deploy AngularJS App to GitHub Pages / Hosting
Folder Structure Best Practices
Environment Config (API Base URL)
Minifying / Optimizing AngularJS Code