Learning Angular: Covering Angular 2, 4, and 5, 2nd Edition
A clear, practical introduction to web application development with Angular 2 and Angular 4, with preliminary coverage of Angular 5
Description
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 …
Learning Angular: Covering Angular 2, 4, and 5, 2nd Edition
A clear, practical introduction to web application development with Angular 2 and Angular 4, with preliminary coverage of Angular 5
Description
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.
Marc Wandschneider, senior developer advocate at Google, has more than 20 years of experience as a developer and is the author of two programming books and two other LiveLessons video training. In this video training, Marc uses a live-coding approach throughout to show developers how to start from scratch and work their way up to building a meaningful, yet not overly complicated application.
In this video training, Marc 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.
About the Instructor
Marc Wandschneider has worked extensively with open source and web development platforms. He travels the globe, consulting as a lead manager for software projects and teams. He is the author of the book Learning Node.js (Addison-Wesley) and the video courses Learning Node.js and Learning Angular LiveLessons. A graduate of the McGill University School of Computer Science, he spent five years working for Microsoft, where he developed and managed developers on the Visual Basic, Visual J++, and .NET Windows Forms teams.
Skill Level
What You Will Learn
Who Should Take This Course
Course Requirements
About Pearson Video Training
Pearson publishes expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. These professional and personal technology videos feature world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, Pearson IT Certification, Prentice Hall, Sams, and Que Topics include: IT Certification, Network Security, Cisco Technology, Programming, Web Development, Mobile Development, and more. Learn more about Pearson Video training at http://www.informit.com/video.
Introduction
Learning Angular: Introduction
Lesson 1: Getting Started
Learning objectives
1.1 Install Node.js
1.2 Install TypeScript tools
1.3 Install Bootstrap
1.4 Install Angular CLI
1.5 Create your first Angular app
1.6 Set up a development environment: Visual Studio Code
Lesson 2: TypeScript
Learning objectives
2.1 Get started with TypeScript
2.2 Learn about types and declarations
2.3 Look quickly at type unions
2.4 Review flow control
2.5 Learn about all the new things in functions
2.6 Review strings and arrays in TypeScript
2.7 Get a complete overview of interfaces, classes, and inheritance
Lesson 3: Get Started on Your Recipe App
Learning objectives
3.1 Learn about what you’re going to be building
3.2 Create your working project
3.3 Create a model for your recipe app
3.4 Update your app to show a recipe
3.5 Add images to your recipes
3.6 Add support for more than one recipe with *ngFor
3.7 Clean up the styles in your application
Lesson 4: Learn More About Components and Directives
Learning objectives
4.1 Learn about components and directives and create a new component
4.2 Further clean up your application with yet another component
4.3 Clean up the styles in your application
Lesson 5: All About Binding in Angular
Learning objectives
5.1 Add a new recipe form to your application
5.2 Learn about all the types of binding in Angular
5.3 Create and send events from your components
5.4 Use Angular’s special class binding capabilities
5.5 Use Angular’s special style binding capabilities
5.6 Learn about the *ngIf structural directive
5.7 Clean up the styles in your application
Lesson 6: Support Multiple Pages with Routing
Learning objectives
6.1 Create a recipes list page in your app
6.2 Create a recipe details page
6.3 Create a new recipe form page
6.4 Clean up the styles in your application
Lesson 7: Services and Components
Learning objectives
7.1 Learn about services and create a recipe service
7.2 Update your user interface to handle slow network requests
7.3 Install the AngularRecipeServer and update your app to use HTTP
7.4 Handle network errors in your application
7.5 Clean up the styles in your application
Lesson 8: Forms
Learning objectives
8.1 Add manual validation to your new recipe form
8.2 Use template-driven forms to validate user input
8.3 Implement Reactive Form Design in our new recipe form
8.4 Add support for images to your application
8.5 Clean up the styles in your application
Lesson 9: Pipes and Directives
Learning objectives
9.1 Learn about pipes
9.2 Write your own pipe in Angular
9.3 Write your own directive and pass data to it
Lesson 10: Deployment and Testing
Learning objectives
10.1 Learn the basics of deploying your Angular app
10.2 Write some basic tests in the Angular CLI environment
10.3 Mock a service in the Angular CLI
Summary
Learning Angular: Summary