Learning Angular LiveLessons: Covering Angular 2, 4, and 5 (Video Training), 2nd Edition
- By Marc Wandschneider
- Published Dec 26, 2017 by Addison-Wesley Professional. Part of the LiveLessons series.
Online Video
- Your Price: $119.99
- List Price: $149.99
- About this video
Video accessible from your Account page after purchase.
Register your product to gain access to bonus material or receive a coupon.
Description
- Copyright 2018
- Edition: 2nd
- Online Video
- ISBN-10: 0-13-484839-X
- ISBN-13: 978-0-13-484839-6
Learning Angular LiveLessons, Second 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.
Skill Level • Beginner • Intermediate
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
Who Should Take This Course • Web developers and instructors who want to quickly get up to speed with the fundamentals of the latest version of the Angular framework
Course Requirements • Basic understanding of JavaScript and web development
Contents at a Glance Lesson 1: Getting Started1.1 Install Node.js1.2 Install TypeScript tools1.3 Install Bootstrap1.4 Install Angular CLI1.5 Create your first Angular app1.6 Set up a development environment: Visual Studio Code
Lesson 2: TypeScript2.1 Get started with TypeScript2.2 Learn about types and declarations2.3 Look quickly at type unions2.4 Review flow control2.5 Learn about all the new things in functions2.6 Review strings and arrays in TypeScript2.7 Get a complete overview of interfaces, classes, and inheritance
Lesson 3: Get Started on Your Recipe App3.1 Learn about what you’re going to be building3.2 Create your working project3.3 Create a model for your recipe app3.4 Update your app to show a recipe3.5 Add images to your recipes3.6 Add support for more than one recipe with *ngFor3.7 Clean up the styles in your application
Lesson 4: Learn More About Components and Directives4.1 Learn about directives and components and create a new component4.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 Angular5.1 Add a new recipe form to your application5.2 Learn about all the types of binding in Angular5.3 Create and send events from your components5.4 Use Angular’s special class binding capabilities5.5 Use Angular’s special style binding capabilities5.6 Learn about the *ngIf structural directive5.7 Clean up the styles in your application
Lesson 6: Support Multiple Pages with Routing6.1 Create a recipes list page in your app6.2 Create a recipe details page6.3 Create a new recipe form page6.4 Clean up the styles in your application
Lesson 7: Services and Components7.1 Learn about services and create a recipe service7.2 Update your user interface to handle slow network requests7.3 Install the AngularRecipeServer and update your app to use HTTP7.4 Handle network errors in your application7.5 Clean up the styles in your application
Lesson 8: Forms8.1 Add manual validation to your new recipe form8.2 Use template-drive forms to validate user input8.3 Implement Reactive Form Design in our new recipe form8.4 Add support for images to your application8.5 Clean up the styles in your application
Lesson 9: Pipes and Directives9.1 Learn about pipes9.2 Write your own pipe in Angular9.3 Write your own directive and pass data to it
Lesson 10: Deployment and Testing10.1 Learn the basics of deploying your Angular app10.2 Write some basic tests in the Angular CLI environment10.3 Mock a service in the Angular CLI About LiveLessons LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include: IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more. View all LiveLessons on InformIT at http://www.informit.com/imprint/series_detail.aspx?ser=2185116
Sample Content
Table of Contents
Lesson 1: Getting Started1.1 Install Node.js1.2 Install TypeScript tools1.3 Install Bootstrap1.4 Install Angular CLI1.5 Create your first Angular app1.6 Set up a development environment: Visual Studio Code
Lesson 2: TypeScript2.1 Get started with TypeScript2.2 Learn about types and declarations2.3 Look quickly at type unions2.4 Review flow control2.5 Learn about all the new things in functions2.6 Review strings and arrays in TypeScript2.7 Get a complete overview of interfaces, classes, and inheritance
Lesson 3: Get Started on Your Recipe App3.1 Learn about what you’re going to be building3.2 Create your working project3.3 Create a model for your recipe app3.4 Update your app to show a recipe3.5 Add images to your recipes3.6 Add support for more than one recipe with *ngFor3.7 Clean up the styles in your application
Lesson 4: Learn More About Components and Directives4.1 Learn about directives and components and create a new component4.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 Angular5.1 Add a new recipe form to your application5.2 Learn about all the types of binding in Angular5.3 Create and send events from your components5.4 Use Angular’s special class binding capabilities5.5 Use Angular’s special style binding capabilities5.6 Learn about the *ngIf structural directive5.7 Clean up the styles in your application
Lesson 6: Support Multiple Pages with Routing6.1 Create a recipes list page in your app6.2 Create a recipe details page6.3 Create a new recipe form page6.4 Clean up the styles in your application
Lesson 7: Services and Components7.1 Learn about services and create a recipe service7.2 Update your user interface to handle slow network requests7.3 Install the AngularRecipeServer and update your app to use HTTP7.4 Handle network errors in your application7.5 Clean up the styles in your application
Lesson 8: Forms8.1 Add manual validation to your new recipe form8.2 Use template-drive forms to validate user input8.3 Implement Reactive Form Design in our new recipe form8.4 Add support for images to your application8.5 Clean up the styles in your application
Lesson 9: Pipes and Directives9.1 Learn about pipes9.2 Write your own pipe in Angular9.3 Write your own directive and pass data to it
Lesson 10: Deployment and Testing10.1 Learn the basics of deploying your Angular app10.2 Write some basic tests in the Angular CLI environment10.3 Mock a service in the Angular CLI