Skill Topic · Cinematic

📘 Angular — Internationalization (i18n)

App ko multiple languages me translate karo — global audience ke liye! 🌍

Overview

📘 Angular — Internationalization (i18n) — Quick Facts

📌

Feature: Built-in i18n (@angular/localize)

🎯

Type: Compile-time

⚡

Builds: Separate build per language

🔑

Performance: ⭐⭐⭐ Best (no runtime overhead)

Topic 1

📌 1. i18n Kya Hai?

📚 🎯 Real-World Analogy — International Hotel 🏨 Socho ek 5-star international hotel hai: -…

Topic 2

📌 2. Built-in i18n Setup

💡 🎯 Analogy — Translation Agency 🏢 Socho tumne ek translation agency hire ki hai: 1. Pehle…

Topic 3

📌 3. Template me i18n Marking

🎯 🎯 Analogy — Highlighter Pen 🖍️ Jaise tumhare paas ek yellow highlighter hai: - Tum…

Topic 4

📌 4. Translation File Extract & Translate

⭐ 🎯 Analogy — Book Publishing in Multiple Languages 📚 Socho tum ek book publish kar rahe…

Topic 5

📌 5. Runtime i18n (ngx-translate)

🔑 🎯 Analogy — Google Translate Widget 🔄 Socho Google Translate ka widget tumhari website pe…

Topic 6

📌 6. ngx-translate — Component Usage

✨ 🎯 Analogy — TV Remote Language Button 📺 Socho tumhare TV remote me ek language button…

Topic 7

📌 7. Date, Number, Currency Formatting

🌟 🎯 Analogy — World Clock & Currency Exchange 🕐💰 Socho tum airport me ho: - World Clock…

Topic 8

📌 8. RTL (Right-to-Left) Support

🚀 🎯 Analogy — Mirror Image 🪞 Socho tumhare English version ka mirror image banana hai: -…

Topic 9

📌 9. Built-in vs ngx-translate — Decision Guide

📚 🎯 Analogy — Dubbed Movie vs Subtitled Movie 🎬 - Built-in i18n = Dubbed Movie — har…

Topic 10

⚠️ Common Mistakes

💡 | # | Mistake | Problem | Fix | |---|---------|---------|-----| | 1 | i18n attribute…

Topic 11

🏋️ Practice Exercises

🎯 Exercise 1: Multi-Language Landing Page (Beginner) Task: Ek landing page banao jo…

Topic 12

✅ Summary

⭐ 🔑 KEY POINTS: - i18n = app ko multiple languages me available karna (hotel analogy —…

Comparison

📌 9. Built-in vs ngx-translate — Decision Guide

⚖️

Translation format: XLF/XLIFF (XML)

⚖️

Build output: Separate folder per…

⚖️

Language switch: Page reload needed

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quick Quiz

Quiz — Question 1

📘 Angular — Internationalization (i18n) ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

📘 Angular — Internationalization (i18n) ka 'Type' kya hai?

Complete! 🎉

📘 Angular — Internationalization (i18n) Complete!

Aliens School · HIEN · Cinematic Knowledge

✅