English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 6 Hours | 0.98 GB
The most efficient way to dive into Angular 2 or Angular 4 if you got limited time or need to refresh the basics!
Angular is an amazing JavaScript (TypeScript) framework which allows you to build small, medium or large Single-Page-Applications (SPAs). Since the code runs entirely in the browser, you can build user experiences which are way faster than traditional websites could ever be!
The skills required to build such SPAs are in extremely high demand since this kind of web app is very popular and allows you to build almost mobile-like, highly reactive user experiences. Indeed most modern web applications are built as SPAs today!
Learning Angular never is a wrong choice and with this course, it’s more correct than it ever was before! This course gives you the fastest and most efficient way of diving into Angular. If you don’t want or can’t take my Complete Guide on Angular or you want to get a feeling for Angular before doing so, this course is for you! It’s also your #1 choice if you already know Angular but want to have resource for refreshing your basic Angular knowledge as fast as possible.
Whilst this course is much shorter, it gives you all the core insights into Angular you need. It focuses on the heart of Angular, the most important features Angular offers you and even shows you how to build a complete Angular app!
Telling by the length of the course, you might not believe it, but you’ll actually learn about all these topics:
- What Angular is
- What TypeScript is – including a super-efficient introduction to it
- How to use the CLI to create Angular projects and manage them
- How Angular apps start and work
- Which role components play and how to use them
- How to bind and pass data
- How to debug your app
- How to use other, 3rd party JS libraries in an Angular app
- How to use directives
- How you may manage application state with services
- How to turn your SPA into an “illusionary” MPA with routing
- How to handle user input with forms
- How to send Http requests
- How to build your project, optimize it and deploy it
- Much more!
Table of Contents
Getting Started
1 Introduction
2 What is Angular
3 How does Angular Work
4 Creating Your First App
5 Editing the First App
6 Understanding the Project Structure
7 How does an Angular App Start
8 What youll learn in this Course
9 Optional TypeScript Essentials
10 How to get the Course Source Code Ask Questions
11 Useful Resources Links
Understanding Components
12 Module Introduction
13 Configuring the Editor
14 Templates and the DOM
15 How Angular Reads Your Components
16 Adding Custom Components
17 Outputting Content via String Interpolation
18 Listening to User Events
19 Binding to Properties
20 All at the same Time Two-Way-Binding
21 Binding Component Properties
22 Listening to your Custom Events
23 Multiple Components Using the CLI for Component Generation
24 Understanding Scoped Component Styles
25 Wrap Up
26 Useful Resources Links
Debugging Using 3rd Party Libraries
27 Module Introduction
28 How to Handle Angular Errors and Error Messages
29 Debugging Code with Developer Tools Sourcemaps
30 Deeper Insights with Augury
31 Using CSS Frameworks with Angular and the Angular CLI
32 Using JS Libraries with Angular and the Angular CLI
33 Wrap Up
34 Useful Links Resources
Extra Features with Directives
35 Module Introduction
36 What are Directives
37 Outputting Lists with ngFor
38 Controlling CSS Classes with ngClass
39 More on Directives
40 Conditionally Outputting Content via ngIf
41 Wrap Up
42 Useful Resources Links
Angular in Practice Starting the Course Project
43 Module Introduction
44 Planning the App
45 Getting Started
46 Filling Components with Life
47 Managing Data in our Application
48 Passing Data via Property Binding
49 Using ngClass to Provide the User Feedback
50 Passing Data via Event Binding
51 Wrap Up
Amazing Data Management with Services
52 Module Introduction
53 What are Services
54 Creating a Service
55 How NOT to Use Services
56 Injecting Services
57 Understanding Dependency Injection
58 Cleaning up the Project
59 Injecting Services into Services
60 Wrap Up
61 Useful Resources Links
Handling User Input with Forms
62 Module Introduction
63 Creating a Form in the Template
64 Handling Forms with Angular
65 How to use Submitted Values
66 Validating User Input with Angular
67 More Validation Methods
68 Using the Form State to Give Visual Feedback
69 The Different Faces of ngModel
70 An Alternative to the Approach Shown in This Module
71 Using the Reactive Approach
72 Wrap Up
73 Useful Resources Links
Changing Pages with Routing
74 Module Introduction
75 Server-side vs Client-side Routing
76 Adding a Header Component
77 Adding Routing to the Application
78 Navigating with Router Links
79 Handling Unknown Routes with Wildcards and Redirects
80 Using Child Routes and Route Parameters
81 Extracting Route Paramters
82 Fixing Page Reload Issues
83 Cleanup Missing Reactivity
84 Wrap Up
85 Useful Resources Links
Reactivity RxJS and Observables
86 Module Introduction
87 Understanding subscribe
88 Using Subjects as Event Emitters
89 Managing Subscriptions
90 More on RxJS and Observables
91 Dive Deeper into RxJS
92 Wrap Up
Connecting to APIs via Http
93 Module Introduction
94 Injecting the Angular Http Service
95 Sending a GET Request
96 Sending a POST Request
97 Transforming Responses
98 Updating the UI
99 Further Options
100 Fixing a Bug we Introduced into Our Project
101 Wrap Up
102 Useful Resources Links
Optimizations Deployment
103 Module Introduction
104 The Role of Modules NgModule
105 Using multiple Custom Modules
106 Creating a Feature Module Using Lazy Loading
107 Building our Code for Production
108 Deployment Preparations
109 Deployment Example AWS S3
110 Wrap Up
111 Useful Resources Links
Course Roundup
112 Roundup
Resolve the captcha to access the links!