Angular Course Details

Course Information:

1. Total Duration 90 days (100 hrs.) -
2. Live and hands-on Training on Each Concept
3. Covers Basics to Advanced level with App Development
4. Daily videos, Files, and Slides Sharing for Practice
5. Lifetime Access - Class Timings 8hr/week - Monday - Sunday
6. Fees: 6000 INR
7. Call / Whatsapp: +91-9147008025
8. Website: https://marvlbyte.com/
9. Email id: admin@marvlbyte.com

Registration:

Visit https://docs.marvlbyte.com/courses-we-offer/ for registration

Who this course is for:

I. A newcomer as well as an experienced frontend developer interested in learning a modern JavaScript framework

II. This course is for everyone interested in learning a state-of-the-art frontend JavaScript framework

III. Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular

What is Angular:

I. Angular is an open-source framework to build rich client-side applications -

II. Developed & maintained by Google

III. The latest release is V17.0 on 6th Nov,2023

IV. One of the best frameworks to build client-side apps along with React JS

V. Average salary in India is around 14 Lakh (INR).

Features of Angular:

1. Developed by Google
2. Works on Microsoft TypeScript
3. Component-based development
4. Two-way data binding
5. Both for web and mobile development
6. Dependency injection
7. Used MVC design pattern
8. Advantage of modularity
9. Easy to test Angular applications
10. It can integrate with any back-end technology.

Angular Learning Plan:

Module 1: JavaScript Basics, ES6 Features, TypeScript Fundamentals

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

Module 2: Angular Overview, Installation

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

Module 3: Angular Components and Databinding

1. Angular Components, Components Lifecycle, create a 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 data binding. Component Interaction using @Input and @Output decorator.

Module 4: Directives and Pipes in Angular

1. 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 routeSystem. Pass data using url, and the URL receives the data from the URL 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 Design

Introduction to Angular Material, Environment Setup and Installing Angular Material, Typography classes, and their usage, Toggle Button Group Component usage and Example, User of the 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

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

Module 10(Project Work): Front-end Development for a Live Web App and hosting

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 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 Marvlbyte server)

Certification as Trainee: On successful completion of the training and the assigned project work, students get certified as Trainee from Marvlbyte.