Skip to main content
pelatihan
.org
Learn. Practice. Grow.
Category
EN
Sign in
Sign up
Menu
AngularJS Curriculum: 3 Chapters, 26 Lessons — pelatihan.org
Home
/
Catalog
/
AngularJS
/
Curriculum
Curriculum
AngularJS Curriculum
Learn AngularJS online with 26 structured lessons, code examples, and 130 quiz questions.
26 lessons
3 chapters
130 questions
Summaries and key points are free to preview. Full lessons, code examples, and quizzes require a subscription.
01
Tutorial
25 lessons
01
AngularJS HOME
This page is the parent material to AngularJS, the first-generation JavaScript framework from Google that was popular around the 2010s. AngularJS introduced the concept of…
02
AngularJS Intro
AngularJS was introduced as a framework to create dynamic HTML applications with simple MVC patterns. You write declarations in HTML using the ng-* attribute while logic is…
03
AngularJS Expressions
AngularJS expressions are written with two curly braces and are evaluated against current scope. Expressions can be computations, property of objects, even calling the controller…
04
AngularJS Modules
The module is the container for organizing the AngularJS application, where you register controllers, services, filters, and directives. One application can have multiple modules…
05
AngularJS Directives
Directives are special HTML attributes that instruct AngularJS to modify elements. In addition to the built-in directives like ng-repeat and ng-show, you can create your own…
06
AngularJS Model
The ng-model directive binds form elements such as input, select, and textarea to values on $scope, so there is a two-way change in the data. When a user types, the model value…
07
AngularJS Data Binding
AngularJS supports two-way data binding where views and models automatically synchronize with each other. Whenever there's a change, the digest cycle will evaluate all the…
08
AngularJS Controllers
The AngularJS controller contains JavaScript functions that govern data and behavior for a display part. You paste it into HTML with the ng-controller attribute, then access the…
09
AngularJS Scopes
$scope is the object that represents the model on an application part, whereas $rootScope is the parent scope of all. The scope is hierarchically linked so that the child can…
10
AngularJS Filters
Filters in AngularJS transform values when displayed, such as changing uppercase, sorting, formatting currencies, and filtering rows. The filter is written with a pipe mark in…
11
AngularJS Services
Services in AngularJS are a single-body object that provides logic or data that can be used anywhere, such as $http, $location, and $timeout. You can create your own service with…
12
AngularJS Http
Service $http uses AngularJS to communicate with servers, both GET and POST. Because AngularJS follows a promise pattern, responses are handled in the success/error (former) or…
13
AngularJS Tables
Displaying tabular data is easily done by ng-repeating on the <table> element. You can combine it with filters for search and orderBy for sequencing. That way, users can filter…
14
AngularJS Select
Select elements in AngularJS can be filled with ng-repeat on <option> or using special directives ng-options. ng-options are more flexible because they support labels and values…
15
AngularJS SQL
This material shows the general pattern AngularJS communicates with the PHP/MySQL backend. Since the browser cannot access the database directly, AngularJS sends a $http request…
16
AngularJS DOM
AngularJS provides directives to control DOM displays such as ng-show, ng-hide, ng-if, ng-class, and ng-style. Unlike manual DOM manipulation with jQuery, you're pretty much…
17
AngularJS Events
AngularJS events are written as attributes such as ng-click, ng-dblclick, ng-mouseover, and ng-submit. Each handler executes an expression against the scope, for example adding…
18
AngularJS Forms
HTML forms become interactive in AngularJS through ng-model, ng-submit, and ng-disabled attributes. You can turn off the button when the form is not complete and display messages…
19
AngularJS Validation
AngularJS validation works automatically thanks to attributes on inputs such as required, type=email, and minlength. AngularJS automatically adds CSS classes (valid, invalid,…
20
AngularJS API
AngularJS provides a suite of service APIs such as $window, $timeout, $interval, and $location that wrap browser objects. By wrapping it through service, the code becomes easier…
21
AngularJS W3.CSS
This material combines AngularJS with the W3.CSS class to quickly beautify the look without writing much CSS. You use an inbuilt class on an HTML element, and then you combine it…
22
AngularJS Includes
The ng-include directive allows you to insert another HTML file into a page, so that parts like header or footer do not need to be rewritten. The src value can be either a static…
23
AngularJS Animations
Animation in AngularJS is generally created by combining ngAnimate directives and CSS transition. When the element enters or exits, ngAnimate adds a transition class so that the…
24
AngularJS Routing
Routing allows AngularJS applications to change the view based on the URL without reloading the page. The ngRoute module provides ng-view as a template container, and the…
25
AngularJS Application
This material brings together the various concepts of AngularJS in one mini-app, such as a simple ATM application or a savings calculator. You'll see how modules, controllers,…
02
Examples
1 lessons
01
AngularJS Examples
The example page closes the AngularJS material with a set of code snippets that combine various directives, filters, and services. From trying this example you can see real usage…