Processus d'apprentissage

La structure du cours

Le cours est divisé en plusieurs chapitres. Chacun se concentrant sur une fonctionnalité spécifique de l’application. Le cours est axé sur les fonctionnalités plutôt que sur la technologie.

Les fonctionnalités Angular seront introduites selon les besoins.

Chapitres

• Créez une liste de tâches
• Ajoutez une tâche
• Mettre à jour une tâche
• Supprimez une tâche
• Communiquer avec une API

Leçons

Chaque chapitre est divisé en plusieurs leçons. Chaque leçon est une petite action à accomplir. Chaque leçon est introduite avec un objectif d’apprentissage et une description du résultat attendu.

Objectifs clés des chapitres

Les objectifs clés de la leçon sont les principaux points à retenir de cette étape. Ils sont mis en évidence pour vous aider à vous concentrer sur les points principaux, par exemple :

Objectifs de ce chapitre

• ✔️
  Déclenchez la navigation avec le routing

  Découvrez comment déclencher une navigation via le routing d'une application Angular.

Instructions

Après une brève explication sur les aspects techniques, une leçon vous fournira un ensemble d’instructions pour mettre à jour le code, par exemple :

1. Créez le modèle Task dans le dossier src/app/models.

   src/app/models/task.model.ts

   export class Task {
       id: number;
       title: string;
       description: string;
       completed: boolean;
   }

2. Créez un nouveau composant nommé TaskFormComponent.

Terminal

Certaines leçons vous demanderont d’exécuter des commandes dans le terminal.

Dans Visual Studio Code, vous pouvez ouvrir un terminal en cliquant sur le menu Terminal et en sélectionnant Nouveau terminal.

Extraits de code

La plupart des leçons contiennent des extraits de code comme exemple pour vous aider à accomplir l’action. Le contenu du cours utilise un style spécifique pour mettre en évidence les modifications à apporter au code, par exemple :

task-form.component.html

<form>
    <label for="title" class="form-label">Titre:</label>
    <input type="text" id="title" name="title" class="form-control" [(ngModel)]="task.title">

    <label for="description" class="form-label">Description:</label>
    <textarea id="description" name="description" class="form-control" [(ngModel)]="task.description"></textarea>

    <button type="submit" class="btn btn-primary" (click)="createTask()">Créer la tâche</button>
 </form>

Apprendre encore plus: vers l’infini et au-delà ! 🚀

Certaines leçons contiennent une section « En savoir plus » pour vous aider à approfondir le sujet. Vous n’avez pas besoin de lire la section « En savoir plus » pour terminer le cours, mais cela peut vous aider à mieux comprendre le sujet.