Brainmatics

Web Application Development with AngularJS

AngularJS adalah sebuah framework javascript yg dikembangkan atau dibangun oleh tim google. AngularJS menggunakan metode MVC yang membuat source code aplikasi kita menjadi bersih dan mudah dikembangkan, sampai saat ini AngularJS sudah menjadi salah satu framework javascript yang paling populer dan sangat banyak digunakan oleh para developer di seluruh dunia untuk membangun aplikasi. Kehandalan dari AngularJS sendiri tidak bisa diragukan lagi, salah satu faktor nya karena dikembangkan oleh para tim ahli google.

Dengan AngularJS peserta diharapkan mampu menguasai elemen elemen baru yang dimengerti oleh browser seperti draggable yang berfungsi agar elemen bisa di drag dan zippy yang bisa membuat akordion.

 

OBJECTIVES

 

AUDIENCE

 

PREREQUISITES

 

CONTENT

1. Writing Angular 2 Web

1.1. Simple Reddit Clone
1.2. Getting started
1.3. Our First TypeScript
1.4. Running The App
1.5. Adding Data to the Component
1.6. Working with arrays
1.7. Expanding our Application
1.8. Rendering Multiple Rows
1.9. Adding New Articles
1.10. Finishing Touches
1.11. Full Code Listing

2. TypeScript

2.1. Angular 2 is built in TypeScript
2.2. What do we get with TypeScript?
2.3. Types
2.4. Built-in types
2.5. Classes
2.6. Utilities

3. How Angular Works

3.1. Application
3.2. Product Model
3.3. Components
3.4. Component Decorator
3.5. The ProductsList Component
3.6. The ProductRow Component
3.7. The ProductImage Component
3.8. The PriceDisplay Component
3.9. The ProductDepartment Component
3.10. The Completed Project
3.11. A Word on Data Architecture

4. Built-in Components

4.1. Introduction
4.2. NgIf
4.3. NgSwitch
4.4. NgStyle
4.5. NgClass
4.6. NgFor
4.7. NgNonBindable

5. Forms in Angular 2

5.1. Forms are Crucial, Forms are Complex
5.2. Controls and Control Groups
5.3. Our First Form
5.4. Using FormBuilder
5.5. Adding Validations
5.6. Watching For Changes
5.7. ngModel

6. Data Architecture in Angular 2

6.1. An Overview of Data Architecture

7. Data Architecture with Observables – Part 1: Services

7.1. Observables and RxJS
7.2. Chat App Overview
7.3. Implementing the Models
7.4. Implementing UserService
7.5. The MessagesService
7.6. The ThreadsService

7.7. Data Model Summary

8. Data Architecture with Observables – Part 2: View Components

8.1. Building Our Views: The ChatApp Top-Level Component
8.2. The ChatThreads Component
8.3. The Single ChatThread Component
8.4. The ChatWindow Component
8.5. The ChatMessage Component
8.6. The ChatNavBar Component

9. HTTP

9.1. Introduction
9.2. Using angular2/http
9.3. A Basic Request
9.4. Writing a YouTubeSearchComponent
9.5. angular/http API

10. Routing

10.1. Why routing?
10.2. How client-side routing works
10.3. Writing our first routes
10.4. Components of Angular 2 routing
10.5. Putting it all together
10.6. Routing strategies
10.7. Path location strategy
10.8. Running the application
10.9. Route Parameters
10.10. Music Search App
10.11. Router Lifecycle Hooks
10.12. Nested routes

11. Converting an Angular 1 App to Angular 2

11.1. Peripheral Concepts
11.2. What We’re Building
11.3. Mapping Angular 1 to Angular 2
11.4. Requirements for Interoperability
11.5. The Angular 1 App
11.6. Building A Hybrid

12. Testing

12.1. Test driven?
12.2. End-to-end vs. Unit Testing
12.3. Testing tools
12.4. Writing unit tests
12.5. Angular2 Unit testing framework
12.6. Setting Up Testing
12.7. Testing Services and HTTP
12.8. Testing Components
12.9. Testing Forms
12.10. Testing HTTP requests

 

INSTRUCTOR

imam-mudzakirMuhammad Imam Mudzakkir. Menyelesaikan program S1 Teknik Informatika di Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta pada tahun 2013. Menguasai bahasa pemrograman PHP, PHP Framework (CodeIgniter, Yii, Laravel, Symphony, CakePHP), Java, dan RDBMS (MySQL, Microsoft SQL, SQL Server dan PostgreSQL). Saat ini aktif mengembangkan banyak project dan juga aktif mengisi beberapa workshop dan training seputar dunia PHP dan Java baik di perusahaan, kampus maupun umum.