Angular

Angular Front-end development

Course curriculum

    • JavaScript Basics: Variable Concept
    • Loop Concept
    • Array Concept
    • Complete form Validations like Phone, Email, Password, etc.
    • ES-6 FeaturesArrow functions,
    • The introduction of let,
    • const and their usage and differences,
    • Useful Array functions like map, filter, find with Examples.
    • Introduction to Angular,
    • Angular CLI commands,
    • Basic configuration & installation,
    • Angular environment setup.
    • Create an angular project and understand folder structure.
    • Angular Components,
    • Components Lifecycle,
    • create a custom module,
    • understand the role of AppModule and Component Declaration,
    • Databinding, string interpolation,
    • property binding,
    • property binding vs. string interpolation,
    • passing and using data with event binding, two-way data binding.
    • Component Interaction using @Input and @Output decorator,
    • Understanding Angular Directives,
    • Component Directive,
    • Structural Directives,
    • Attribute Directives Custom Directives,
    • Introduction Pipes,
    • Built-in & Chaining Pipes,
    • Custom Pipes.
    • Understanding Angular Routing system.
    • Set different routes.
    • Pass data using URL, receive data from the route.
    • Angular lazy loading.
    • Routing using guard.
    • Angular Service,
    • Dependency Injection,
    • Injecting A Service into Another Service,
    • Parts of an HTTP Request HttpClient.
    • BehaviorSubject, Observable, Observer
    • Angular forms,
    • Types of forms,
    • Template-driven vs. Reactive forms,
    • Types of Form Validation,
    • Built-in Validators,
    • Form control’s status and validity.
    • Introduction to Angular Material,
    • Environment Setup and Installing Angular Material,
    • Typography classes and their usage,
    • Toggle Button Group Component usage and Example,
    • The user of the toolbar as Navbar in Angular Material,
    • Use of SideNav in Angular Material,
    • Different Types of Buttons and their usage.
    • What is API,
    • API Basics,
    • Front-end and API integrations,
    • Showing dynamic data on Front-end through API from Database?
    • After learning to create the Front-end of a web application using Angular, live project work will be assigned where the APIs will be written by the back end developers of our development unit and the trainees will create the Front-end in the Angular and will connect the APIs to show dynamic data from the database. It will be a fully API driven project

Brocure

Enroll Now