Angular Front-end Development
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.
Latest placements View All
- Sayak DeyEDPSOFTMar 28, 2024
- ATANU BHATTACHARYAEdp SoftMar 28, 2024
- Prosun Saha PATEL G TECH LLPMar 22, 2024
- Mean StackProtyay DuttaMicrobase InfotechMar 20, 2024
- SRIJITA K U M ARTech Mantra Mar 19, 2024
- Anuradha MondalDigiBranz TechnologiesMar 18, 2024
- Pratanu ChowdhuryDigiBranz TechnologiesMar 18, 2024
- SREEMA GHOSHArchtech DesignMar 11, 2024
- Madhusree MandalDevant IT Solutions Pvt. Ltd.Mar 09, 2024
- Madhusree MandalTask VenturersMar 08, 2024
- Rajkamal Task VenturersMar 08, 2024
- ALID SHAIKHTask VenturersMar 08, 2024
- Naofil IslamRPS Solutions Mar 05, 2024
- Debankit SarkarEsolz TechnologiesMar 05, 2024
- SADULLA SKEsolz TechnologiesMar 05, 2024
- SOUVIK MANDALTech Mantra Feb 27, 2024
- Amit Saha Tech Mantra Feb 27, 2024
- UI/UXMD SADIKUL SKTech Mantra Feb 27, 2024
- SOUMYADIP DASOriginate soft Feb 27, 2024
- JOYDEEP KUNDUDigital AptechFeb 27, 2024