Add types to links

contributing.md

@@ -41,9 +41,19 @@ Please adhere to the following style when adding content to a topic:
 
 Visit the following resources to learn more:
 
-- [Description of link](Link)
+- [@type@Description of link](Link)
 ```
 
+`@type@` can be one of the following:
+
+- `@official@`
+- `@opensource@`
+- `@article@`
+- `@course@`
+- `@opensource@`
+- `@podcast@`
+- `@video@`
+
 ## Guidelines
 
 - <p><strong>Adding everything available out there is not the goal!</strong><br />

scripts/assign-label-types.cjs

@@ -129,19 +129,20 @@ allRoadmapDirs.forEach((roadmapId) => {
 
   // for each of the files, assign the type of link to the beginning of each markdown link
   // i.e. - [@article@abc](xyz) where @article@ is the type of link. Possible types:
+  // - @official@
+  // - @opensource@
   // - @article@
   // - @course@
   // - @opensource@
   // - @podcast@
   // - @video@
-  // - @website@
   files.forEach((file) => {
     const content = fs.readFileSync(file, 'utf-8');
     const lines = content.split('\n');
 
     const newContent = lines
       .map((line) => {
-        if (line.startsWith('- [')) {
+        if (line.startsWith('- [') && !line.startsWith('- [@')) {
           const type = line.match(/@(\w+)@/);
           if (type) {
             return line;
@@ -158,8 +159,8 @@ allRoadmapDirs.forEach((roadmapId) => {
             }
 
             if (!fullUrl) {
-              console.error('No URL found in line:', line);
-              return;
+              console.error('Invalid URL found in:', file);
+              return line;
             }
           }
 

src/data/roadmaps/ai-data-scientist/content/ab-testing.md

@@ -1,4 +1,4 @@
 # AB Testing
 
-- [Practitioner’s Guide to Statistical Tests](https://vkteam.medium.com/practitioners-guide-to-statistical-tests-ed2d580ef04f#1e3b)
-- [Step by Step Process for Planning an A/B Test](https://towardsdatascience.com/step-by-step-for-planning-an-a-b-test-ef3c93143c0b)
+- [@article@Practitioner’s Guide to Statistical Tests](https://vkteam.medium.com/practitioners-guide-to-statistical-tests-ed2d580ef04f#1e3b)
+- [@article@Step by Step Process for Planning an A/B Test](https://towardsdatascience.com/step-by-step-for-planning-an-a-b-test-ef3c93143c0b)

src/data/roadmaps/ai-data-scientist/content/classic-advanced-ml.md

@@ -1,7 +1,7 @@
 # Classic/Advanced ML
 
-- [Open Machine Learning Course](https://mlcourse.ai/book/topic01/topic01_intro.html)
-- [Coursera: Machine Learning Specialization](https://imp.i384100.net/oqGkrg)
-- [Pattern Recognition and Machine Learning by Christopher Bishop](https://www.microsoft.com/en-us/research/uploads/prod/2006/01/Bishop-Pattern-Recognition-and-Machine-Learning-2006.pdf)
-- [Repository of notes, code and notebooks in Python for the book Pattern Recognition and Machine Learning by Christopher Bishop](https://github.com/gerdm/prml)
+- [@article@Open Machine Learning Course](https://mlcourse.ai/book/topic01/topic01_intro.html)
+- [@article@Coursera: Machine Learning Specialization](https://imp.i384100.net/oqGkrg)
+- [@article@Pattern Recognition and Machine Learning by Christopher Bishop](https://www.microsoft.com/en-us/research/uploads/prod/2006/01/Bishop-Pattern-Recognition-and-Machine-Learning-2006.pdf)
+- [@opensource@Repository of notes, code and notebooks in Python for the book Pattern Recognition and Machine Learning by Christopher Bishop](https://github.com/gerdm/prml)
 

src/data/roadmaps/ai-data-scientist/content/data-understanding.md

@@ -1,6 +1,6 @@
 # Data Understanding, Analysis and Visualization
 
-- [Exploratory Data Analysis With Python and Pandas](https://imp.i384100.net/AWAv4R)
-- [Exploratory Data Analysis for Machine Learning](https://imp.i384100.net/GmQMLE)
-- [Exploratory Data Analysis with Seaborn](https://imp.i384100.net/ZQmMgR)
+- [@article@Exploratory Data Analysis With Python and Pandas](https://imp.i384100.net/AWAv4R)
+- [@article@Exploratory Data Analysis for Machine Learning](https://imp.i384100.net/GmQMLE)
+- [@article@Exploratory Data Analysis with Seaborn](https://imp.i384100.net/ZQmMgR)
 

src/data/roadmaps/ai-data-scientist/content/deployment-models.md

@@ -1,5 +1,5 @@
 # MLOps
 
-- [Machine Learning Engineering for Production (MLOps) Specialization](https://imp.i384100.net/nLA5mx)
-- [Full Stack Deep Learning](https://fullstackdeeplearning.com/course/2022/)
+- [@article@Machine Learning Engineering for Production (MLOps) Specialization](https://imp.i384100.net/nLA5mx)
+- [@article@Full Stack Deep Learning](https://fullstackdeeplearning.com/course/2022/)
 

src/data/roadmaps/ai-data-scientist/content/diff-calculus.md

@@ -1,4 +1,4 @@
 # Differential Calculus
 
-- [Algebra and Differential Calculus for Data Science](https://imp.i384100.net/LX5M7M)
+- [@article@Algebra and Differential Calculus for Data Science](https://imp.i384100.net/LX5M7M)
 

src/data/roadmaps/ai-data-scientist/content/econometrics-pre-req.md

@@ -1,4 +1,4 @@
 # Econometrics Pre-requisites
 
-- [10 Fundamental Theorems for Econometrics](https://bookdown.org/ts_robinson1994/10EconometricTheorems/)
+- [@article@10 Fundamental Theorems for Econometrics](https://bookdown.org/ts_robinson1994/10EconometricTheorems/)
 

src/data/roadmaps/ai-data-scientist/content/fully-connected-nn.md

@@ -1,7 +1,7 @@
 # Fully Connected NN, CNN, RNN, LSTM, Transformers, Transfer Learning
 
-- [The Illustrated Transformer](https://jalammar.github.io/illustrated-transformer/)
-- [Attention is All you Need](https://arxiv.org/pdf/1706.03762.pdf)
-- [Deep Learning Book](https://www.deeplearningbook.org/)
-- [Deep Learning Specialization](https://imp.i384100.net/Wq9MV3)
+- [@article@The Illustrated Transformer](https://jalammar.github.io/illustrated-transformer/)
+- [@article@Attention is All you Need](https://arxiv.org/pdf/1706.03762.pdf)
+- [@article@Deep Learning Book](https://www.deeplearningbook.org/)
+- [@article@Deep Learning Specialization](https://imp.i384100.net/Wq9MV3)
 

src/data/roadmaps/ai-data-scientist/content/hypothesis-testing.md

@@ -1,4 +1,4 @@
 # Hypothesis Testing
 
-- [Introduction to Statistical Analysis: Hypothesis Testing](https://imp.i384100.net/vN0JAA)
+- [@article@Introduction to Statistical Analysis: Hypothesis Testing](https://imp.i384100.net/vN0JAA)
 

src/data/roadmaps/ai-data-scientist/content/increasing-test-sensitivity.md

@@ -1,9 +1,9 @@
 # Increasing Test Sensitivity
 
-- [Minimum Detectable Effect (MDE)](https://splitmetrics.com/resources/minimum-detectable-effect-mde/)
-- [Improving the Sensitivity of Online Controlled Experiments: Case Studies at Netflix](https://kdd.org/kdd2016/papers/files/adp0945-xieA.pdf)
-- [Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-Experiment Data](https://exp-platform.com/Documents/2013-02-CUPED-ImprovingSensitivityOfControlledExperiments.pdf)
-- [How Booking.com increases the power of online experiments with CUPED](https://booking.ai/how-booking-com-increases-the-power-of-online-experiments-with-cuped-995d186fff1d)
-- [Improving Experimental Power through Control Using Predictions as Covariate — CUPAC](https://doordash.engineering/2020/06/08/improving-experimental-power-through-control-using-predictions-as-covariate-cupac/)
-- [Improving the Sensitivity of Online Controlled Experiments: Case Studies at Netflix](https://www.researchgate.net/publication/305997925_Improving_the_Sensitivity_of_Online_Controlled_Experiments_Case_Studies_at_Netflix)
+- [@article@Minimum Detectable Effect (MDE)](https://splitmetrics.com/resources/minimum-detectable-effect-mde/)
+- [@article@Improving the Sensitivity of Online Controlled Experiments: Case Studies at Netflix](https://kdd.org/kdd2016/papers/files/adp0945-xieA.pdf)
+- [@article@Improving the Sensitivity of Online Controlled Experiments by Utilizing Pre-Experiment Data](https://exp-platform.com/Documents/2013-02-CUPED-ImprovingSensitivityOfControlledExperiments.pdf)
+- [@article@How Booking.com increases the power of online experiments with CUPED](https://booking.ai/how-booking-com-increases-the-power-of-online-experiments-with-cuped-995d186fff1d)
+- [@article@Improving Experimental Power through Control Using Predictions as Covariate — CUPAC](https://doordash.engineering/2020/06/08/improving-experimental-power-through-control-using-predictions-as-covariate-cupac/)
+- [@article@Improving the Sensitivity of Online Controlled Experiments: Case Studies at Netflix](https://www.researchgate.net/publication/305997925_Improving_the_Sensitivity_of_Online_Controlled_Experiments_Case_Studies_at_Netflix)
 

src/data/roadmaps/ai-data-scientist/content/learn-dsa.md

@@ -1,5 +1,5 @@
 # Data Structures and Algorithms
 
-- [Learn Algorithms](https://leetcode.com/explore/learn/)
-- [Leetcode - Study Plans](https://leetcode.com/studyplan/)
-- [Algorithms Specialization](https://imp.i384100.net/5gqv4n)
+- [@article@Learn Algorithms](https://leetcode.com/explore/learn/)
+- [@article@Leetcode - Study Plans](https://leetcode.com/studyplan/)
+- [@article@Algorithms Specialization](https://imp.i384100.net/5gqv4n)

src/data/roadmaps/ai-data-scientist/content/learn-python.md

@@ -1,5 +1,5 @@
 # Python
 
-- [Kaggle — Python](https://www.kaggle.com/learn/python)
-- [Google's Python Class](https://developers.google.com/edu/python)
+- [@article@Kaggle — Python](https://www.kaggle.com/learn/python)
+- [@article@Google's Python Class](https://developers.google.com/edu/python)
 

src/data/roadmaps/ai-data-scientist/content/learn-sql.md

@@ -1,4 +1,4 @@
 # SQL
 
-- [SQL Tutorial](https://www.sqltutorial.org/)
+- [@article@SQL Tutorial](https://www.sqltutorial.org/)
 

src/data/roadmaps/ai-data-scientist/content/linear-algebra-calc-mathana.md

@@ -1,4 +1,4 @@
 # Learn Algebra, Calculus, Mathematical Analysis
 
-- [Mathematics for Machine Learning Specialization](https://imp.i384100.net/baqMYv)
-- [Linear Algebra Youtube Course](https://www.youtube.com/playlist?list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab)
+- [@article@Mathematics for Machine Learning Specialization](https://imp.i384100.net/baqMYv)
+- [@video@Linear Algebra Youtube Course](https://www.youtube.com/playlist?list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab)

src/data/roadmaps/ai-data-scientist/content/probability-sampling.md

@@ -1,4 +1,4 @@
 # Probability and Sampling
 
-- [Probability and Statistics: To p or not to p?](https://imp.i384100.net/daDM6Q)
+- [@article@Probability and Statistics: To p or not to p?](https://imp.i384100.net/daDM6Q)
 

src/data/roadmaps/ai-data-scientist/content/ratio-metrics.md

@@ -1,5 +1,5 @@
 # Ratio Metrics
 
-- [Applying the Delta Method in Metric Analytics: A Practical Guide with Novel Ideas](https://arxiv.org/pdf/1803.06336.pdf)
-- [Approximations for Mean and Variance of a Ratio](https://www.stat.cmu.edu/~hseltman/files/ratio.pdf)
+- [@article@Applying the Delta Method in Metric Analytics: A Practical Guide with Novel Ideas](https://arxiv.org/pdf/1803.06336.pdf)
+- [@article@Approximations for Mean and Variance of a Ratio](https://www.stat.cmu.edu/~hseltman/files/ratio.pdf)
 

src/data/roadmaps/ai-data-scientist/content/regression-time-series-fitting-distr.md

@@ -1,12 +1,12 @@
 # Regressions, Time series, Fitting Distributions
 
-- [10 Fundamental Theorems for Econometrics](https://bookdown.org/ts_robinson1994/10EconometricTheorems/)
-- [Dougherty Intro to Econometrics 4th edition](https://www.academia.edu/33062577/Dougherty_Intro_to_Econometrics_4th_ed_small)
-- [Econometrics: Methods and Applications](https://imp.i384100.net/k0krYL)
-- [Kaggle - Learn Time Series](https://www.kaggle.com/learn/time-series)
-- [Time series Basics : Exploring traditional TS](https://www.kaggle.com/code/jagangupta/time-series-basics-exploring-traditional-ts#Hierarchical-time-series)
-- [How to Create an ARIMA Model for Time Series Forecasting in Python](https://machinelearningmastery.com/arima-for-time-series-forecasting-with-python)
-- [11 Classical Time Series Forecasting Methods in Python](https://machinelearningmastery.com/time-series-forecasting-methods-in-python-cheat-sheet/)
-- [Blockchain.com Data Scientist TakeHome Test](https://github.com/stalkermustang/bcdc_ds_takehome)
-- [Linear Regression for Business Statistics](https://imp.i384100.net/9g97Ke)
+- [@article@10 Fundamental Theorems for Econometrics](https://bookdown.org/ts_robinson1994/10EconometricTheorems/)
+- [@article@Dougherty Intro to Econometrics 4th edition](https://www.academia.edu/33062577/Dougherty_Intro_to_Econometrics_4th_ed_small)
+- [@article@Econometrics: Methods and Applications](https://imp.i384100.net/k0krYL)
+- [@article@Kaggle - Learn Time Series](https://www.kaggle.com/learn/time-series)
+- [@article@Time series Basics : Exploring traditional TS](https://www.kaggle.com/code/jagangupta/time-series-basics-exploring-traditional-ts#Hierarchical-time-series)
+- [@article@How to Create an ARIMA Model for Time Series Forecasting in Python](https://machinelearningmastery.com/arima-for-time-series-forecasting-with-python)
+- [@article@11 Classical Time Series Forecasting Methods in Python](https://machinelearningmastery.com/time-series-forecasting-methods-in-python-cheat-sheet/)
+- [@opensource@Blockchain.com Data Scientist TakeHome Test](https://github.com/stalkermustang/bcdc_ds_takehome)
+- [@article@Linear Regression for Business Statistics](https://imp.i384100.net/9g97Ke)
 

src/data/roadmaps/ai-data-scientist/content/stats-clt.md

@@ -1,4 +1,4 @@
 # Statistics, CLT
 
-- [Introduction to Statistics](https://imp.i384100.net/3eRv4v)
+- [@article@Introduction to Statistics](https://imp.i384100.net/3eRv4v)
 

src/data/roadmaps/android/content/100-pick-a-language/100-kotlin.md

@@ -4,5 +4,5 @@
 
 Use following resources to learn more:
 
-- [Learn Kotlin Programming for Beginners - Free Code Camp](https://youtu.be/EExSSotojVI?si=4VPW8ZHa2UMX0HH1)
-- [Learn Kotlin - w3schools](https://www.w3schools.com/kotlin/)
+- [@video@Learn Kotlin Programming for Beginners - Free Code Camp](https://youtu.be/EExSSotojVI?si=4VPW8ZHa2UMX0HH1)
+- [@article@Learn Kotlin - w3schools](https://www.w3schools.com/kotlin/)

src/data/roadmaps/android/content/101-the-fundamentals/104-using-gradle.md

@@ -4,7 +4,7 @@
 
 Visit the following resources to learn more:
 
-- [Introduction to Gradle for Complete Beginners - 25minutes](https://youtu.be/-dtcEMLNmn0?si=NuIP-3wNpUrxfTxA)
-- [Gradle Course for Beginners - 55minutes](https://www.youtube.com/watch?v=R6Z-Sxb837I)
-- [Get going with Gradle - PDF](https://assets.gradlehero.com/get-going-with-gradle/get-going-with-gradle-book.pdf)
+- [@video@Introduction to Gradle for Complete Beginners - 25minutes](https://youtu.be/-dtcEMLNmn0?si=NuIP-3wNpUrxfTxA)
+- [@video@Gradle Course for Beginners - 55minutes](https://www.youtube.com/watch?v=R6Z-Sxb837I)
+- [@article@Get going with Gradle - PDF](https://assets.gradlehero.com/get-going-with-gradle/get-going-with-gradle-book.pdf)
 

src/data/roadmaps/android/content/101-the-fundamentals/105-hello-world-app.md

@@ -3,4 +3,4 @@
 The "Hello World" app is a simple project that you can build when you're getting started with Android development. It's often the first program that beginners learn to build in a new system. It's usually considered the simplest form of program that displays a message to the user - "Hello, World!" In Android, this involves creating a new project from the Android Studio and setting up the main activity. The main activity file is primarily written in Java or Kotlin where you can code for the display message, while the layout design view can be created in the XML file.
 
 Resources:
-- [Create your first android app](https://developer.android.com/codelabs/basic-android-kotlin-compose-first-app)
+- [@article@Create your first android app](https://developer.android.com/codelabs/basic-android-kotlin-compose-first-app)

src/data/roadmaps/angular/content/100-typescript-basics/100-what-is-typescript.md

@@ -4,7 +4,7 @@ TypeScript is a strongly typed, object-oriented, compiled programming language t
 
 Visit the following resources to learn more:
 
-- [What is TypeScript](https://thenewstack.io/what-is-typescript/)
-- [W3Schools – TypeScript Tutorial](https://www.w3schools.com/typescript/)
-- [Tutorials point – TypeScript Tutorial](https://www.tutorialspoint.com/typescript/index.htm)
-- [TypeScript Crash Course for Beginners](https://www.youtube.com/watch?v=d56mG7DezGs)
+- [@article@What is TypeScript](https://thenewstack.io/what-is-typescript/)
+- [@article@W3Schools – TypeScript Tutorial](https://www.w3schools.com/typescript/)
+- [@article@Tutorials point – TypeScript Tutorial](https://www.tutorialspoint.com/typescript/index.htm)
+- [@video@TypeScript Crash Course for Beginners](https://www.youtube.com/watch?v=d56mG7DezGs)

src/data/roadmaps/angular/content/100-typescript-basics/101-why-use-typescript.md

@@ -9,5 +9,5 @@ TypeScript extends JavaScript, providing a better developer experience. The bene
 
 Visit the following resources to learn more:
 
-- [linguinecode - Reasons to use TypeScript](https://linguinecode.com/post/5-reasons-why-to-use-typescript)
-- [Codemotion - Reasons to use TypeScript](https://www.codemotion.com/magazine/backend/why-you-should-use-typescript-for-your-next-project/)
+- [@article@linguinecode - Reasons to use TypeScript](https://linguinecode.com/post/5-reasons-why-to-use-typescript)
+- [@article@Codemotion - Reasons to use TypeScript](https://www.codemotion.com/magazine/backend/why-you-should-use-typescript-for-your-next-project/)

src/data/roadmaps/angular/content/100-typescript-basics/102-structural-typing.md

@@ -6,6 +6,6 @@ TypeScript’s structural type system was designed based on how JavaScript code
 
 Visit the following resources to learn more:
 
-- [Structural typings — Medium](https://medium.com/redox-techblog/structural-typing-in-typescript-4b89f21d6004)
-- [Structural typings — Typescriptlang](https://www.typescriptlang.org/docs/handbook/type-compatibility.html)
-- [Structural typing video for Beginners](https://www.youtube.com/watch?v=kWtwsX_rT3k)
+- [@article@Structural typings — Medium](https://medium.com/redox-techblog/structural-typing-in-typescript-4b89f21d6004)
+- [@article@Structural typings — Typescriptlang](https://www.typescriptlang.org/docs/handbook/type-compatibility.html)
+- [@video@Structural typing video for Beginners](https://www.youtube.com/watch?v=kWtwsX_rT3k)

src/data/roadmaps/angular/content/100-typescript-basics/103-type-inference.md

@@ -4,5 +4,5 @@ In TypeScript, several places where `type inference` is used to provide type inf
 
 Visit the following resources to learn more:
 
-- [Type Inference - typescriptlang](https://www.typescriptlang.org/docs/handbook/type-inference.html)
-- [Type Inference video for Beginners](https://www.youtube.com/watch?v=3ui_st7rtfA)
+- [@article@Type Inference - typescriptlang](https://www.typescriptlang.org/docs/handbook/type-inference.html)
+- [@video@Type Inference video for Beginners](https://www.youtube.com/watch?v=3ui_st7rtfA)

src/data/roadmaps/angular/content/100-typescript-basics/104-union-types.md

@@ -4,6 +4,6 @@ In TypeScript, we can define a variable that can have multiple types of values.
 
 Visit the following resources to learn more:
 
-- [Union Types - typescriptlang](https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html)
-- [Union Type video for Beginners](https://www.youtube.com/watch?v=uxjpm4W5pCo)
-- [Union Types - typescriptlang](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types)
+- [@article@Union Types - typescriptlang](https://www.typescriptlang.org/docs/handbook/unions-and-intersections.html)
+- [@video@Union Type video for Beginners](https://www.youtube.com/watch?v=uxjpm4W5pCo)
+- [@article@Union Types - typescriptlang](https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#union-types)

src/data/roadmaps/angular/content/100-typescript-basics/105-builtin-types.md

@@ -4,5 +4,5 @@ The Builtin types represent the different types of values supported by the langu
 
 Visit the following resources to learn more:
 
-- [TypeScript Types - Tutorialspoint](https://www.tutorialspoint.com/typescript/typescript_types.htm)
-- [Builtin Type video for Beginners](https://www.youtube.com/watch?v=Nt9ajBrqV_M)
+- [@article@TypeScript Types - Tutorialspoint](https://www.tutorialspoint.com/typescript/typescript_types.htm)
+- [@video@Builtin Type video for Beginners](https://www.youtube.com/watch?v=Nt9ajBrqV_M)

src/data/roadmaps/angular/content/100-typescript-basics/106-type-guard.md

@@ -8,5 +8,5 @@ Type guards are typically used for narrowing a type and are pretty similar to fe
 
 Visit the following resources to learn more:
 
-- [Types Guards - Blog](https://blog.logrocket.com/how-to-use-type-guards-typescript/)
-- [TypeScript Type Guards Explained](https://www.youtube.com/watch?v=FEeEItMtDwg)
+- [@article@Types Guards - Blog](https://blog.logrocket.com/how-to-use-type-guards-typescript/)
+- [@video@TypeScript Type Guards Explained](https://www.youtube.com/watch?v=FEeEItMtDwg)

src/data/roadmaps/angular/content/100-typescript-basics/index.md

@@ -4,5 +4,5 @@ In order to enter into the world of Angular application development, typescript
 
 Visit the following resources to learn more:
 
-- [Typescript a Beginners Guide](https://medium.com/jspoint/typescript-a-beginners-guide-6956fe8bcf9e)
-- [TypeScript Playground](https://www.typescriptlang.org/play)
+- [@article@Typescript a Beginners Guide](https://medium.com/jspoint/typescript-a-beginners-guide-6956fe8bcf9e)
+- [@article@TypeScript Playground](https://www.typescriptlang.org/play)

src/data/roadmaps/angular/content/101-rxjs-basics/100-observable-pattern.md

@@ -6,4 +6,4 @@ Angular uses the Observer pattern which simply means — Observable objects are
 
 Visit the following resources to learn more:
 
-- [Angular and Observable](https://medium.com/fuzzycloud/angular-and-observable-4bf890b2a282)
+- [@article@Angular and Observable](https://medium.com/fuzzycloud/angular-and-observable-4bf890b2a282)

src/data/roadmaps/angular/content/101-rxjs-basics/101-observable-lifecycle.md

@@ -11,4 +11,4 @@ There are 4 stages for a life cycle of an observable.
 
 Visit the following resources to learn more:
 
-- [Understanding Observable LifeCycle](https://medium.com/analytics-vidhya/understanding-rxjs-observables-ad5b34d9607f)
+- [@article@Understanding Observable LifeCycle](https://medium.com/analytics-vidhya/understanding-rxjs-observables-ad5b34d9607f)

src/data/roadmaps/angular/content/101-rxjs-basics/102-marble-diagrams.md

@@ -4,7 +4,7 @@ Marble testing allows you to test asynchronous RxJS code synchronously and step-
 
 Visit the following resources to learn more:
 
-- [Understanding Marble Diagrams for Reactive Streams](https://medium.com/@jshvarts/read-marble-diagrams-like-a-pro-3d72934d3ef5)
-- [Interactive Diagrams](https://rxmarbles.com/#from)
-- [How to Read RxJS Marble Diagrams](https://www.youtube.com/watch?v=m6jkzIHMEdg)
-- [Observables Part 4 - Marble Diagrams](https://www.youtube.com/watch?v=wXcPenSfdo0)
+- [@article@Understanding Marble Diagrams for Reactive Streams](https://medium.com/@jshvarts/read-marble-diagrams-like-a-pro-3d72934d3ef5)
+- [@article@Interactive Diagrams](https://rxmarbles.com/#from)
+- [@video@How to Read RxJS Marble Diagrams](https://www.youtube.com/watch?v=m6jkzIHMEdg)
+- [@video@Observables Part 4 - Marble Diagrams](https://www.youtube.com/watch?v=wXcPenSfdo0)

src/data/roadmaps/angular/content/101-rxjs-basics/103-rxjs-vs-promises.md

@@ -9,4 +9,4 @@ In a nutshell, the main differences between the Promise and the Observable are a
 
 Visit the following resources to learn more:
 
-- [Why RxJS? RxJS vs Promises](https://javascript.plainenglish.io/why-rxjs-rxjs-vs-promises-b28962771d68)
+- [@article@Why RxJS? RxJS vs Promises](https://javascript.plainenglish.io/why-rxjs-rxjs-vs-promises-b28962771d68)

src/data/roadmaps/angular/content/101-rxjs-basics/104-operators/100-filtering.md

@@ -4,4 +4,4 @@ RxJS provides a variety of filtering operators that you can use to filter and tr
 
 Visit the following resources to learn more:
 
-- [Understanding RxJS Operators](https://rxjs.dev/api/operators)
+- [@article@Understanding RxJS Operators](https://rxjs.dev/api/operators)

src/data/roadmaps/angular/content/101-rxjs-basics/104-operators/101-rate-limiting.md

@@ -4,7 +4,7 @@ Rate limiting in RxJS refers to the practice of restricting the rate at which ev
 
 Visit the following resources to learn more:
 
-- [throttleTime](https://rxjs.dev/api/operators/throttleTime)
-- [sampleTime](https://rxjs.dev/api/operators/sampleTime)
-- [auditTime](https://rxjs.dev/api/operators/auditTime)
-- [Blogs and tutorials on RxJS](https://blog.angular-university.io/functional-reactive-programming-for-angular-2-developers-rxjs-and-observables/)
+- [@article@throttleTime](https://rxjs.dev/api/operators/throttleTime)
+- [@article@sampleTime](https://rxjs.dev/api/operators/sampleTime)
+- [@article@auditTime](https://rxjs.dev/api/operators/auditTime)
+- [@article@Blogs and tutorials on RxJS](https://blog.angular-university.io/functional-reactive-programming-for-angular-2-developers-rxjs-and-observables/)

src/data/roadmaps/angular/content/101-rxjs-basics/104-operators/102-transformation.md

@@ -12,10 +12,10 @@ These are just a few examples of the many methods available in RxJS for transfor
 
 Here are the official documentation links for the RxJS transformation methods:
 
-- [map](https://rxjs.dev/api/operators/map)
-- [flatMap](https://rxjs.dev/api/operators/flatMap)
-- [concatMap](https://rxjs.dev/api/operators/concatMap)
-- [mergeMap](https://rxjs.dev/api/operators/mergeMap)
-- [switchMap](https://rxjs.dev/api/operators/switchMap)
+- [@article@map](https://rxjs.dev/api/operators/map)
+- [@article@flatMap](https://rxjs.dev/api/operators/flatMap)
+- [@article@concatMap](https://rxjs.dev/api/operators/concatMap)
+- [@article@mergeMap](https://rxjs.dev/api/operators/mergeMap)
+- [@article@switchMap](https://rxjs.dev/api/operators/switchMap)
 
 You can find more information and examples on these methods in the official RxJS documentation. Additionally, you can find more operators on https://rxjs.dev/api/operators and you can also find more information on the library as a whole on https://rxjs.dev/

src/data/roadmaps/angular/content/101-rxjs-basics/104-operators/index.md

@@ -32,5 +32,5 @@ const observable = interval(1000 /* number of milliseconds */);
 
 Visit the following resources to learn more:
 
-- [List of creation operators](https://rxjs.dev/guide/operators#creation-operators-list)
-- [Full RxJS Operators Documentation](https://rxjs.dev/guide/operators)
+- [@article@List of creation operators](https://rxjs.dev/guide/operators#creation-operators-list)
+- [@article@Full RxJS Operators Documentation](https://rxjs.dev/guide/operators)

src/data/roadmaps/angular/content/102-angular-basics/100-angularjs-vs-angular.md

@@ -4,5 +4,5 @@ AngularJS was the older version of Angular, whose support officially ended in Ja
 
 Visit the following resources to learn more:
 
-- [AngularJS Website](https://angularjs.org/)
-- [Official - Getting started with Angular](https://angular.io/start)
+- [@official@AngularJS Website](https://angularjs.org/)
+- [@official@Official - Getting started with Angular](https://angular.io/start)

src/data/roadmaps/angular/content/102-angular-basics/101-angular-components.md

@@ -9,7 +9,7 @@ Components are the main building block for Angular applications. Each component
 
 Visit the following resources to learn more:
 
-- [Angular Components Overview](https://angular.io/guide/component-overview)
-- [Anatomy of a component](https://angular.dev/guide/components)
-- [Composing with Components in Angular](https://angular.dev/essentials/components)
-- [Standalone Components in Angular](https://www.youtube.com/watch?v=x5PZwb4XurU)
+- [@official@Angular Components Overview](https://angular.io/guide/component-overview)
+- [@official@Anatomy of a component](https://angular.dev/guide/components)
+- [@official@Composing with Components in Angular](https://angular.dev/essentials/components)
+- [@video@Standalone Components in Angular](https://www.youtube.com/watch?v=x5PZwb4XurU)

src/data/roadmaps/angular/content/102-angular-basics/102-angular-templates.md

@@ -4,5 +4,5 @@ A Template is a form of HTML which tells Angular to go towards another component
 
 Visit the following resources to learn more:
 
-- [Understanding Templates](https://angular.io/guide/template-overview)
-- [Template Syntax](https://angular.io/guide/template-syntax)
+- [@official@Understanding Templates](https://angular.io/guide/template-overview)
+- [@official@Template Syntax](https://angular.io/guide/template-syntax)

src/data/roadmaps/angular/content/102-angular-basics/103-angular-modules.md

@@ -4,4 +4,4 @@ Modules in Angular act like a container where we can group the components, direc
 
 Visit the following resources to learn more:
 
-- [Introduction to Modules](https://angular.io/guide/architecture-modules)
+- [@official@Introduction to Modules](https://angular.io/guide/architecture-modules)

src/data/roadmaps/angular/content/102-angular-basics/104-dependency-injection.md

@@ -4,5 +4,5 @@ Dependency Injection is one of the fundamental concepts in Angular. DI is wired
 
 Visit the following resources to learn more:
 
-- [Understanding Dependency Injection](https://angular.io/guide/dependency-injection)
-- [Dependency Injection in Action](https://angular.io/guide/dependency-injection-in-action)
+- [@official@Understanding Dependency Injection](https://angular.io/guide/dependency-injection)
+- [@official@Dependency Injection in Action](https://angular.io/guide/dependency-injection-in-action)

src/data/roadmaps/angular/content/102-angular-basics/105-services.md

@@ -4,7 +4,7 @@ Services let you define code or functionalities that are then accessible and reu
 
 Visit the following resources to learn more:
 
-- [Services](https://angular.io/tutorial/toh-pt4)
-- [What is an Angular Service](https://www.javatpoint.com/what-is-an-angular-service)
-- [Service for API Calls](https://www.knowledgehut.com/blog/web-development/make-api-calls-angular)
-- [Service Tutorial with Example](https://www.positronx.io/angular-service-tutorial-with-example/)
+- [@official@Services](https://angular.io/tutorial/toh-pt4)
+- [@article@What is an Angular Service](https://www.javatpoint.com/what-is-an-angular-service)
+- [@article@Service for API Calls](https://www.knowledgehut.com/blog/web-development/make-api-calls-angular)
+- [@article@Service Tutorial with Example](https://www.positronx.io/angular-service-tutorial-with-example/)

src/data/roadmaps/angular/content/102-angular-basics/106-routing.md

@@ -4,5 +4,5 @@ Routing in Angular allows the users to create a single-page application with mul
 
 Visit the following resources to learn more:
 
-- [Angular Routing](https://angular.io/guide/routing-overview)
-- [Common Routing Tasks](https://angular.io/guide/router)
+- [@official@Angular Routing](https://angular.io/guide/routing-overview)
+- [@official@Common Routing Tasks](https://angular.io/guide/router)

src/data/roadmaps/angular/content/103-angular-cli/100-ng-build.md

@@ -4,5 +4,5 @@ The command can be used to build a project of type "application" or "library". W
 
 Visit the following resources to learn more:
 
-- [Ng Build - Angular.io](https://angular.io/cli/build)
-- [Building an Angular project](https://www.youtube.com/watch?v=VB6WuCPDwz0)
+- [@official@Ng Build - Angular.io](https://angular.io/cli/build)
+- [@video@Building an Angular project](https://www.youtube.com/watch?v=VB6WuCPDwz0)

src/data/roadmaps/angular/content/103-angular-cli/101-ng-serve.md

@@ -4,5 +4,5 @@ ng serve — This command builds, deploy, serves and every time watches your cod
 
 Visit the following resources to learn more:
 
-- [Ng serve - Angular.io](https://angular.io/cli/serve)
-- [Running a project with ng serve](https://www.youtube.com/watch?v=-w-RfHcLt5U)
+- [@official@Ng serve - Angular.io](https://angular.io/cli/serve)
+- [@video@Running a project with ng serve](https://www.youtube.com/watch?v=-w-RfHcLt5U)

src/data/roadmaps/angular/content/103-angular-cli/102-ng-generate.md

@@ -4,5 +4,5 @@ ng generate is used to create the component in angular project. These are the tw
 
 Visit the following resources to learn more:
 
-- [Ng generate - Angular.io](https://angular.io/cli/generate)
-- [Angular cli generate component](https://www.youtube.com/watch?v=NlHlu_zzmo4)
+- [@official@Ng generate - Angular.io](https://angular.io/cli/generate)
+- [@video@Angular cli generate component](https://www.youtube.com/watch?v=NlHlu_zzmo4)

src/data/roadmaps/angular/content/103-angular-cli/103-ng-test.md

@@ -6,5 +6,5 @@ ng test is used to runs unit tests in angular project.
 
 Visit the following resources to learn more:
 
-- [Ng test - Angular.io](https://angular.io/cli/test)
-- [Angular Ng test commands](https://www.youtube.com/watch?v=n1O_eRwzRKA)
+- [@official@Ng test - Angular.io](https://angular.io/cli/test)
+- [@video@Angular Ng test commands](https://www.youtube.com/watch?v=n1O_eRwzRKA)

src/data/roadmaps/angular/content/103-angular-cli/104-ng-e2e.md

@@ -4,5 +4,5 @@ End-to-end testing (E2E) of Angular applications is performed using the Protract
 
 Visit the following resources to learn more:
 
-- [Ng e2e - Angular.io](https://angular.io/cli/e2e)
-- [Angular cli generate component](https://www.youtube.com/watch?v=3vFnhzEGfew)
+- [@official@Ng e2e - Angular.io](https://angular.io/cli/e2e)
+- [@video@Angular cli generate component](https://www.youtube.com/watch?v=3vFnhzEGfew)

src/data/roadmaps/angular/content/103-angular-cli/105-ng-new.md

@@ -8,5 +8,5 @@ The default Angular project, All dependencies installed in node_modules folder ,
 
 Visit the following resources to learn more:
 
-- [Ng New - Angular.io](https://angular.io/cli/new)
-- [ng New command](https://www.youtube.com/watch?v=NdEpZezptkQ)
+- [@official@Ng New - Angular.io](https://angular.io/cli/new)
+- [@video@ng New command](https://www.youtube.com/watch?v=NdEpZezptkQ)

src/data/roadmaps/angular/content/103-angular-cli/106-schematics.md

@@ -4,5 +4,5 @@ A schematic is a template-based code generator that supports complex logic. It i
 
 Visit the following resources to learn more:
 
-- [Angular Website](https://angular.io/guide/schematics)
-- [Angular Blog](https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2?gi=ad9571373944)
+- [@official@Angular Website](https://angular.io/guide/schematics)
+- [@article@Angular Blog](https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2?gi=ad9571373944)

src/data/roadmaps/angular/content/103-angular-cli/index.md

@@ -6,5 +6,5 @@ The Angular CLI is a command-line interface tool that you use to initialize, dev
 
 Visit the following resources to learn more:
 
-- [Angular CLI - Angular.io](https://angular.io/cli)
-- [Angular CLI - setup](https://www.youtube.com/watch?v=mZnzX3J5XKI)
+- [@official@Angular CLI - Angular.io](https://angular.io/cli)
+- [@video@Angular CLI - setup](https://www.youtube.com/watch?v=mZnzX3J5XKI)

src/data/roadmaps/angular/content/104-templates/100-interpolation.md

@@ -4,5 +4,5 @@ Interpolation refers to embedding expressions into marked up text. By default, i
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.io/guide/interpolation)
-- [Displaying values with interpolation](https://angular.dev/guide/templates/interpolation)
+- [@official@Angular Official Website](https://angular.io/guide/interpolation)
+- [@official@Displaying values with interpolation](https://angular.dev/guide/templates/interpolation)

src/data/roadmaps/angular/content/104-templates/101-property-binding.md

@@ -4,4 +4,4 @@ Property binding helps you set values for properties of HTML elements or directi
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.dev/guide/templates/property-binding)
+- [@official@Angular Official Website](https://angular.dev/guide/templates/property-binding)

src/data/roadmaps/angular/content/104-templates/102-template-statements.md

@@ -4,5 +4,5 @@ Template statements are methods or properties that you can use in your HTML to r
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.io/guide/template-statements)
-- [Understanding Template Statements](https://angular.dev/guide/templates/template-statements#)
+- [@official@Angular Official Website](https://angular.io/guide/template-statements)
+- [@official@Understanding Template Statements](https://angular.dev/guide/templates/template-statements#)

src/data/roadmaps/angular/content/104-templates/103-binding-data-props-attrs-events.md

@@ -9,4 +9,4 @@ In an Angular template, a binding creates a live connection between view and the
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.io/guide/binding-overview)
+- [@official@Angular Official Website](https://angular.io/guide/binding-overview)

src/data/roadmaps/angular/content/104-templates/104-reference-vars.md

@@ -4,4 +4,4 @@ Template reference variables help you use data from one part of a template in an
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.dev/guide/templates/reference-variables)
+- [@official@Angular Official Website](https://angular.dev/guide/templates/reference-variables)

src/data/roadmaps/angular/content/104-templates/105-input-output.md

@@ -4,4 +4,4 @@
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.io/guide/inputs-outputs)
+- [@official@Angular Official Website](https://angular.io/guide/inputs-outputs)

src/data/roadmaps/angular/content/104-templates/index.md

@@ -4,4 +4,4 @@ A template is a form of HTML that tells Angular how to render the component.
 
 Visit the following resources to learn more:
 
-- [Introduction to Components and Templates](https://angular.io/guide/architecture-components)
+- [@official@Introduction to Components and Templates](https://angular.io/guide/architecture-components)

src/data/roadmaps/angular/content/105-rendering-topics/100-builtin-directives.md

@@ -6,5 +6,5 @@ SKDirectives are classes that add additional behavior to elements in your Angula
 
 Visit the following resources to learn more:
 
-- [Understanding BuiltIn Directives](https://angular.io/guide/built-in-directives)
-- [BuiltIn Directives Types](https://thinkster.io/tutorials/angular-2-directives)
+- [@official@Understanding BuiltIn Directives](https://angular.io/guide/built-in-directives)
+- [@article@BuiltIn Directives Types](https://thinkster.io/tutorials/angular-2-directives)

src/data/roadmaps/angular/content/105-rendering-topics/101-builtin-pipes.md

@@ -6,5 +6,5 @@ Use pipes to transform strings, currency amounts, dates, and other data for disp
 
 Visit the following resources to learn more:
 
-- [Understanding BuiltIn Pipes](https://angular.io/guide/pipes)
-- [BuiltIn Pipes - examples](https://codecraft.tv/courses/angular/pipes/built-in-pipes/)
+- [@official@Understanding BuiltIn Pipes](https://angular.io/guide/pipes)
+- [@article@BuiltIn Pipes - examples](https://codecraft.tv/courses/angular/pipes/built-in-pipes/)

src/data/roadmaps/angular/content/105-rendering-topics/102-change-detection.md

@@ -4,5 +4,5 @@ Change detection is the process through which Angular checks to see whether your
 
 Visit the following resources to learn more:
 
-- [Understanding Change detection](https://angular.io/guide/change-detection)
-- [4 Runtime Performance Optimizations ( Change detection )](https://www.youtube.com/watch?v=f8sA-i6gkGQ)
+- [@official@Understanding Change detection](https://angular.io/guide/change-detection)
+- [@video@4 Runtime Performance Optimizations ( Change detection )](https://www.youtube.com/watch?v=f8sA-i6gkGQ)

src/data/roadmaps/angular/content/106-forms/100-reactive-forms.md

@@ -4,7 +4,7 @@ Reactive Forms in angular are those which used to handle the inputs coming from
 
 Visit the following resources to learn more:
 
-- [Reactive forms - Angular](https://angular.io/guide/reactive-forms)
-- [Angular Reactive Forms](https://www.javatpoint.com/angular-reactive-forms)
-- [How To Use Reactive Forms in Angular](https://www.digitalocean.com/community/tutorials/angular-reactive-forms-introduction)
-- [Reactive Form in Angular](https://www.youtube.com/watch?v=8k4ctDmVn7w)
+- [@official@Reactive forms - Angular](https://angular.io/guide/reactive-forms)
+- [@article@Angular Reactive Forms](https://www.javatpoint.com/angular-reactive-forms)
+- [@article@How To Use Reactive Forms in Angular](https://www.digitalocean.com/community/tutorials/angular-reactive-forms-introduction)
+- [@video@Reactive Form in Angular](https://www.youtube.com/watch?v=8k4ctDmVn7w)

src/data/roadmaps/angular/content/106-forms/101-template-driven-forms.md

@@ -6,7 +6,7 @@ It uses two-way data-binding (ngModel) to create and handle the form components.
 
 Visit the following resources to learn more:
 
-- [Building a template-driven form](https://angular.io/guide/forms)
-- [Template-Driven Forms](https://codecraft.tv/courses/angular/forms/template-driven/)
-- [Template driven form](https://www.youtube.com/watch?v=whr14XxB8-M)
-- [Template driven form Validations](https://www.youtube.com/watch?v=cVd4ZCIXprs)
+- [@official@Building a template-driven form](https://angular.io/guide/forms)
+- [@article@Template-Driven Forms](https://codecraft.tv/courses/angular/forms/template-driven/)
+- [@video@Template driven form](https://www.youtube.com/watch?v=whr14XxB8-M)
+- [@video@Template driven form Validations](https://www.youtube.com/watch?v=cVd4ZCIXprs)

src/data/roadmaps/angular/content/106-forms/index.md

@@ -6,7 +6,7 @@ Angular provides two approaches to handle user inputs trough forms: reactive and
 
 Visit the following resources to learn more:
 
-- [Introduction to forms in Angular](https://angular.io/guide/forms-overview)
-- [Angular Forms](https://www.w3schools.com/angular/angular_forms.asp)
-- [Angular Forms Tutorial](https://www.youtube.com/watch?v=-bGgjgx3fGs)
-- [Building Forms in Angular Apps](https://www.youtube.com/watch?v=hAaoPOx_oIw)
+- [@official@Introduction to forms in Angular](https://angular.io/guide/forms-overview)
+- [@article@Angular Forms](https://www.w3schools.com/angular/angular_forms.asp)
+- [@video@Angular Forms Tutorial](https://www.youtube.com/watch?v=-bGgjgx3fGs)
+- [@video@Building Forms in Angular Apps](https://www.youtube.com/watch?v=hAaoPOx_oIw)

src/data/roadmaps/angular/content/107-routing/101-router-outlets.md

@@ -6,4 +6,4 @@ Thanks to the router outlet, your app will have multiple views/pages and the app
 
 Visit the following resources to learn more:
 
-- [Understanding Router Outlets](https://angular.io/api/router/RouterOutlet)
+- [@official@Understanding Router Outlets](https://angular.io/api/router/RouterOutlet)

src/data/roadmaps/angular/content/107-routing/102-router-links.md

@@ -4,5 +4,5 @@ In Angular, routerLink when applied to an element in a template, makes that elem
 
 Visit the following resources to learn more:
 
-- [Understanding Router Links](https://angular.io/api/router/RouterLink)
-- [Angular Router: Navigation Using RouterLink, Navigate, or NavigateByUrl](https://www.digitalocean.com/community/tutorials/angular-navigation-routerlink-navigate-navigatebyurl)
+- [@official@Understanding Router Links](https://angular.io/api/router/RouterLink)
+- [@article@Angular Router: Navigation Using RouterLink, Navigate, or NavigateByUrl](https://www.digitalocean.com/community/tutorials/angular-navigation-routerlink-navigate-navigatebyurl)

src/data/roadmaps/angular/content/107-routing/103-router-events.md

@@ -2,4 +2,4 @@
 
 The Angular Router raises events when it navigates from one route to another route. It raises several events such as `NavigationStart`, `NavigationEnd`, `NavigationCancel`, `NavigationError`, `ResolveStart`, etc. You can listen to these events and find out when the state of the route changes. Some of the useful events are route change start (NavigationStart) and route change end (NavigationEnd).
 
-- [Angular Official Website](https://angular.io/api/router/RouterEvent)
+- [@official@Angular Official Website](https://angular.io/api/router/RouterEvent)

src/data/roadmaps/angular/content/107-routing/104-guards.md

@@ -6,10 +6,10 @@ Some types of angular guards are `CanActivate`, `CanActivateChild`, `CanLoad`, `
 
 Visit the following resources to learn more:
 
