Angular adalah development platform untuk membuat reactive Single-Page-Application menggunakan HTML dan TypeScript.
Sebagai development platform, Angular memiliki fitur
- Component-based framework untuk membuat scalable web app.
- Koleksi library yang terintegrasi dengan fitur yang luas, seperti: routing, forms management, client-server communication, dan lainnya.
- Developer tools yang membantu Anda dalam develop, build, test, dan update code.
Angular dapat digunakan baik oleh single-developer ataupun skala enterprise.
Untuk dapat mengikuti tutorial dengan baik diharapkan Anda sudah memahami
- HTML
- JavaScript
- TypeScript
Silakan menggunakan Text Editor favorit Anda, pada tutorial digunakan VIsual Studio Code, bisa download disini.
Pada Tutorial Angular Part 1 ini akan dibahas topik dasar seperti berikut:
- Instalasi dan Project Setup
- Memahami Struktur File Angular
- Menggunakan Bootstrap Pada Project Angular
- Membuat Angular Component
- Menggunakan Component HTML Template
- Menggunakan Style Pada Angular Component
- Menggunakan Angular Component Selector
- Data Binding – String Interpolation
- Data Binding – Property Binding
- Event Binding Pada Angular
- Two-way Binding Pada Angular
- Pengenalan Angular Directive
- Directive Built-in ngIf
- Directive Built-in ngStyle
- Directive Built-in ngClass
- Directive Built-in ngFor
- Directive Built-in ngSwitch
- Membuat Custom Directive – Part 1
- Membuat Custom Directive – Part 2
- Membuat Custom Directive – Part 3
- Membuat Custom Directive – Part 4
- Membuat Custom Directive – Part 5
- Membuat Custom Directive – Part 6
- Angular Routing – Part 1
- Angular Routing – Part 2
- Angular Routing – Part 3
- Angular Routing – Part 4
- Angular Observable – Part 1
- Angular Observable – Part 2
- Angular Observable – Part 3
- Angular Observable – Part 4
- Angular Observable – Part 5
- Angular Forms – 1
- Angular Forms – 2
- Angular Forms – 4
- Angular Forms – 5
- Angular Forms – 6
- Angular Forms – 6
- Angular Forms – 7
- Angular Reactive Forms – 1
- Angular Reactive Forms – 2
- Angular Reactive Forms – 3
- Angular Reactive Forms – 4
- Angular Reactive Forms – 5
- Angular Reactive Forms – 6
- Angular Reactive Forms – 7
- Angular Reactive Forms – 8
- Angular Reactive Forms – 9
- Kesimpulan: Membuat Web App Menggunakan Angular Part 1
3 thoughts on “Membuat Web App Menggunakan Angular – 1”