No products in the cart.
Angular Developer Mentorship Program
Learn and develop scalable Frontend Applications using the Angular Framework
Angular is an enterprise frontend framework by Google that is widely used for modern web and mobile app development using TypeScript Programming. Learning and gradually mastering Angular in-depth can open doors to numerous career opportunities in large tech companies.
Who is this Program for?
- Are you a JavaScript programmer Interested in learning a solid framework like Angular progessively.
- Eager to gain valuable remote work experience as a Trainee Frontend Engineer with a focus on Angular.
- Ready to join a Remote Workplace where you will practice in a guided environment with a goal-driven team.
- Committed to continuous improvement through the adoption of enhanced practices to achieve program objectives.
+
You should have a good understanding of the following topics
to Attend for this Remote Mentorship Program in Frontend Engineering
Essentials of HTML
Good Understanding of structure and syntax of a web page, Using tags with appropriate attributes, Working knowledge of Forms, HTTP Protocol, Client Server Communication, HTTP Methods, Web API Features - Local Storage, Geolocation, Navigator, HTML Events
CSS Fundamentals
Applying Styles in HTML pages, Knowledge of common CSS rules, Using Selectors to apply styles, Box Model, Layout Design using Grid and/or Flex, Responsive Design, Viewport, Media Queries, Web Typography, Knowledge of a CSS library like Bootstrap, Tailwind etc.
JavaScript Fundamentals
Basic understanding of JavaScript runtime, Using JavaScript on web pages, Accessing and modifying the HTML DOM, Solid understanding of Event Handling Mechanism, JavaScript In-built classes, ES6 Basics, Knowledge of using external javascript libraries/ packages using CDN or npm
Browser Dev Tools, IDE etc.
Basic knowledge of Browser Dev Tools, Inspect HTML and CSS code, debug javascript code, Using an IDE like Visual Studio Code/ WebStorm etc, Awareness of Node, Deep Interest in learning a full-fledge framework for frontend application development
Already comfortable with above topics?
Intersted in acquiring a solid grasp of Frontend Engineering with focus on Angular framework by working on real applications?
What will you learn?
Become an Adept Angular Developer. Learn the Essentials, Intermediate topics and get insights into many advanced topics. Build 10+ cool web/mobile apps along with a Full Stack Project.
TypeScript Walkthrough
What is TypeScript, Dynamic Binding, Strongly Typed & Loosely Typed, Installing Typescript, Compiling TypeScript Code, Compile vs Transpile vs Convert, tsconfig.json, Classes, Interfaces, Type Annotation, Decorators, Generics, Type Inference, Union and Intersection Types
Getting started with Angular
Angular Evolution and Supported Features, Installing Angular CLI, Creating and running angular app, Understand the app structure and explore scaffolding, Brief Overview of Components, Modules, Directives & Pipes, String Interpolation, Introduction to Change detection
Angular Components & Data Binding
Angular Componnets, Component Lifecycle, Using Lifecycle Hooks, Interacting with template, Data Binding using one way and two way, Change Detection Strategy, Detecting changes, Roles and Responsibilities of Components
Angular Directives
Angular Directives, Component directives (DOM elements addition through a template), Attribute directives (DOM appearance, HTML elements attributes), Structural directives (DOM layout, conditional rendering), Creating custom directives
Template Driven Forms
Working with template-driven web forms, NgModel Directive, @ngModel, Validating and processing form inputs, handling form submissions, Making better web forms
Dependency Injection
Inversion of Control principle, Dependency Injection, Introducing Providers, @Injectable, Using HTTP Module to make network requests, Consuming Rest APIs, Overview of Observable Pattern, Observable in RxJs
Routing & Navigation
Core Router API Concepts, The Router Outlet, Routes and paths, Navigation, Route Matching Strategies, Common routing tasks, Route Params, Route Guards, Multiple Outlets And Auxiliary Routes
Reactive Programming
Introduction to RP, Reactive Programming in Angular, Http Module, Consuming Web Services, Creating and using Streams, Observables, RxJS Operators, Error Handling, Subjects and Types of RxJS Subjects, Understanding RxJS scenarios with usecases
More on Reactivity
Introduction to Dynamic Forms, Using Reactive Forms, FormControl, FormGroup, FormArray, FormBuilder, Observing and responding to Form Changes, Handling Form Submission, Built-in Form Validators, Custom Form Validation, Reactive forms API Guide, Discussing the structure of a reactive application using ngrx, Store, Actions, Effects, Reducers, Selectors.
Implementing Authentication & Authorization
Creating user authentication, Login component, Hashing password, Creating Mock Http Response, Simulating the Registration & Login Flow, User Signup Form, Login, Fake Login Implementation, Implementing dummy password recovery, More on User Sessions, Dashboard Navigation
JWT Authentication & Role based Authorization
Role based Authorization, Implementing Auth Guards, Best Practices for Authentication and Authorization, Secure Token-Based Authentication System, Role-Based Access Control, Permission-Based Access Control, Authentication & Authorization References
New Features in Angular 18
Understanding newly introduced Angular features, Stable Control Flows, Zoneless change detection, Signals, Deferrable views, Standalone components, Nullish coalescing, Server-Side Rendering (SSR) Enhancements, Improved build performance, Default content in ng-content etc.
Progressive Web Apps (PWA)
Overview of PWA, PWA Features, Creating a PWA using Angular, Working with Service Workers, Measuring and comparing the App Performance
Angular Build Process & Performance
Overview of the Angular Build Process, Introduction to WebPack, Concepts like Compression, Minification, Module federation, Angular Rendering Techniques, Measuring Web Vitals and understanding the web performance indicators.
Main Project
Introduce the Project, Discuss and Plan the Architecture, Analyze Data structures and Features, Setup Project Repository on Gitlab, Discuss the design and implementations , Break modules into stories, Create Jira Backlog, Analyze and develop complete frontend project with unit & end-to-end testing with team.
Congrats! You have completed the Angular Essential Training
Collect your Internship Certification, Have Mock Interviews, Personalized Assessment, Recognition / Further work opportunities.
Join the Team
- Start Date : Jan 21, 2025
- Mode: Remote Sessions (via Zoom Workplace)
- Duration: 3 Months (60+ Hours)
- Frontend: Angular Framework, TypeScript, RxJS, Jasmine/ Cypress
- Tools/IDEs: Visual Studio Code, Gitlab, Postman, Karma
- Project Management: Scrumblr/ Kanban
Program FAQs
Why should I learn Angular?
Angular is a robust, feature-rich, highly-opinionated application framework for building powerful and scalable frontend applications for web and mobile. It is used to create micro-frontends and apps that can leverage the latest web features.
Angular is in high-demand for developing large projects that require uncompromised scalability and maintainability.
Angular is not actually comparable with React or Vue as this is a full-fledge framework for developing frontend applications (not a UI library). Even though starting with Angular can be overwhelming for beginners but after getting familiar with the Angular Concepts and ways you will be able to gradually appreciate and thank Angular.
What is the duration of this internship program?
The planned duration for Frontend Engineering with Angular is around 65 live Hours (covered within 3 months). This is a part of the full stack mentorship program i.e. a 6 Months-of Full Stack App Development. Once the initial training is completed, Individual Participants need to attend the common daily scrum and live project sessions.
Will I receive any certificate for this internship?
Upon successful completion of the program after 3 months, you will receive the Angular Developer Training Completion Certificate. To be eligible for this certificate, you must meet the basic criteria, which include passing regular assessments and mock interviews. Based on your performance, Code Merit may also offer access to advanced programs or provide the opportunity for a Trainee Engineer Intern role with a stipend.
We are talking about
and more