Skip to content

Feat/angular roadmap #424

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 19 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
81d748a
feat: setup new shell component specifically for the roadmap view
dokolyski Mar 27, 2025
4dd6c37
feat: use vflow instead of swimlane, fill the whole workspace with ro…
dokolyski Mar 28, 2025
a30907e
feat(client): implement parsing list of nodes into the layout structure
dokolyski Apr 1, 2025
e6dbb19
feat(client): construct cluster nodes
dokolyski Apr 3, 2025
8ba9e29
feat(client): parse cluster nodes into the result structure, implemen…
dokolyski Apr 3, 2025
66e777f
feat(client): uninstall ngx-vflow
dokolyski Apr 4, 2025
6dfc1f8
feat(client): improve layout, add secondary arrows
dokolyski Apr 4, 2025
eb4db9f
feat(client):appended svg pan initialisation and customised buttons
DamianBrzezinskiHoA Apr 10, 2025
43ecc0f
feat(client): create an initial roadmap json
dokolyski Apr 26, 2025
268958c
chore: resolve pnpm-lock conflicts
dokolyski Apr 26, 2025
a86ce37
feat: refactor roadmap components and consolidate UI logic
May 16, 2025
d2d7a16
feat: restore svg-based approach for horizontal connections but with …
May 19, 2025
16fc308
refactor: update comment to clarify offset calculation context
May 19, 2025
2bdb1e5
feat: handle pan to selected node based on query param
May 20, 2025
765abfd
feat: add roadmap contracts library and extract util function for bui…
May 20, 2025
bb5300d
feat(client): appened new functionality to roadmap
DamianBrzezinskiHoA Jul 23, 2025
0d2b208
feat(client): after code review remarks appended
DamianBrzezinskiHoA Jul 24, 2025
57aabf8
refactor(client): removed legend component
DamianBrzezinskiHoA Jul 25, 2025
ebda1f6
refactor(client): refactored build roadmap function
DamianBrzezinskiHoA Jul 25, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 40 additions & 1 deletion apps/blog/src/assets/i18n/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
"meetups": "Angular Meetups",
"become_author": "Become an author",
"navLinks": "Navigation links",
"roadmap": "Roadmap",
"languagePicker": {
"pl": "Polish",
"en": "English"
Expand Down Expand Up @@ -105,6 +106,43 @@
"description": "From now on you will be up to date with all the information we will make available on the blog.",
"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."
Comment on lines +116 to +121
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Możesz spróbować użyć htmlowych tagów w translacji zamiast 6 osobnych kluczy translacji.

Suggested change
"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."
"toPrepareList": "<ul>
<li>HTML & CSS – Structure and styling of web pages, including Flexbox, Grid, and responsiveness.</li>
</ul>"

},
"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"
},
"bottomsheet": {
"articles": "Articles",
"description": "Description",
"introductionDescription": "Before you start",
"videos": "Videos",
"creators": "Creators",
"share": "Share this roadmap with others"
},
"roadmapControls": {
"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.",
Expand Down Expand Up @@ -142,7 +180,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",
Expand Down
41 changes: 40 additions & 1 deletion apps/blog/src/assets/i18n/pl.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
"meetups": "Angular Meetups",
"become_author": "Zostań autorem",
"navLinks": "Menu",
"roadmap": "Roadmap",
"languagePicker": {
"pl": "Polski",
"en": "Angielski"
Expand Down Expand Up @@ -108,6 +109,43 @@
"description": "Od teraz będziesz na bieżąco ze wszystkimi informacjami jakie będziemy udostępniać na blogu.",
"button": "Powrót na stronę główną"
},
"roadmapPage": {
"introductionNode": {
"title": "Angular.Love Roadmap Wprowadzenie",
"description": "Mapa drogowa 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 & 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": "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"
},
"bottomsheet": {
"articles": "Artykuły",
"description": "Opis",
"introductionDescription": "Zanim zaczniesz",
"videos": "Materiały video",
"creators": "Twórcy",
"share": "Podziel się tą roadmapa z innymi"
},
"roadmapControls": {
"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.",
Expand Down Expand Up @@ -145,7 +183,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",
Expand Down
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/arrow-left.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/arrow-right.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/circle-center.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/zoom-in.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/zoom-out.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions apps/blog/src/assets/icons/zoom-reset.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading