Library

Course: Build Awesome web Apps Using Angular 7

Build Awesome web Apps Using Angular 7

  • Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App
About this Course

The Angular framework is used to create scalable, enterprise, and performant client-side web applications. It provides an ecosystem for development of client-side web applications. The ecosystem for development may include external tools or libraries as well. The ecosystem process includes project bootstrapping, development operations/tools, testing, and build support.

One of the best features of Angular framework is that it is quite flexible when it comes to usage of external libraries apart from the scalability it provides. With Angular framework adoption being high, performance management of the application is community driven indirectly driving better job opportunities. The Angular Certification Training aims at covering all these new concepts around Enterprise Application Development.

Who this course is for:

  • Beginner to intermediate JavaScript and Web developers
  • Developers migrating from old Angular JS 1.x to all new Angular
Basic knowledge
  • Very basic understanding of HTML, JavaScript and CSS
  • No prior knowledge of Angular JS 1 or Angular 2/4/5/6 or TypeScript is required      
What you will learn
  • Create powerful web applications using Angular 7
  • Create Angular components, pipes, directives
  • Understand injectable services
  • Build and deploy an Angular application on the cloud platform


Curriculum
Number of Lectures: 38
Total Duration: 05:11:59
Introduction
  • Welcome to this course  
  • What you are expected to know  
  • Required software setup  
  • How to use the examples?  
  • What is Angular?  
Creating a new Angular app
  • Creating our first app using Angular CLI  
  • Creating an Angular app from the scratch  
Introducing Components
  • Overview of an Angular Component  
  • Using Angular CLI to generate new component  
  • Demo - Click Counter app  
Angular directives
  • Overview  
  • Demo - ngForOf, ngIf, ngStyle and ngClass  
  • Assignment - Change the background color of a block  

    This video demonstrates the output expected of your assignment. The solution is also included in here itself.

    I strongly recommend you attempt to solve this in 30 minutes, and if you didn't get the idea, use this solution.

  • Demo - ngSwitch  
  • Demo - Custom directive  
Creating the Phonebook App
  • Creating the basic structure of our Phonebook App  
  • Creating the ContactDetailsComponent to show a contact information  
Pipes for transforming model data
  • Introduction to pipes and creating a custom pipe  
  • Creating a custom pipe to display the age from birth date  
  • Assignment - Create custom pipes for padding a string with some characters  

    This video demonstrates the output expected of your assignment. The solution is also included in here itself.

    I strongly recommend you attempt to solve this in 30 minutes, and if you didn't get the idea, use this solution.

The service layer in Angular
  • Creating the ContactsService injectable class  
  • Setting up the /contacts REST endpoint  
  • Consuming the REST endpoint in our service  
  • Writing CRUD operations in the ContactsService injectable  
  • Displaying the list of all contacts using NgForOf directive  
Routing and SPA (Single Page Applications)
  • Route configuration and changing views  
  • Accessing the route parameters in ContactListComponent  
  • Deleting a contact  
Working with forms in Angular
  • Template-driven vs Model-driven (Reactive) forms  
  • Working with a template-driven form for adding new contacts  
  • Validating user inputs in a template-driven form  
  • Editing a contact using reactive form  
  • Validating user inputs in a reactive form  
Miscellaneous
  • Integrating jQuery (for pagination on scroll)  
  • Using SweetAlert for beautiful dialog boxes  
  • Building and deploying  
Advanced topics
  • JIT and AOT Compilation  
Conclusion
  • Thank you  
Reviews (0)