-- [Angular Official Website](https://angular.io/api/router)
-- [Can Activate Guard](https://angular.io/api/router/CanActivate)
-- [Can Activate Child](https://angular.io/api/router/CanActivateChild)
-- [Can Deactivate](https://angular.io/api/router/CanDeactivate)
-- [Angular Can Load](https://angular.io/api/router/CanLoad)
-- [Can Match](https://angular.io/api/router/CanMatch)
-- [Resolve](https://angular.io/api/router/Resolve)
+- [@official@Angular Official Website](https://angular.io/api/router)
+- [@official@Can Activate Guard](https://angular.io/api/router/CanActivate)
+- [@official@Can Activate Child](https://angular.io/api/router/CanActivateChild)
+- [@official@Can Deactivate](https://angular.io/api/router/CanDeactivate)
+- [@official@Angular Can Load](https://angular.io/api/router/CanLoad)
+- [@official@Can Match](https://angular.io/api/router/CanMatch)
+- [@official@Resolve](https://angular.io/api/router/Resolve)

src/data/roadmaps/angular/content/107-routing/105-lazy-loading.md

@@ -4,5 +4,5 @@ Lazy loading is a technique in Angular that allows you to load JavaScript compon
 
 Visit the following resources to learn more:
 
-- [What is Lazy loading ? - Angular.io ](https://angular.io/guide/lazy-loading-ngmodules)
-- [Angular Tutorial - Lazy Loading](https://www.youtube.com/watch?v=JjIQq9lh-Bw)
+- [@official@What is Lazy loading ? - Angular.io ](https://angular.io/guide/lazy-loading-ngmodules)
+- [@video@Angular Tutorial - Lazy Loading](https://www.youtube.com/watch?v=JjIQq9lh-Bw)

src/data/roadmaps/angular/content/107-routing/index.md

@@ -4,5 +4,5 @@ Routing in Angular allows the users to create a single-page application with mul
 
 Visit the following resources to learn more:
 
-- [Explanation of Routing ? - Angular.io ](https://angular.io/guide/router)
-- [Angular Tutorial - Routing and Navigation](https://www.youtube.com/watch?v=Nehk4tBxD4o)
+- [@official@Explanation of Routing ? - Angular.io ](https://angular.io/guide/router)
+- [@video@Angular Tutorial - Routing and Navigation](https://www.youtube.com/watch?v=Nehk4tBxD4o)

src/data/roadmaps/angular/content/108-services-remote-data/100-dependency-injection.md

@@ -4,5 +4,5 @@ Dependency Injection (DI) is a design pattern that creates the dependencies of a
 
 Visit the following resources to learn more:
 
-- [What is Dependency Injection ? - angular.io ](https://angular.io/guide/dependency-injection)
-- [Introduction of Dependency injection](https://www.youtube.com/watch?v=OFPIGlxunL0)
+- [@official@What is Dependency Injection ? - angular.io ](https://angular.io/guide/dependency-injection)
+- [@video@Introduction of Dependency injection](https://www.youtube.com/watch?v=OFPIGlxunL0)

src/data/roadmaps/angular/content/108-services-remote-data/index.md

@@ -4,5 +4,5 @@ Components shouldn't fetch or save data directly and shouldn't knowingly present
 
 Visit the following resources to learn more:
 
-- [Adding Services in Angular](https://angular.io/tutorial/toh-pt4)
-- [Get Data from Server](https://angular.io/tutorial/toh-pt6)
+- [@official@Adding Services in Angular](https://angular.io/tutorial/toh-pt4)
+- [@official@Get Data from Server](https://angular.io/tutorial/toh-pt6)

src/data/roadmaps/angular/content/109-lifecycle-hooks.md

@@ -10,5 +10,5 @@ The following life cycle hooks of angular are :
 
 Visit the following resources to learn more:
 
-- [What is Life Cycle Hooks? - Angular.io ](https://angular.io/guide/lifecycle-hooks)
-- [The life cycle hooks of angular - Blog ](https://blog.logrocket.com/angular-lifecycle-hooks/)
+- [@official@What is Life Cycle Hooks? - Angular.io ](https://angular.io/guide/lifecycle-hooks)
+- [@article@The life cycle hooks of angular - Blog ](https://blog.logrocket.com/angular-lifecycle-hooks/)

src/data/roadmaps/angular/content/110-state-management/100-ngxs.md

@@ -4,6 +4,6 @@ Ngxs is a state management pattern for the Angular framework. It acts as a singl
 
 Visit the following resources to learn more:
 
-- [What is NGXS ? - Ngxs.io ](https://www.ngxs.io/)
-- [Details about NGXS - Medium ](https://medium.com/@knoldus/introduction-to-ngxs-state-management-pattern-library-for-angular-ec76f681ceba)
-- [Practise of NGXS](https://www.youtube.com/watch?v=SGj11j4hxmg)
+- [@official@What is NGXS ? - Ngxs.io ](https://www.ngxs.io/)
+- [@article@Details about NGXS - Medium ](https://medium.com/@knoldus/introduction-to-ngxs-state-management-pattern-library-for-angular-ec76f681ceba)
+- [@video@Practise of NGXS](https://www.youtube.com/watch?v=SGj11j4hxmg)

src/data/roadmaps/angular/content/110-state-management/101-ngrx.md

@@ -3,6 +3,6 @@
 Ngrx is a group of Angular libraries for reactive extensions that implements the Redux pattern and it’s supercharged with RXJS.
 Visit the following resources to learn more:
 
-- [What is NGRX ? - ngrx.io ](https://ngrx.io/)
-- [Details about NGRX - Medium ](https://ahmedrebai.medium.com/introduction-to-state-management-with-ngrx-and-angular-91f4ff27ec9f)
-- [Practise of NGRX](https://www.youtube.com/watch?v=f97ICOaekNU)
+- [@official@What is NGRX ? - ngrx.io ](https://ngrx.io/)
+- [@article@Details about NGRX - Medium ](https://ahmedrebai.medium.com/introduction-to-state-management-with-ngrx-and-angular-91f4ff27ec9f)
+- [@video@Practise of NGRX](https://www.youtube.com/watch?v=f97ICOaekNU)

src/data/roadmaps/angular/content/110-state-management/index.md

@@ -4,6 +4,6 @@ Application state management is the process of maintaining knowledge of an appli
 
 Visit the following resources to learn more:
 
-- [What is State Management?](https://www.techtarget.com/searchapparchitecture/definition/state-management)
-- [ Angular state management made simple with NgRx](https://blog.logrocket.com/angular-state-management-made-simple-with-ngrx/)
-- [Angular State Management with NgRx](https://www.syncfusion.com/blogs/post/angular-state-management-with-ngrx.aspx)
+- [@article@What is State Management?](https://www.techtarget.com/searchapparchitecture/definition/state-management)
+- [@article@ Angular state management made simple with NgRx](https://blog.logrocket.com/angular-state-management-made-simple-with-ngrx/)
+- [@article@Angular State Management with NgRx](https://www.syncfusion.com/blogs/post/angular-state-management-with-ngrx.aspx)

src/data/roadmaps/angular/content/111-zones.md

@@ -1,3 +1,3 @@
 # Zones
 
-- [Angular - NgZone](https://angular.io/guide/zone)
+- [@official@Angular - NgZone](https://angular.io/guide/zone)

src/data/roadmaps/angular/content/112-creating-a-custom-x/100-directive.md

@@ -6,5 +6,5 @@ From the core concept, Angular directives are categorized into three categories:
 
 Visit the following resources to learn more:
 
-- [Create a custom directive - Freecodecamp](https://www.freecodecamp.org/news/angular-directives-learn-how-to-use-or-create-custom-directives-in-angular-c9b133c24442/)
-- [Create a custom directive video for Beginners](https://www.youtube.com/watch?v=AoN56g6UAsE)
+- [@article@Create a custom directive - Freecodecamp](https://www.freecodecamp.org/news/angular-directives-learn-how-to-use-or-create-custom-directives-in-angular-c9b133c24442/)
+- [@video@Create a custom directive video for Beginners](https://www.youtube.com/watch?v=AoN56g6UAsE)

src/data/roadmaps/angular/content/112-creating-a-custom-x/101-pipe.md

@@ -4,5 +4,5 @@ Pipes to transform strings, currency amounts, dates, and other data for display.
 
 Visit the following resources to learn more:
 
-- [Create a custom pipe - angular.io](https://angular.io/guide/pipes-custom-data-trans)
-- [Create a custom pipe video for Beginners](https://www.youtube.com/watch?v=P2587FN4Y0w)
+- [@official@Create a custom pipe - angular.io](https://angular.io/guide/pipes-custom-data-trans)
+- [@video@Create a custom pipe video for Beginners](https://www.youtube.com/watch?v=P2587FN4Y0w)

src/data/roadmaps/angular/content/112-creating-a-custom-x/102-library.md

@@ -4,4 +4,4 @@ Use the Angular CLI and the npm package manager to build and publish your librar
 
 Visit the following resources to learn more:
 
-- [Angular Website](https://angular.io/guide/creating-libraries)
+- [@official@Angular Website](https://angular.io/guide/creating-libraries)

src/data/roadmaps/angular/content/112-creating-a-custom-x/103-standalone-component.md

@@ -4,4 +4,4 @@ Standalone components provide a simplified way to build Angular applications. St
 
 Visit the following resources to learn more:
 
-- [Angular Website](https://angular.io/guide/standalone-components)
+- [@official@Angular Website](https://angular.io/guide/standalone-components)

src/data/roadmaps/angular/content/113-angular-ssr/100-angular-universal.md

@@ -4,5 +4,5 @@ Angular Universal also known as server-side rendering is tool which allows serve
 
 Visit the following resources to learn more:
 
-- [Angular Website](https://angular.io/guide/universal)
-- [Github Repository](https://github.com/angular/universal)
+- [@official@Angular Website](https://angular.io/guide/universal)
+- [@opensource@Github Repository](https://github.com/angular/universal)

src/data/roadmaps/angular/content/113-angular-ssr/index.md

@@ -4,5 +4,5 @@ A normal Angular application executes in the browser, rendering pages in the DOM
 
 Visit the following resources to learn more:
 
-- [Angular Universal](https://angular.io/guide/universal)
-- [Rendering on the Web](https://web.dev/rendering-on-the-web/)
+- [@official@Angular Universal](https://angular.io/guide/universal)
+- [@article@Rendering on the Web](https://web.dev/rendering-on-the-web/)

src/data/roadmaps/angular/content/114-angular-ssg/100-scully.md

@@ -4,5 +4,5 @@ Scully is the best static site generator for Angular projects looking to embrace
 
 Visit the following resources to learn more:
 
-- [Scully Website](https://scully.io/)
-- [Github Repository](https://github.com/scullyio/scully)
+- [@official@Scully Website](https://scully.io/)
+- [@opensource@Github Repository](https://github.com/scullyio/scully)

src/data/roadmaps/angular/content/115-testing-angular-apps/100-testing-pipes.md

@@ -4,5 +4,5 @@ An Angular Pipe is a special function that is called from a Component template.
 
 Visit the following resources to learn more:
 
-- [Angular.io Website](https://angular.io/guide/testing-pipes)
-- [Testing-Angular.com](https://testing-angular.com/testing-pipes/)
+- [@official@Angular.io Website](https://angular.io/guide/testing-pipes)
+- [@article@Testing-Angular.com](https://testing-angular.com/testing-pipes/)

src/data/roadmaps/angular/content/115-testing-angular-apps/101-testing-services.md

@@ -4,5 +4,5 @@ In an Angular application, Services are responsible for fetching, storing and pr
 
 Visit the following resources to learn more:
 
-- [Angular.io Website](https://angular.io/guide/testing-services)
-- [Testing-Angular.com](https://testing-angular.com/testing-services/)
+- [@official@Angular.io Website](https://angular.io/guide/testing-services)
+- [@article@Testing-Angular.com](https://testing-angular.com/testing-services/)

src/data/roadmaps/angular/content/115-testing-angular-apps/102-testing-component-bindings.md

@@ -4,4 +4,4 @@ Angular processes all data bindings once for each JavaScript event cycle, from t
 
 Visit the following resources to learn more:
 
-- [Angular.io Website](https://angular.io/guide/architecture-components)
+- [@official@Angular.io Website](https://angular.io/guide/architecture-components)

src/data/roadmaps/angular/content/115-testing-angular-apps/103-testing-directives.md

@@ -4,5 +4,5 @@ Directives are classes that add new behavior or modify the existing behavior to
 
 Visit the following resources to learn more:
 
-- [Angular.io Website](https://angular.io/guide/testing-attribute-directives)
-- [tesing-angular Website](https://testing-angular.com/testing-directives/)
+- [@official@Angular.io Website](https://angular.io/guide/testing-attribute-directives)
+- [@article@tesing-angular Website](https://testing-angular.com/testing-directives/)

src/data/roadmaps/angular/content/115-testing-angular-apps/104-testing-component-templates.md

@@ -4,4 +4,4 @@ With a component template , you can save and reuse component processes and prope
 
 Visit the following resources to learn more:
 
-- [Angular.io Website](https://angular.io/guide/architecture-components)
+- [@official@Angular.io Website](https://angular.io/guide/architecture-components)

src/data/roadmaps/api-design/content/api-security@qIJ6dUppjAjOTA8eQbp0n.md

@@ -4,4 +4,4 @@ API Security refers to the practices and products that are used to secure applic
 
 Have a look at the following resources to understand API security and vulnerabilties further:
 
-- [OWASP Project API Security](https://owasp.org/API-Security/editions/2023/en/0x00-toc/)
+- [@article@OWASP Project API Security](https://owasp.org/API-Security/editions/2023/en/0x00-toc/)

src/data/roadmaps/api-design/content/grpc-apis@Wwd-0PjrtViMFWxRGaQey.md

@@ -8,7 +8,7 @@ gRPC uses the protocol buffer language to define the structure of the data that
 
 Visit the following resources to learn more:
 
-- [gRPC Website](https://grpc.io/)
-- [gRPC Introduction](https://grpc.io/docs/what-is-grpc/introduction/)
-- [gRPC Core Concepts](https://grpc.io/docs/what-is-grpc/core-concepts/)
-- [Stephane Maarek - gRPC Introduction](https://youtu.be/XRXTsQwyZSU)
+- [@official@gRPC Website](https://grpc.io/)
+- [@official@gRPC Introduction](https://grpc.io/docs/what-is-grpc/introduction/)
+- [@official@gRPC Core Concepts](https://grpc.io/docs/what-is-grpc/core-concepts/)
+- [@video@Stephane Maarek - gRPC Introduction](https://youtu.be/XRXTsQwyZSU)

src/data/roadmaps/aspnet-core/content/100-basics-of-csharp/100-csharp.md

@@ -4,7 +4,7 @@ C# is a modern coding language that was developed by Microsoft that focuses on a
 
 Visit the following resources to learn more:
 
-- [C# official website?](https://learn.microsoft.com/en-us/dotnet/csharp//)
-- [The Beginners Guide to C#](https://www.w3schools.com/CS/index.php)
-- [C# Tutorial](https://www.w3schools.com/cs/index.php)
-- [C# Full Course - Learn C# 10 and .NET 6 in 7 hours](https://www.youtube.com/watch?v=q_F4PyW8GTg)
+- [@article@C# official website?](https://learn.microsoft.com/en-us/dotnet/csharp//)
+- [@article@The Beginners Guide to C#](https://www.w3schools.com/CS/index.php)
+- [@article@C# Tutorial](https://www.w3schools.com/cs/index.php)
+- [@video@C# Full Course - Learn C# 10 and .NET 6 in 7 hours](https://www.youtube.com/watch?v=q_F4PyW8GTg)

src/data/roadmaps/aspnet-core/content/100-basics-of-csharp/101-dotnet.md

@@ -4,5 +4,5 @@
 
 For more information, visit the following link:
 
-- [What is .NET?](https://dotnet.microsoft.com/en-us/learn/dotnet/what-is-dotnet)
-- [An Overview of .NET](https://auth0.com/blog/what-is-dotnet-platform-overview/)
+- [@article@What is .NET?](https://dotnet.microsoft.com/en-us/learn/dotnet/what-is-dotnet)
+- [@article@An Overview of .NET](https://auth0.com/blog/what-is-dotnet-platform-overview/)

src/data/roadmaps/aspnet-core/content/100-basics-of-csharp/102-dotnet-cli.md

@@ -4,5 +4,5 @@
 
 Visit the following resources to learn more:
 
-- [Microsoft - .NET CLI overview](https://learn.microsoft.com/en-us/dotnet/core/tools/)
-- [Intro To The .NET CLI](https://youtu.be/RQLzp2Z8-BE)
+- [@article@Microsoft - .NET CLI overview](https://learn.microsoft.com/en-us/dotnet/core/tools/)
+- [@video@Intro To The .NET CLI](https://youtu.be/RQLzp2Z8-BE)

src/data/roadmaps/aspnet-core/content/100-basics-of-csharp/index.md

@@ -8,7 +8,7 @@ C# is a popular language for building .NET applications, and it is used by many
 
 Visit the following links for more information:
 
-- [Introduction to C#](https://learn.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/)
-- [Basics Of C#](https://www.c-sharpcorner.com/UploadFile/e9fdcd/basics-of-C-Sharp/)
-- [C# Tutorials](https://dotnettutorials.net/course/csharp-dot-net-tutorials/)
-- [C# tutorials - W3Schools](https://www.w3schools.com/cs/index.php)
+- [@article@Introduction to C#](https://learn.microsoft.com/en-us/dotnet/csharp/tour-of-csharp/tutorials/)
+- [@article@Basics Of C#](https://www.c-sharpcorner.com/UploadFile/e9fdcd/basics-of-C-Sharp/)
+- [@article@C# Tutorials](https://dotnettutorials.net/course/csharp-dot-net-tutorials/)
+- [@article@C# tutorials - W3Schools](https://www.w3schools.com/cs/index.php)

src/data/roadmaps/aspnet-core/content/101-general-development-skills/100-git.md

@@ -4,6 +4,6 @@
 
 Visit the following resources to learn more:
 
-- [Git & GitHub Crash Course For Beginners](https://www.youtube.com/watch?v=SWYqp7iY_Tc)
-- [Learn Git with Tutorials, News and Tips - Atlassian](https://www.atlassian.com/git)
-- [Git Cheat Sheet](https://cs.fyi/guide/git-cheatsheet)
+- [@video@Git & GitHub Crash Course For Beginners](https://www.youtube.com/watch?v=SWYqp7iY_Tc)
+- [@article@Learn Git with Tutorials, News and Tips - Atlassian](https://www.atlassian.com/git)
+- [@article@Git Cheat Sheet](https://cs.fyi/guide/git-cheatsheet)

src/data/roadmaps/aspnet-core/content/101-general-development-skills/101-azure-devops-services.md

@@ -12,5 +12,5 @@ These services can be used to create a full-featured development environment tha
 
 For more information, visit the following links:
 
-- [Build, test, and deploy .NET Core apps](https://learn.microsoft.com/en-us/azure/devops/pipelines/ecosystems/dotnet-core?view=azure-devops&tabs=dotnetfive)
-- [Microsoft Azure DevOps for ASP .NET Core Web apps](https://techmindfactory.com/Microsoft-Azure-DevOps-for-ASP-.NET-Core-Web-apps/)
+- [@article@Build, test, and deploy .NET Core apps](https://learn.microsoft.com/en-us/azure/devops/pipelines/ecosystems/dotnet-core?view=azure-devops&tabs=dotnetfive)
+- [@article@Microsoft Azure DevOps for ASP .NET Core Web apps](https://techmindfactory.com/Microsoft-Azure-DevOps-for-ASP-.NET-Core-Web-apps/)

src/data/roadmaps/aspnet-core/content/101-general-development-skills/102-vcs-hosting-services.md

@@ -4,6 +4,6 @@ There are different repository hosting services with the most famous one being G
 
 Visit the following resources to learn more:
 
-- [GitHub: Where the world builds software](https://github.com)
-- [GitLab: Iterate faster, innovate together](https://gitlab.com)
-- [BitBucket: The Git solution for professional teams](https://bitbucket.com)
+- [@opensource@GitHub: Where the world builds software](https://github.com)
+- [@opensource@GitLab: Iterate faster, innovate together](https://gitlab.com)
+- [@article@BitBucket: The Git solution for professional teams](https://bitbucket.com)