translate: translations for tutorials home page

Fixes #171

Author: ricardochl

adev-es/src/app/core/layout/navigation/navigation.component.html

@@ -195,6 +195,27 @@
         </a>
       </li>
 
+      <!-- Tutorials -->
+      <li
+        class="adev-nav-item"
+        [class.adev-nav-item--active]="activeRouteItem() === PAGE_PREFIX.TUTORIALS"
+      >
+        <a [routerLink]="PAGE_PREFIX.TUTORIALS">
+          <svg
+            aria-hidden="true"
+            xmlns="http://www.w3.org/2000/svg"
+            width="18"
+            height="10"
+            fill="inherit"
+          >
+            <path
+              d="m5.668 10-5-5 5-5 1.187 1.188L3.022 5.02l3.813 3.812L5.668 10Zm6.667 0-1.188-1.188L14.98 4.98l-3.812-3.812L12.335 0l5 5-5 5Z"
+            />
+          </svg>
+          <span class="adev-nav-item__label">Tutoriales</span>
+        </a>
+      </li>
+
       <!-- API Ref -->
       <li
         class="adev-nav-item"

adev-es/src/content/tutorials/home.en.md

@@ -0,0 +1,24 @@
+# Tutorials
+
+Welcome to the Angular tutorials! These tutorials will guide you through the core concepts of the framework, and get you started building performant, scalable apps.
+
+<docs-card-container>
+  <docs-card title="Learn Angular in your browser" link="Start coding" href="tutorials/learn-angular" imgSrc="adev/src/assets/images/learn-angular-browser.svg">
+    via the Playground
+  </docs-card>
+  <docs-card title="Angular AI Tutor" link="Installation and usage instructions" href="ai/ai-tutor" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    via MCP Server
+  </docs-card>
+  <docs-card title="Build your first Angular app locally" link="Start coding" href="tutorials/first-app" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    via npm
+  </docs-card>
+  <docs-card title="Learn signals" link="Start coding" href="tutorials/signals" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    via the Playground
+  </docs-card>
+  <docs-card title="Deferrable views" link="Start coding" href="tutorials/deferrable-views" imgSrc="adev/src/assets/images/ang_illustrations-04.svg">
+    via the Playground
+  </docs-card>
+  <docs-card title="Learn signals forms" link="Start coding" href="tutorials/signal-forms" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    via the Playground
+  </docs-card>
+</docs-card-container>

adev-es/src/content/tutorials/home.md

@@ -1,24 +1,24 @@
-# Tutorials
+# Tutoriales
 
-Welcome to the Angular tutorials! These tutorials will guide you through the core concepts of the framework, and get you started building performant, scalable apps.
+¡Bienvenido a los tutoriales de Angular! Estos tutoriales te guiarán a través de los conceptos principales del framework y te ayudarán a comenzar a crear aplicaciones eficientes y escalables.
 
 <docs-card-container>
-  <docs-card title="Learn Angular in your browser" link="Start coding" href="tutorials/learn-angular" imgSrc="adev/src/assets/images/learn-angular-browser.svg">
-    via the Playground
+  <docs-card title="Aprende Angular en tu navegador" link="Comienza a programar" href="tutorials/learn-angular" imgSrc="adev/src/assets/images/learn-angular-browser.svg">
+    vía el Playground
   </docs-card>
-  <docs-card title="Angular AI Tutor" link="Installation and usage instructions" href="ai/ai-tutor" imgSrc="adev/src/assets/images/learn-angular-local.svg">
-    via MCP Server
+  <docs-card title="Tutor de IA de Angular" link="Instrucciones de instalación y uso" href="ai/ai-tutor" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    vía MCP Server
   </docs-card>
-  <docs-card title="Build your first Angular app locally" link="Start coding" href="tutorials/first-app" imgSrc="adev/src/assets/images/learn-angular-local.svg">
-    via npm
+  <docs-card title="Crea tu primera app Angular localmente" link="Comienza a programar" href="tutorials/first-app" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    vía npm
   </docs-card>
-  <docs-card title="Learn signals" link="Start coding" href="tutorials/signals" imgSrc="adev/src/assets/images/learn-angular-local.svg">
-    via the Playground
+  <docs-card title="Aprende signals" link="Comienza a programar" href="tutorials/signals" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    vía el Playground
   </docs-card>
-  <docs-card title="Deferrable views" link="Start coding" href="tutorials/deferrable-views" imgSrc="adev/src/assets/images/ang_illustrations-04.svg">
-    via the Playground
+  <docs-card title="Vistas diferibles" link="Comienza a programar" href="tutorials/deferrable-views" imgSrc="adev/src/assets/images/ang_illustrations-04.svg">
+    vía el Playground
   </docs-card>
-  <docs-card title="Learn signals forms" link="Start coding" href="tutorials/signal-forms" imgSrc="adev/src/assets/images/learn-angular-local.svg">
-    via the Playground
+  <docs-card title="Aprende signal forms" link="Comienza a programar" href="tutorials/signal-forms" imgSrc="adev/src/assets/images/learn-angular-local.svg">
+    vía el Playground
   </docs-card>
 </docs-card-container>