Why Learn Advanced Front-end Teachnologies ( Angular ):

Basic front-end development is to convert web application design (UX) files into User Interface (UI) of the web application through HTML, JavaScript (JS) and CSS coding. Its advanced part is the implementation of Angular.
Front-end developers in the industry has equally high demand as the Back-end developers. As they complement each other.

Duration: The total duration of training is 120 Hrs. The full course takes around 4 months time to complete.
Course Fee : 19,000

Course Structure:

Basic Programming Recap & Aptitude

This module is designed to help students refresh their fundamental knowledge of C programming and assess their readiness for advanced programming concepts.

Module 1: JavaScript Basics, ES6 Features, TypeScript Fundamentals

JavaScript Basics: Variable Concept, Loop Concept, Array Concept, Complete Form Validations like Phone, Email, Password etc.
ES-6 Features: Arrow functions, introduction of let,const and their usage and differences, Useful Array functions like map, filter, find with Examples.
TypeScript Fundamentals: What is TypeScript? JavaScript vs TypeScript, Installation of TypeScript using npm, Basic Object Oriented Programming Concepts using TypeScript, Understanding ES-6 DataStructure Map & Set using TypeScript.

Module 2: Angular Overview, Installation

Introduction to Angular, Angular CLI commands, Basic configuration & installation, Angular environment setup. Create angular project and understand folder structure.

Module 3: Angular Components and Databinding

Angular Components, Components Lifecycle, create custom module, understand the role of AppModule and Component Declaration, component style, Databinding, string interpolation, property binding, property binding vs. string interpolation, passing and using data with event binding, two way databinding. Component Interaction using @Input and @Output decorator,

Module 4: Directives and Pipes in Angular

Understanding Angular Directives, @Component Directive, Structural Directives, Attribute Directives Custom Directives, Introduction Pipes, Built-in Pipes, Chaining Pipes, Custom Pipes, Pure & Impure Pipe and their Usages.

Module 5: Angular Routes and Navigation

Understanding Angular Routing system. Set different rout. Pass data using url, receive data from route. Angular lazy loading. Routing using guard.

Module 6: Angular Services and Dependency Injection

Angular Service, Dependency Injection, Injecting A Service into Another Service, Parts of an Http Request HttpClient. BehaviorSubject, Subject, Observable, Observer.

Module 7: Angular Forms and Validation

Angular forms, Types of forms, Template-driven vs. Reactive forms, Template-driven forms, Reactive Forms, What is Form Validation? Types of Form Validation, Built-in Validators, Form control’s status and validity.

Module 8: Angular Material

Introduction to Angular Material, Environment Setup and Installing Angular Material, Typography classes and their usage, Toggle Button Group Component usage and Example, User of toolbar as Navbar in Angular Material, Use of SideNav in Angular Material, Different Types of Buttons and their usage, Angular Server Side Rendering.

Module 9: Front-end Connectivity With Database Through API

Whats is API, API Basics, Front-end and API integrations, Showing dynamic data on Front-end through API from Database.

Use of AI in Angular coding

Basic Overview of ChatGPT, Usecase of ChatGPT using context, Constraint and Expectation, Free sampling of AI based API consumption, Optimizing any basic backend crud operation or frontend project using the help of AI tools.

Project Work: Front-end Development for a Live Web App & Hosting

After learning to create Front-end of a web application using Angular, a live project work will be assigned where the APIs will be written by the back-end developers of our development unit and the students will create the Front-end in Angular and will connect the APIs to show dynamic data from the database. It will be a fully API driven project.
Live Project Hosting (Angular project hosting method, and hosting on a free server)

Certification as Trainee Front-end Developer:

On successful completion of the training and the assigned project work, students get certified as Trainee Angular Developer by SysAlgo Technologies, the software division of Ejobindia.