rajaramtt

🚀 AI Application Architect Roadmap (2026)

My Personal Learning Checklist

🎯 Goal

Become an AI Application Engineer → AI Solutions Architect → AI Platform Architect by leveraging my existing software engineering experience instead of starting over as a Data Scientist.

Learning Philosophy

rajaramtt

If you already have a solid understanding of Angular 10 and are looking to learn more about the newer concepts and best practices in Angular, here’s a guide to the key concepts and architectural patterns you should focus on:

1. Ivy Renderer

• Concept: Ivy is Angular’s rendering engine introduced in Angular 9, and it is now the default. It provides better performance, smaller bundle sizes, and improved debugging.
• What to Learn: Understand how Ivy changes the way Angular compiles and renders components, and how it affects the size and performance of your application.

2. Standalone Components

• Concept: Standalone components simplify the Angular module system by allowing components to be used without a module.

rajaramtt

What is Jenkins:

Jenkins is an open-source continuous integration and continuous delivery tool written in Java. It's an automation server used to build and deliver software projects. Jenkins was forked from another project called Hudson after a dispute with Oracle.

CI/CD:

Continuous integration, is the practice in software engineering of merging all developer working copies to a

rajaramtt

angular reactive extensions and it's state management solution for the angular

NGRX is a popular state management library specifically designed for Angular.

NgRx uses concepts such as actions, reducers, effects, and selectors to manipulate the state in a controlled manner.

Store

The store can be seen as your client side database. it reflects the state of your application. You can see it as the single source of truth.

rajaramtt

Version	Link
ECMAScript 2015 - ES2015 - ES6	All Features List
ECMAScript 2016 - ES2016 - ES7	All Features List
ECMAScript 2017 - ES2017 - "ES8"	All Features List
ECMAScript 2018 - ES2018 - "ES9"	All Features List
ECMAScript 2019 - ES2019 - "ES10"	All Features List
ECMAScript 2020 - ES2020 - "ES11"	All Features List

rajaramtt

Nx

https://nx.dev/

Nx is a suite of powerful, extensible dev tools to help you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries while providing a robust CLI, caching, dependency management, and more.

It has first-class support for many frontend and backend technologies, so its documentation comes in multiple flavours.

Principles

rajaramtt

https://medium.com/codestory/seo-in-angular-without-server-side-rendering-fa7d984dd44b

https://meganrook.medium.com/angular-error-handling-made-easy-9bca1b4c52b0

rajaramtt

/*
 * General utils for managing cookies in Typescript.
 */
export function setCookie(name: string, val: string) {
    const date = new Date();
    const value = val;

    // Set it expire in 7 days
    date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));

rajaramtt

import { Directive, HostListener, OnInit, Optional } from '@angular/core';
import { NgControl } from '@angular/forms';

@Directive({
  // tslint:disable-next-line:directive-selector
  selector: 'input[trimInput],textarea[trimInput]',
})
export class TrimInputDirective implements OnInit {

  constructor(@Optional() private ngControl: NgControl) {

rajaramtt

12

# Check out to a temporary branch:
git checkout --orphan TEMP_BRANCH

# Add all the files:
git add -A

# Commit the changes:
git commit -am "Initial commit"