This project was generated using Angular CLI version 20.0.0.
Angular template-driven form: https://stackblitz.com/edit/stackblitz-starters-ky2gyvkm?file=src%2Fmain.ts
https://github.com/ubicloud/ubicloud
Angular signals are immutable: https://stackblitz.com/edit/stackblitz-starters-de2eprka?file=src%2Fmain.ts
Github repo status : https://repositorystats.com/stenciljs/core
utilimate angular roadmap book v14 to v20: https://houseofangular.io/wp-content/uploads/2024/07/The_Ultimate_Guide_To_Angular_Evolution_Angular18.pdf
angular love: https://x.com/AngularLovePL/status/1955981508973330761
https://github.com/HouseOfAngular/angular-developer-job-interview-questions-to-ask-companies
You’ll need:
-
Vector DB (Pinecone, Weaviate, FAISS)
-
Embedding Model (OpenAI, Hugging Face)
-
Retriever (LangChain, BM25)
-
Generator (GPT-4, Claude, Mistral)
-
Framework (LangChain, LlamaIndex, Haystack)
Stack example:
LangChain + OpenAI + Pinecone + GPT-4
real-world use cases:
-
internal team chatbots
-
customer support with real-time accuracy
-
legal & health assistants that cite exact policies
-
dev tools that answer from your wiki
-
powering tools like intercom, kimi, genspark behind the scenes
Studio 3T: global-config-docdb (AWS DocumentDB (because it uses the MongoDB wire protocol))
DB Visualizer : forms-management-db (postgres SQL)
database Admin
interview angular: https://www.angularspace.com/senior-angular-interview-questions/
Render Github App: https://github.com/apps/render
AWS Power Hour AI Practioner: https://www.linkedin.com/events/7364018884183523328/
AI Research: https://github.com/q-hwang
Live sky: https://theskylive.com/
Hyderabad Observatory: https://hyderabad.urbanobservatory.in/
Danieli
https://github.com/snehasishroy/leetcode-companywise-interview-questions
udemy DSA: https://github.com/NKaty/Algorithms-and-Data-Structures
https://www.githubstatus.com/incidents/c2psrbjsmrxr
https://www.conventionalcommits.org/en/v1.0.0/
https://stackblitz.com/edit/angular-form-array-directive?file=src%2Fmain.ts
npm install -g @angular/cli@20
ng new angular20-app
✅ node version required -> minimum of v20.19.
option in v20:
√ Do you want to create a 'zoneless' application without zone.js (Developer Preview)? Yes
√ Angular 20 encourages signals for reactive state management.
🧠 Signals for Reactive State
🎨 Angular 20 introduces new control flow syntax (@for, @if)
📝 Typed reactive forms
💾 Local storage sync
https://stackblitz.com/edit/demo-angular-standalone-components?file=README.md
Enable File Name Suffixes (Optional)
Angular 20 disables suffixes by default. If you want to enable suffixes (e.g., app.component.ts), edit your
angular.json as shown earlier or run:
ng config schematics.@schematics/angular:component.suffix "Component"ng generate environments
ng generate environments --development --staging
Data Engineer
Data warehouse (structured)
Date Lake (unstructured)
Data Analyst
Data Scientist
Przemysław Debiak
https://www.quora.com/profile/Przemys%C5%82aw-D%C4%99biak
https://github.com/FakePsyho/cpcontests
https://x.com/FakePsyho/status/1605570944537280512
https://stackblitz.com/edit/angular-ivy-icdym4qb?file=src%2Fapp%2Fapp.component.ts
https://angular-ivy-icdym4qb.stackblitz.io/
https://stackblitz.com/edit/angular-ivy-ipmtrihq?file=src%2Fapp%2Fapp.component.ts
https://angular-ivy-ipmtrihq.stackblitz.io/
https://github.com/Jordan-Hall
https://x.com/JordanHall_dev/status/1953450910517977512
https://stackblitz.com/edit/angular-ivy-5potvcgn?file=src%2Fapp%2Fapp.component.ts
https://angular-ivy-5potvcgn.stackblitz.io/
https://angular-ivy-2fbobmuw.stackblitz.io/forms
https://stackblitz.com/edit/angular-ivy-jia8gwdb?file=src%2Fapp%2Fapp.component.ts
https://angular-ivy-jia8gwdb.stackblitz.io/forms
https://stackblitz.com/edit/angular-ivy-k2fxrtsf?file=src%2Fapp%2Fapp.component.ts
https://stackblitz.com/edit/angular-ivy-o4jw3zov?file=src%2Fapp%2Fapp.component.ts
https://angular-ivy-o4jw3zov.stackblitz.io/
https://angular-challenges.vercel.app/
https://github.com/tomalaforge/angular-challenges
https://github.com/chrislgarry/Apollo-11
https://www.youtube.com/watch?v=XHN6LV_1dWk
https://github.com/chrislgarry
https://github.com/mateuszchudyk
https://github.com/FelixFrankFelix
https://x.com/JournoMirror/status/1952731832107016379
combineLatest, debounceTime,distinctUntilChanged, switchMap
Apply debounceTime and distinctUntilChanged before combining with sort.
API is called only after both search and sort values are available.
https://stackblitz.com/edit/rxjs-f2ncpbwx?file=index.ts
https://www.linkedin.com/in/mattdeitke/
https://github.com/allenai/objaverse-xl
https://github.com/huongngo-8/
https://www.linkedin.com/in/andrew-tulloch-17238745
https://github.com/trungvose/angular-spotify
https://github.com/pytorch/pytorch
https://www.businessinsider.com/microsoft-amazon-aws-azure-compare-cloud-giants-2025-7
https://github.com/AshKyd/geojson-regions
https://github.com/marketplace
https://github.com/marketplace/models/azure-openai/gpt-4-1
https://github.com/marketplace/models/azure-openai/gpt-4o
https://github.com/marketplace?type=models
playground:
https://github.com/marketplace/models
best LLM:
https://zapier.com/blog/best-llm/
https://github.com/openai/gpt-2
replit
Github actions:
https://github.com/marketplace?type=actions
https://github.com/marketplace/actions/checkout
https://roadmap.sh/ai-engineer
LLaMA 3, Mistral, Gemma, etc., on your own machine (Mac, Linux, Windows).
It provides an HTTP API — but only on localhost by default.
Remote API Access? Out-of-the-box:
❌ No hosted API like Gemini, OpenAI, or Claude.
❌ No API key model.
✅ Only runs locally and exposes an API at http://localhost:11434.
Use cloud services that host open models, such as:
Replicate – https://replicate.com/
Together.ai – https://www.together.ai/
Groq – https://groq.com/
Fireworks.ai – https://fireworks.ai/
Perplexity API (for LLaMA-3) - https://playground.perplexity.ai/
These give you API keys and hosted endpoints.
https://pypi.org/project/ollama/
https://github.com/meta-llama/llama
https://github.com/ollama/ollama
https://www.reddit.com/r/ollama/comments/1b608mf/ollama_api/
https://aistudio.google.com/apikey
https://generativelanguage.googleapis.com/v1/models?key=YOUR_API_KEY
https://github.com/marketplace?type=models
https://ai.google.dev/gemini-api/docs/models
https://ai.google.dev/gemini-api/docs/rate-limits
https://ai.google.dev/gemini-api/docs/available-regions
google cloud console
✔️Use different Google Cloud projects if you need separate quotas for each API key. ✔️ Monitor usage in Google Cloud Console → APIs & Services → Dashboard. ✔️ Restrict API keys to specific apps or IPs for security.
A Google Cloud project is created inside a Google Cloud account.
A single Gmail account (Google account) can own or manage multiple projects.
You can create multiple projects under the same Gmail, each with its own API keys and quotas.
Each project has its own separate billing, quotas, and API keys (unless they share the same billing account).
https://platform.openai.com/docs/models
Llama models Explore https://ollama.com/library
ollama run gemma:2b gemma:2b uses just ~2–3 GB RAM.
ollama run mistral mistral only needs ~4 GB of RAM and still performs quite well for general tasks.
ollama run llama3 Ollama runs models like llama3 entirely on your machine, in memory. Even though it's optimized, LLaMA 3 still needs at least ~6 GB of RAM free, and ideally more (8–12 GB total system RAM recommended).
ollama pull codellama
ollama stop
using LangChain with Ollama RAG
https://ionic.io/resources/webinars/stencil-enterprise-design-systems-at-scale
https://agado.dev/en/blog/enterprise-design-system-with-stencil/
https://ionic.io/blog/announcing-stencil-enterprise
https://ionic.io/resources/case-studies/volkswagen-group
npm install @telekom/scale-components@next
https://github.com/telekom/scale
https://www.npmjs.com/package/@telekom/scale-components
https://www.npmjs.com/package/@telekom/scale-components-neutral
https://digitaldesign.volkswagen-group.com/auth/?referer=%2F
https://www.npmjs.com/package/protean-elements
https://github.com/proteanstudio/design-system
https://design.protean.studio/#/
https://designsystem.porsche.com/v3/news/changelog/
https://www.npmjs.com/package/@porsche-design-system/components-angular
https://www.npmjs.com/package/@aircomponents/components
https://github.com/openwebstudio/AirUI
https://github.com/openwebstudio/Air-Docs
https://github.com/SisyphusZheng/Components
https://github.com/SisyphusZheng?tab=repositories
npm install air-components
https://air.js.org/docs/feature-components/chat
SiliconFlow, a China AI infrastructure startup
import { defineCustomElements } from 'air-components/loader';
defineCustomElements();
Zhi Zheng
https://zhi.deno.dev/resume/?lang=en
https://github.com/SisyphusZheng
https://www.npmjs.com/package/@fabric-msft/fabric-angular
https://www.npmjs.com/package/@fabric-msft/fabric-web?activeTab=readme
alternative design system: https://zardui.com/
https://www.npmjs.com/package/ng-zorro-antd
https://github.com/zard-ui/zardui
You can use either npm or pnpm:
# with npm
npm install
# with pnpm
pnpm installTo start a local development server, run:
ng serveOnce the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
ng generate component component-nameFor a complete list of available schematics (such as components, directives, or pipes), run:
ng generate --helpTo build the project run:
ng buildThis will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.
To execute unit tests with the Karma test runner, use the following command:
ng testFor end-to-end (e2e) testing, run:
ng e2eAngular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.
https://stackblitz.com/edit/angular-ivy-h56fftki?file=src%2Fapp%2Fapp.component.ts
full page view: https://angular-ivy-h56fftki.stackblitz.io/
FLUID Stepper: Form (duplicated)
https://stackblitz.com/edit/angular-ivy-dwwlddvh?file=src%2Fapp%2Fsandbox%2Fsandbox.component.ts
FLUID Stepper: Form Validation w/ Custom Nav (EXAMPLE) (duplicated) https://stackblitz.com/edit/angular-ivy-dyqwpvsy?file=src%2Fapp%2Fsandbox%2Fsandbox.component.ts
FLUID Stepper: Form Validation (EXAMPLE) (duplicated)
https://stackblitz.com/edit/angular-ivy-qyzosvrk?file=src%2Fapp%2Fsandbox%2Fsandbox.component.ts
Fluid Stepper | custom Icon status (duplicated)
https://stackblitz.com/edit/react-ts-goys6frz?file=fluid.ts,index.tsx
FLUID Table: Selectable Rows, Selection Disabled, & Table Loading State (EXAMPLE) (duplicated)
https://stackblitz.com/edit/angular-ivy-tsqpwwnh?file=src%2Fapp%2Fapp.component.ts
FLUID Table Sandbox: Angular (TEMPLATE) (duplicated)
https://stackblitz.com/edit/fluid-table-sandbox-test-n2uabhxv?file=src%2Fapp%2Fapp.component.html