feat(client): created roadmap (#424)

Co-authored-by: DamianBrzezinskiHoA <[email protected]>

Author: dokolyski

apps/blog/src/assets/i18n/en.json

@@ -27,6 +27,7 @@
     "become_author": "Become an author",
     "newsletter": "Angular.letter",
     "navLinks": "Navigation links",
+    "roadmap": "Roadmap",
     "languagePicker": {
       "pl": "Polish",
       "en": "English"
@@ -119,6 +120,44 @@
       "button": "Return to the home page"
     }
   },
+  "roadmapPage": {
+    "introductionNode": {
+      "title": "Angular.Love Roadmap Introduction",
+      "description": "The Angular Roadmap on Angular.Love is your go-to guide for learning Angular the right way. It breaks down key concepts, best practices, and useful resources in a clear, structured way. Plus, it’s packed with valuable materials and constantly updated to keep up with the latest trends.",
+      "additionalDescription": {
+        "introduction": "Before diving into Angular, it's essential to have a solid understanding of the following concepts:",
+        "toPrepareList": {
+          "1": "HTML & CSS – Structure and styling of web pages, including Flexbox, Grid, and responsiveness.",
+          "2": "JavaScript (ES6+) – Core concepts like variables, functions, promises, and async/await.",
+          "3": "TypeScript – A typed version of JavaScript with interfaces, generics, and decorators.",
+          "4": "Node.js & npm – Running JavaScript outside the browser and managing packages.",
+          "5": "Git – Handling code versions, branches, and teamwork.",
+          "6": "APIs & HTTP – Making requests and working with JSON data."
+        },
+        "ending": "Having a grasp of these topics will make your Angular learning journey much smoother and more effective."
+      }
+    },
+    "label": {
+      "optional": "optional",
+      "comingSoon": "upcoming",
+      "recommended": "recommended"
+    },
+    "dialog": {
+      "becomeAuthor": "Become an author",
+      "articles": "Articles",
+      "description": "Description",
+      "introductionDescription": "Before you start",
+      "videos": "Videos",
+      "creators": "Creators",
+      "share": "Share this roadmap with others"
+    },
+    "controls": {
+      "zoomInRoadmapButton": "Zoom in roadmap",
+      "restoreRoadmapViewButton": "Restore roadmap default view",
+      "restoreRoadmapZoomButton": "Restore roadmap original zoom",
+      "zoomOutRoadmapButton": "Zoom out roadmap"
+    }
+  },
   "notFoundPage": {
     "title": "404",
     "description": "It seems like you've lost your way. The page you provided does not exist or the link has expired and is no longer available.",
@@ -156,7 +195,8 @@
     "home": "Blog and community for Angular fans",
     "aboutUs": "About us",
     "becomeAuthor": "Become an author",
-    "notFound": "Not found"
+    "notFound": "Not found",
+    "roadmap": "Roadmap"
   },
   "adBanner": {
     "registerButton": "Download for free",

apps/blog/src/assets/i18n/pl.json

@@ -27,6 +27,7 @@
     "become_author": "Zostań autorem",
     "newsletter": "Angular.letter",
     "navLinks": "Menu",
+    "roadmap": "Roadmap",
     "languagePicker": {
       "pl": "Polski",
       "en": "Angielski"
@@ -122,6 +123,44 @@
       "button": "Powrót na stronę główną"
     }
   },
+  "roadmapPage": {
+    "introductionNode": {
+      "title": "Angular.Love Roadmap Wprowadzenie",
+      "description": "Roadmapa Angulara na Angular.Love to Twoje niezastąpione źródło wiedzy, jeśli chcesz uczyć się Angulara we właściwy sposób. Przedstawia kluczowe koncepcje, dobre praktyki i przydatne materiały w przejrzystej, uporządkowanej formie. Co więcej, zawiera mnóstwo wartościowych zasobów i jest stale aktualizowana, aby nadążać za najnowszymi trendami",
+      "additionalDescription": {
+        "introduction": "Zanim zagłębisz się w Angulara, warto mieć solidne podstawy w następujących zagadnieniach:",
+        "toPrepareList": {
+          "1": "HTML i CSS – Struktura i stylowanie stron internetowych, w tym Flexbox, Grid i responsywność.",
+          "2": "JavaScript (ES6+) – Podstawowe pojęcia, takie jak zmienne, funkcje, obietnice (promises) oraz async/await.",
+          "3": "TypeScript – Typowana wersja JavaScriptu z interfejsami, generykami i dekoratorami.",
+          "4": "Node.js i npm – Uruchamianie JavaScriptu poza przeglądarką i zarządzanie paczkami.",
+          "5": "Git – Zarządzanie wersjami kodu, gałęziami i pracą zespołową.",
+          "6": "API i HTTP – Wysyłanie zapytań i praca z danymi w formacie JSON."
+        },
+        "ending": "Opanowanie tych zagadnień sprawi, że nauka Angulara będzie znacznie płynniejsza i bardziej efektywna."
+      }
+    },
+    "label": {
+      "optional": "opcjonalne",
+      "comingSoon": "w przyszłości",
+      "recommended": "polecane"
+    },
+    "dialog": {
+      "becomeAuthor": "Become an author",
+      "articles": "Artykuły",
+      "description": "Opis",
+      "introductionDescription": "Zanim zaczniesz",
+      "videos": "Materiały video",
+      "creators": "Twórcy",
+      "share": "Podziel się tą roadmapą z innymi"
+    },
+    "controls": {
+      "zoomInRoadmapButton": "Przybliż roadmapę",
+      "restoreRoadmapViewButton": "Przywróć domyślny widok roadmapy",
+      "restoreRoadmapZoomButton": "Przywróć domyślne powiększenie roadmapy",
+      "zoomOutRoadmapButton": "Oddal roadmapę"
+    }
+  },
   "notFoundPage": {
     "title": "404",
     "description": "Wygląda na to, że zgubiłeś drogę. Strona, której szukasz, nie istnieje lub link wygasł i jest już niedostępny.",
@@ -159,7 +198,8 @@
     "home": "Blog dla sympatyków Angulara",
     "aboutUs": "O nas",
     "becomeAuthor": "Zostań autorem",
-    "notFound": "Nie znaleziono"
+    "notFound": "Nie znaleziono",
+    "roadmap": "Roadmap"
   },
   "adBanner": {
     "registerButton": "Pobierz za darmo",