Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
21 changes: 21 additions & 0 deletions adev-es/src/app/core/layout/navigation/navigation.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand Down
24 changes: 24 additions & 0 deletions adev-es/src/content/tutorials/home.en.md
Original file line number Diff line number Diff line change
@@ -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>
28 changes: 14 additions & 14 deletions adev-es/src/content/tutorials/home.md
Original file line number Diff line number Diff line change
@@ -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>
Loading