Brainmatics

Angular Development

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

Dengan Angular 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.

CONTENT

1. Writing Your First Angular Web Application

1.1. Getting started
1.2. Special instruction for Windows users
1.3. Running the application
1.4. Adding Data to the Component
1.5. Working with Arrays
1.6. Using the User Item Component
1.7. Bootstrapping Crash Course
1.8. Expanding our Application
1.9. Rendering Multiple Rows
1.10. Deployment

2. TypeScript

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

3. How Angular Works

3.1. Application
3.2. Components
3.3. Component Decorator
3.4. The ProductsListComponent
3.5. NgModule and Booting the App
3.6. Deploying the App
3.7. A Word on Data Architecture

4. Built-in Directives

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

5.1. Forms are Crucial, Forms are Complex
5.2. FormControls and FormGroups
5.3. Our First Form
5.4. Using FormBuilder
5.5. Reactive Forms with FormBuilder
5.6. Adding Validations
5.7. Watching For Changes
5.8. ngModel

6. Dependency Injection

6.1. Injections Example: PriceService
6.2. Dependency Injection Parts
6.3. Playing with an Injector
6.4. Providing Dependencies with NgModule
6.5. Providers
6.6. Dependency Injection in Apps HTTP
6.7. Using @angular/common/http
6.8. A Basic Request
6.9. Writing a YouTubeSearchComponent
6.10. @angular/common/http API

7. Routing

7.1. Why Do We Need Routing?
7.2. How client-side routing works
7.3. Writing our first routes
7.4. Components of Angular routing
7.5. Configuring the Routes
7.6. Routing Strategies
7.7. Running the application
7.8. Using Inheritance to Customize Frames
7.9. Route Parameters

8. Data Architecture in Angular

8.1. An Overview of Data Architecture

9. Data Architecture with Observables – Part 1: Services

9.1. Observables and RxJS
9.2. Chat App Overview
9.3. Implementing the Models
9.4. Implementing UsersService
9.5. The MessagesService
9.6. The ThreadsService

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

10.1. Building Our Views: The AppComponent Top-Level Component
10.2. The ChatThreadsComponent
10.3. The Single ChatThreadComponent
10.4. The ChatWindowComponent
10.5. The ChatMessageComponent
10.6. The ChatNavBarComponent