Aspire Journeys

Enriched Web Development with Angular 11

  • 12 Courses | 5h 48m 13s
  • 1 Lab | 4h
Rating 3.6 of 8 users Rating 3.6 of 8 users (8)
Angular is an extremely powerful, versatile, and robust application framework from Google. Angular allows developers to build modern, stylish, and efficient applications. Angular 11, the dynamic JavaScript-based development framework is used to create Single Page Applications (SPA). Enriched Web Development with Angular 11 journey is the right place for you to start with an introduction to Angular that includes all common features from versions 2 to 11. The journey then gradually transitions to make you proficient in building scalable SPAs with Angular 11.

Track 1: Building Web Applications with Angular 11

In this track of the Enriched Web Development with Angular 11 journey, you will explore the different building blocks of Angular, its architectural concepts, and Typescript as the scripting base for Angular. Then, you will discover the basics of the framework such as forms, modules, pipes, and components. The journey then deep dives to the more complex principles of routing, directives, templates, and services along with demos on how to build end-to-end, working applications that are maintainable and testable. Finally, you will learn the distinct features of Angular 11 and Angular 12.

  • 12 Courses | 5h 48m 13s
  • 1 Lab | 4h

COURSES INCLUDED

Angular 11: Getting Started with Angular
Angular helps build interactive and dynamic single-page applications (SPAs) through templating, two-way binding, modularization, RESTful API handling, dependency injection, and AJAX handling. It's a highly demanded technology and a useful language among experienced developers who want to move into full stack development. Use this course to explore the different building blocks of Angular. Examine some of the advanced features of Angular 11 and install various software components for making use of its features and benefits. Install Node.js, Visual Studio Code, and Angular CLI and learn to create and run an Angular application. Finally, investigate the different characteristics of package.json files and outline the basics of Typescript. When you're done with this course, you'll have a basic grasp of working with Angular.
11 videos | 38m has Assessment available Badge
Angular 11: Introduction to Components
Angular is a commonly-used language among experienced developers moving into full stack development. Through templating, two-way binding, modularization, RESTful API handling, dependency injection, and AJAX handling, Angular provides the tools needed to build interactive and dynamic single-page applications. This course elevates a basic working knowledge of Angular by guiding you on some more advanced practices. Learn to create classes in TypeScript and add properties and functions to TypeScript classes. Define decorators in JavaScript and create a simple Angular component. Add templates, styles, and styleUrls to Angular components. Furthermore, investigate binding data with interpolation and ng-bind. After taking this course, you'll be able to use components in Angular to make the most of this dynamic web framework.
11 videos | 34m has Assessment available Badge
Angular 11: Working With Angular Modules
Angular helps build interactive and dynamic single-page applications (SPAs) through templating, two-way binding, modularization, RESTful API handling, dependency injection, and AJAX handling. Take this course to explore the fundamentals of Angular module and examine decorators associated with it. With the help of this course, you'll learn to create an Angular component without CLI, bootstrap components using Angular module, and create feature and shared modules. You'll also discover how to work with third-party modules like BrowserModule and export/import arrays. Upon completion of this course, you'll be in a position to outline the components of Angular Module and deepen your Angular skills for full stack development.
9 videos | 36m has Assessment available Badge
Angular 11: Directives & Pipes
Angular helps build interactive and dynamic single-page applications (SPAs) and is a technology that is highly in demand among experienced developers who want to move into full-stack development. Use this course to gain a better understanding of directives and pipes in Angular 11. Examine the use of conditional operators, array iteration through complex objects, and the concept of pagination. This course will also help you discover the functionality of sorting data, the use of built-in pipes and custom pipes, and how to filter a list of data as per user search input. Upon completing this course, you'll have the skills to implement directives and pipes using Angular for full-stack development.
10 videos | 37m has Assessment available Badge
Angular 11: Working With Nested Components
Nested components in Angular allow the use of reusable logic within separate units, which can be associated with one or more different components at a time. Take this course to supplement your knowledge of working with nested components in Angular. Try your hand at building a nested component, using the @Input and @Output keywords, and implementing the ViewChild property. After wrapping up this course, you'll be able to use nested components to build applications in Angular that are composed of multiple components working together.
6 videos | 21m has Assessment available Badge
Angular 11: Reactive Programming With RxJS & Observables
The RxJS (Reactive Extensions for JavaScript) library in Angular allows you to engage in reactive programming that uses observables to make it easier to perform a variety of asynchronous operations. Take this course to supplement your knowledge of event-based programming in Angular. Explore the key features of the RxJS library, take advantage of observables over promises, utilize HTTP Requests to retrieve data, and subscribe to observables for data. After completing this course, you'll be able to use Angular with RxJS to create interactive and dynamic single-page applications.
6 videos | 18m has Assessment available Badge
Angular 11: Working With Forms
Front-End frameworks like Angular must be capable of accepting data from users and forwarding that data onto a database, usually via an API. Explore forms and the form submission process to endpoints using this course. Learn more about two-way binding, form events like button clicks, and validating forms for user input. You'll also work with APIs to perform some of the CRUD operations that have become synonymous with database programming and examine shareReplay to implement local caching. Having completed this course, you will be able to create forms and effectively handle form controls in Angular.
10 videos | 43m has Assessment available Badge
Angular 11: Navigation & Routing in Angular
Angular is a platform and framework for building a breed of applications labeled SPAs (single-page applications). Use this course to discover what that means, explore the architecture of an SPA, and investigate the benefits of building one. In addition to building single page applications, Angular lets you implement routing and security. Practice implementing routing via Angular's routing module. Examine how routing does not involve routing to a physical HTML file but by rendering a 'view.' As with any web-based application, Angular implements routing security using a particular interface called route guards. Learn how to implement this interface, examining its features as you go. By the end of this course, you'll be able to create a single-page application and implement routing using Angular.
8 videos | 28m has Assessment available Badge
Angular 11: Services & Dependency Injection
Angular allows the use of one object in another class that consumes it through dependency injections. Try your hand at implementing dependency injections within a component and configure the injected object via the constructor of the consuming class through this course. Examine services in Angular and demonstrate how a service is used in a component. You'll also learn to inject services into components and access data inside of these services. By the end of this course, you will have the knowledge to work with services and dependency injections in Angular.
7 videos | 26m has Assessment available Badge
Angular 11: Security & Deployment in Angular
Implementing security and optimization measures is part of the end-to-end Angular development and deployment life cycle. Developers new to or familiar with Angular can use this course to upgrade their skills in these areas. Learn how to implement authentication and authorization in Angular 11. Examine routing at a deeper level to determine the role of routing in authentication. Build authentication and authorization into your app by implementing an interface. Create, activate, and deactivate route guards to realize authentication and authorization. And implement lazy loading to reduce bloating and use of system resources. Moving along, examine the optimization of your application, debug a simple app, and perform a unit test on one of the components. Finally, deploy the Angular app onto an NGINX server. When you're done with this course, you'll know how to optimize the performance and security of your Angular applications.
9 videos | 44m has Assessment available Badge
Angular 11: New Features of Angular 11 & Angular 12
When newer versions of Angular are released, their enhanced features may make it necessary to upgrade existing versions or migrate from the previous version of the platform to the latest. Use this course to explore the features of Angular 11 that are new/updated from Angular 10, such as component test harnesses, improved reporting and logging, and the updated Hot Module Replacement (HMR) support. Additionally, investigate the new features available in Angular 12. Learn how to migrate from Angular version 10 to version 11, using the Angular update guide for instructions. Furthermore, examine the CLI command ng update and utilize that command in a simple project. When you've completed this course, you'll be able to recognize why and how you should update older versions of Angular to later versions.
5 videos | 17m has Assessment available Badge
Final Exam: Building Web Applications with Angular 11
Final Exam: Building Web Applications with Angular 11 will test your knowledge and application of the topics presented throughout the Building Web Applications with Angular 11 track of the Skillsoft Aspire Enriched Web Development with Angular 11 Journey.
1 video | 32s has Assessment available Badge

EARN A DIGITAL BADGE WHEN YOU COMPLETE THESE TRACKS

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Rating 4.4 of 69 users Rating 4.4 of 69 users (69)
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)