Ultimate Angular 2 Developer with Bootstrap 4 & TypeScript

Ultimate Angular 2 Developer with Bootstrap 4 & TypeScript
Ultimate Angular 2 Developer with Bootstrap 4 & TypeScript

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4.5 Hours | 907 MB
eLearning | Skill level: All Levels


Go from Zero to Hero with Angular 2 plus Bootstrap 4 and TypeScript!

Updated to Angular 2.0 Final Version!

In Ultimate Angular 2 with Bootstrap 4 & TypeScript course, Jon will take you on a pragmatic, hands-on and fun learning journey to Angular 2.

Within minutes, you’ll learn how to create Angular 2 applications! We will discuss the basics of the framework and guide you to setup your local development workspace. From properly creating Directives, Components, Services and Routing to actually integrating them to build your application. With Angular CLI, I’ll show you how to automate your development process. You will also learn the basics of TypeScript and how to use Bootstrap 4!

You’ll learn how to:

  • Install Node, NPM and other Angular 2 dependencies
  • Learn and use the official Angular 2.0 Production Release version!
  • Create Angular 2 archetype with Angular CLI, QuickStart, Plunker and other methods.
  • Understand the basics of Angular 2 framework.
  • Learn how to create Components, Directives, Pipes, Services and Routing.
  • Easily generate source and test files with Angular CLI
  • Familiarize yourself with Visual Studio Code IDE
  • Use and Integrate Components, Directives, Pipes, Services and Routing.
  • Understand the concept of NgModule
  • Use the built-in Attribute Directives such as ngStyle and ngClass
  • Use the built-in Structural Directives like ngIf, ngSwitch and ngFor
  • Learn the basic of TypeScript by creating a Class, Interface and Enum
  • Integrate and use Bootstrap 4 in your application.
  • Migrate your old Angular 2 RC version to the Final 2.0 Release!
+ Table of Contents

Course Introduction
1 Angular 2 Overview
2 Introduction.html
3 Angular 2 Hello World on Plunker
Angular 2 Basics Quiz.html

Angular 2 Quick Starts and Workspace Setup
4 NodeJS and Node Package ManagerNPM Installation
5 How to upgrade your NodeJS and NPM
6 Angular Quick Start Project
7 Angular CLI Installation
8 Hello World Angular 2 using Angular CLI
9 Your IDEs for Angular2
10 Angular 2 Workspace Setup
11 Exercise 1 Creating your First Angular 2 Application
Angular 2 Workspace Setup Quiz.html

Angular 2 Core Concepts
12 Angular 2 Core Components
13 Anatomy of an Angular 2 Application
Angular Basics.html

Components Directives Services Pipes and Routing
14 How to create Components
15 Using Components
16 Templates
17 How to create Directives
18 Using Directives
19 How to create Services
20 Using Services
21 Pipes Overview.html
22 How to create Pipes
23 Using Pipes
24 How to create Routing
25 Using Routes
26 Adding RouterLink
27 NgModule in Focus

TypeScript Basics
28 TypeScript Class
29 TypeScript Interface
30 Using TypeScript Interface
31 TypeScript Enum
TypeScript Basics.html

Bootstrap 4 Integration
32 Introduction to Bootstrap 4
33 Integrating Bootstrap 4 to Angular CLI
34 Integrating Bootstrap 4 to Angular 2
35 Adding Bootstrap 4 Components
36 Adding and Customizing a Bootstrap 4 Navigation Bar
37 Creating a Dashboard Page
38 Customizing Your Dashboard Using Jumbotron
Bootstrap 4 Quiz.html

Built-In Directives
39 Structural Directive 1 ngFor
40 Structural Directive 2 ngIf
41 Structural Directive 3 ngSwitch
42 Attribute Directive 1 ngStyle
43 Attribute Directive 2 ngClass

Angular 2 JSON-Server REST Web Service Setup
44 Installing and Running the POSTMAN API Tool
45 JSON Server Installation
46 Testing JSON Servers CRUD Operations with POSTMAN
47 Preparing a Custom JSON-Server API Data

Building a CRUD Application in Angular 2
48 CRUD Application Github repository.html
49 CRUD Application Overview
50 READ data using GET HTTP Method and Observable
51 READ data using ngFor
52 READ data using a Table
53 CREATE Data using POST
54 Updating data with PUT HTTP Method
55 DELETE data with DELETE HTTP Method
56 Adding a Simple Spinner Loader
57 Auto-Refresh Data Table
58 Add a Simple Modal

Forms
59 Simple Form and Field Validation
60 How to Create a Form using ngForm
61 Form Customization with Grid Classes Placeholder and ReadOnly
62 Angular 2 CSS Classes
63 Template Reference Variable
64 Custom Form Validation
65 Angular 2 CSS Classes Demo

Testing and Deployment
66 Angular 2 Unit Testing
67 Configuring and Running End-to-End E2E Tests
68 Your Production-Ready Angular 2 Application

Appendix
69 Angular 2 Hello World with a Python Server
70 RC to Final 2.0 Version Project Migration
angular2.zip

Download from Turbobit

Download from DepositFiles