English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 7h 48m | 2.33 GB
A clear, practical introduction to web application development with Angular 2 and Angular 4, with preliminary coverage of Angular 5
Angular is a powerful JavaScript framework, maintained by Google, for building web applications and for enhancing various parts of your web pages. It’s a comprehensive framework that makes both development and testing easier by extending web applications with MVC capability.
In this video training, Marc Wandschneider starts by introducing Angular and showing how to install it along with related tools like Node.js, TypeScript, Bootstrap, Angular CLI, and Visual Studio Code.
After a quick tutorial on TypeScript, the video course next shows how to create an Angular application from scratch while explaining the primary pieces of an Angular application and see how they work together. Using lots of examples, the core parts of Angular are introduced, such as Components, Directives, the Router, Services, and Pipes and Directives.
What You Will Learn
- Why Angular is really exciting
- How Angular is hugely innovative and new
- How not to be afraid of TypeScript and indeed how to embrace it
- How to write fast, compact, and reliable applications
- How to stay up to date with the latest in web application design and techniques
Table of Contents
01 Learning Angular – Introduction
02 Learning objectives
03 1.1 Install Node.js
04 1.2 Install TypeScript tools
05 1.3 Install Bootstrap
06 1.4 Install Angular CLI
07 1.5 Create your first Angular app
08 1.6 Set up a development environment – Visual Studio Code
09 Learning objectives
10 2.1 Get started with TypeScript
11 2.2 Learn about types and declarations
12 2.3 Look quickly at type unions
13 2.4 Review flow control
14 2.5 Learn about all the new things in functions
15 2.6 Review strings and arrays in TypeScript
16 2.7 Get a complete overview of interfaces, classes, and inheritance
17 Learning objectives
18 3.1 Learn about what you’re going to be building
19 3.2 Create your working project
20 3.3 Create a model for your recipe app
21 3.4 Update your app to show a recipe
22 3.5 Add images to your recipes
23 3.6 Add support for more than one recipe with _ngFor
24 3.7 Clean up the styles in your application
25 Learning objectives
26 4.1 Learn about components and directives and create a new component
27 4.2 Further clean up your application with yet another component
28 4.3 Clean up the styles in your application
29 Learning objectives
30 5.1 Add a new recipe form to your application
31 5.2 Learn about all the types of binding in Angular
32 5.3 Create and send events from your components
33 5.4 Use Angular’s special class binding capabilities
34 5.5 Use Angular’s special style binding capabilities
35 5.6 Learn about the _ngIf structural directive
36 5.7 Clean up the styles in your application
37 Learning objectives
38 6.1 Create a recipes list page in your app
39 6.2 Create a recipe details page
40 6.3 Create a new recipe form page
41 6.4 Clean up the styles in your application
42 Learning objectives
43 7.1 Learn about services and create a recipe service
44 7.2 Update your user interface to handle slow network requests
45 7.3 Install the AngularRecipeServer and update your app to use HTTP
46 7.4 Handle network errors in your application
47 7.5 Clean up the styles in your application
48 Learning objectives
49 8.1 Add manual validation to your new recipe form
50 8.2 Use template-driven forms to validate user input
51 8.3 Implement Reactive Form Design in our new recipe form
52 8.4 Add support for images to your application
53 8.5 Clean up the styles in your application
54 Learning objectives
55 9.1 Learn about pipes
56 9.2 Write your own pipe in Angular
57 9.3 Write your own directive and pass data to it
58 Learning objectives
59 10.1 Learn the basics of deploying your Angular app
60 10.2 Write some basic tests in the Angular CLI environment
61 10.3 Mock a service in the Angular CLI
62 Learning Angular – Summary
Resolve the captcha to access the links!