English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 5.5 Hours | 1.03 GB
Go from Zero to Hero with Angular 2 and Angular 4 plus Bootstrap 4 and TypeScript!
Updated to Angular 4.0+ Final Version!
In Ultimate Angular 4 with Bootstrap 4 & TypeScript course, Jon will take you on a pragmatic, hands-on and fun learning journey to master the Angular framework.
Within minutes, you’ll learn how to create Angular 4 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 dependencies
- Learn and use the official Angular Production Release version!
- Create Angular archetypes with Angular CLI, QuickStart, Plunker and other methods.
- Understand the basics of Angular 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
- Connect and Consume data from a Web Service using Observable
- Develop a CRUD (Create, Read, Update, Delete) Application
- 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 release version
Table of Contents
Course Introduction
1 Introduction
2 Angular Overview
3 Course House Rules
4 Angular Hello World on Plunker
Local Development Setup
5 Local Development Environment Overview
6 NodeJS Overview
7 NodeJS Package Manager NPM Overview
8 NodeJS and Node Package Manager NPM Installation on Windows
9 NodeJS and NPM Installation on MAC
10 Updating NodeJS and NPM on Windows
11 Updating NodeJS and NPM on MAC
12 Installing GIT on Windows
13 Installing GIT on MAC
Angular 2 Quick Starts and Workspace Setup
14 Angular Quick Start Project
15 Angular CLI Installation
16 Updating Your Angular CLI Tool
17 Hello World Angular using Angular CLI
18 Your IDEs for Angular
19 Angular Workspace Setup
20 Exercise 1 Creating your First Angular Application
Angular 2 Core Concepts
21 Angular Core Components
22 Anatomy of an Angular Application
Components Directives Services Pipes and Routing
23 How to create Components
24 Using Components
25 Templates
26 How to create Directives
27 Using Directives
28 How to create Services
29 Using Services
30 Pipes Overview
31 How to create Pipes
32 Using Pipes
33 How to create Routing
34 Using Routes
35 Adding RouterLink
36 NgModule in Focus
37 If-Else NgIf Syntax Directive
38 Angular Universal
TypeScript Basics
39 TypeScript Class
40 TypeScript Interface
41 Using TypeScript Interface
42 TypeScript Enum
Bootstrap 4 Integration
43 Introduction to Bootstrap 4
44 Integrating Bootstrap 4 to Angular CLI
45 How to add Bootstrap 4 to Angular
46 Adding Bootstrap 4 Components
47 Adding and Customizing a Bootstrap 4 Navigation Bar
48 Creating a Dashboard Page
49 Customizing Your Dashboard Using Jumbotron
Built-In Directives
50 Structural Directive 1 ngFor
51 Structural Directive 2 ngIf
52 Structural Directive 3 ngSwitch
53 Attribute Directive 1 ngStyle
54 Attribute Directive 2 ngClass
Angular 2 JSON-Server REST Web Service Setup
55 Installing and Running the POSTMAN API Tool
56 JSON Server Installation
57 Testing JSON Servers CRUD Operations with POSTMAN
58 Preparing a Custom JSON-Server API Data
Building a CRUD Application in Angular 2
59 CRUD Application Overview
60 READ data using GET HTTP Method and Observable
61 READ data using ngFor
62 READ data using a Table
63 CREATE Data using POST
64 Updating data with PUT HTTP Method
65 DELETE data with DELETE HTTP Method
66 Adding a Simple Spinner Loader
67 Auto-Refresh Data Table
68 Add a Simple Modal
Forms
69 Simple Form and Field Validation
70 How to Create a Form using ngForm
71 Form Customization with Grid Classes Placeholder and ReadOnly
72 Template Reference Variable
73 Angular CSS Classes
74 Custom Form Validation
Testing and Deployment
75 Angular CSS Classes Demo
76 Angular Unit Testing
77 Configuring and Running End-to-End E2E Tests
Appendix
78 Your Production-Ready Angular Application
79 Angular Hello World with a Python Server
80 RC to Final 2.0 Version Project Migration
Resolve the captcha to access the links!