Lewati ke konten utama
pelatihan
.org
Belajar. Praktik. Berkembang.
Kategori
ID
Masuk
Daftar
Menu
Kurikulum AngularJS: 3 Bab, 26 Lesson — pelatihan.org
Beranda
/
Katalog
/
AngularJS
/
Kurikulum
Kurikulum
Kurikulum AngularJS
Belajar AngularJS online lewat 26 lesson terstruktur, contoh kode, dan 130 soal kuis.
26 lesson
3 bab
130 soal
Ringkasan dan poin kunci bisa dilihat gratis. Materi lengkap, contoh kode, dan kuis memerlukan langganan.
01
Tutorial
25 lesson
01
AngularJS HOME
Halaman ini adalah induk materi AngularJS, framework JavaScript generasi pertama dari Google yang populer sekitar 2010-an. AngularJS memperkenalkan konsep dua arah binding,…
02
AngularJS Intro
AngularJS diperkenalkan sebagai framework untuk membuat aplikasi HTML dinamis dengan pola MVC yang sederhana. Kamu menulis deklaratif di HTML lewat atribut ng-* sementara logika…
03
AngularJS Expressions
Ekspresi AngularJS ditulis dengan dua kurung kurawal {{ ekspresi }} dan dievaluasi terhadap scope saat ini. Ekspresi bisa berupa perhitungan, properti objek, bahkan memanggil…
04
AngularJS Modules
Module adalah wadah untuk mengorganisasi aplikasi AngularJS, tempat kamu mendaftarkan controller, service, filter, dan direktif. Satu aplikasi bisa memiliki beberapa module…
05
AngularJS Directives
Directives adalah atribut HTML khusus yang memberi instruksi pada AngularJS untuk memodifikasi elemen. Selain direktif bawaan seperti ng-repeat dan ng-show, kamu bisa membuat…
06
AngularJS Model
Direktif ng-model mengikat elemen form seperti input, select, dan textarea ke nilai pada $scope, sehingga terjadi dua arah perubahan data. Ketika pengguna mengetik, nilai model…
07
AngularJS Data Binding
AngularJS mendukung dua arah data binding di mana view dan model saling menyinkronkan otomatis. Setiap kali ada perubahan, siklus digest akan mengevaluasi semua binding dan…
08
AngularJS Controllers
Controller AngularJS berisi fungsi JavaScript yang mengatur data dan perilaku untuk sebuah bagian tampilan. Kamu menempelkannya ke HTML dengan atribut ng-controller, lalu…
09
AngularJS Scopes
$scope adalah objek yang merepresentasikan model pada suatu bagian aplikasi, sedangkan $rootScope adalah scope induk dari semuanya. Scope berhubungan secara hierarkis sehingga…
10
AngularJS Filters
Filters di AngularJS mentransformasi nilai saat ditampilkan, misalnya mengubah huruf besar, mengurutkan, memformat mata uang, dan memfilter larik. Filter ditulis dengan tanda…
11
AngularJS Services
Service dalam AngularJS adalah objek singleton yang menyediakan logika atau data yang bisa dipakai di mana saja, misalnya $http, $location, dan $timeout. Kamu bisa membuat…
12
AngularJS Http
Service $http digunakan AngularJS untuk berkomunikasi dengan server, baik GET maupun POST. Karena AngularJS mengikuti pola promise, respons ditangani di blok success/error…
13
AngularJS Tables
Menampilkan data tabular mudah dilakukan dengan ng-repeat pada elemen <table>. Kamu bisa menggabungkan dengan filter untuk pencarian dan orderBy untuk pengurutan. Dengan begitu,…
14
AngularJS Select
Elemen select dalam AngularJS dapat diisi dengan ng-repeat pada <option> atau menggunakan direktif khusus ng-options. ng-options lebih fleksibel karena mendukung label dan nilai…
15
AngularJS SQL
Materi ini menunjukkan pola umum AngularJS berkomunikasi dengan backend PHP/MySQL. Karena browser tidak bisa mengakses database secara langsung, AngularJS mengirim request $http…
16
AngularJS DOM
AngularJS menyediakan direktif untuk mengontrol tampilan DOM seperti ng-show, ng-hide, ng-if, ng-class, dan ng-style. Berbeda dengan manipulasi DOM manual dengan jQuery, kamu…
17
AngularJS Events
Event AngularJS ditulis sebagai atribut seperti ng-click, ng-dblclick, ng-mouseover, dan ng-submit. Setiap handler menjalankan ekspresi terhadap scope, misalnya menambah nilai…
18
AngularJS Forms
Form HTML menjadi interaktif di AngularJS melalui atribut ng-model, ng-submit, dan ng-disabled. Kamu bisa menonaktifkan tombol ketika form belum lengkap serta menampilkan pesan…
19
AngularJS Validation
Validasi AngularJS bekerja otomatis berkat atribut pada input seperti required, type=email, dan minlength. AngularJS menambahkan kelas CSS secara otomatis (ng-valid, ng-invalid,…
20
AngularJS API
AngularJS menyediakan serangkaian service API seperti $window, $timeout, $interval, dan $location yang membungkus objek browser. Dengan membungkusnya lewat service, kode menjadi…
21
AngularJS W3.CSS
Materi ini memadukan AngularJS dengan kelas W3.CSS untuk mempercantik tampilan secara cepat tanpa menulis banyak CSS. Kamu memakai class bawaan W3.CSS pada elemen HTML, lalu…
22
AngularJS Includes
Direktif ng-include memungkinkan kamu menyisipkan berkas HTML lain ke dalam halaman, sehingga bagian seperti header atau footer tidak perlu ditulis berulang. Nilai src bisa…
23
AngularJS Animations
Animasi dalam AngularJS umumnya dibuat dengan menggabungkan direktif ngAnimate dan CSS transition. Saat elemen masuk atau keluar, ngAnimate menambahkan kelas transisi sehingga…
24
AngularJS Routing
Routing memungkinkan aplikasi AngularJS berganti tampilan berdasarkan URL tanpa memuat ulang halaman. Modul ngRoute menyediakan ng-view sebagai wadah template, dan $routeProvider…
25
AngularJS Application
Materi ini menyatukan berbagai konsep AngularJS dalam satu aplikasi mini, misalnya aplikasi ATM sederhana atau kalkulator tabungan. Kamu akan melihat bagaimana module,…
02
Examples
1 lesson
01
AngularJS Examples
Halaman contoh menutup materi AngularJS dengan kumpulan potongan kode yang menggabungkan berbagai direktif, filter, dan service. Dari mencoba contoh ini kamu bisa melihat pola…