Brainmatics

Web Application Development with AngularJS 2

SKILL REQUIREMENTS
1. Menguasai dasar pemrograman PHP & MySQL, HTML, dan Javascript.

CONTENT
1. Writing Angular 2 Web Application

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

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
    2.7. Wrapping

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
    5.8. Wrapping Up

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

11. Testing

    11.1. End-to-end vs. Unit Testing
    11.2. Testing tools
    11.3. Writing unit tests
    11.4. Angular2 Unit testing framework
    11.5. Setting Up Testing
    11.6. Testing Services and HTTP
    11.7. Testing Components
    11.8. Testing Forms
    11.9. Testing HTTP requests

12. Create Reporting

    12.1. Creating a PDF with PDFLib or ClibPDF
    12.2. Creating CSV with PHP
    12.3. Creating Reporting Dynamic to Excel

13. Using reCAPTCHA
14. PHP QR Code

 

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 mengembangan banyak project dan juga aktif mengisi beberapa workshop dan training seputar dunia PHP dan Java baik di perusahaan, kampus maupun umum.