March training fixes

Author: Ocunidee

docs/src/en/components.md

@@ -404,8 +404,8 @@ import { Component, input } from "@angular/core"
   templateUrl: "./blog-post.component.html"
 })
 export class BlogPostComponent {
-  protected readonly title = input.required<string>()
-  protected readonly content = input('No content available')
+  readonly title = input.required<string>()
+  readonly content = input('No content available')
 }
 ```
 

docs/src/en/routing.md

@@ -103,7 +103,7 @@ export const routes: Routes = [
   { path: 'authors/:id', component: AuthorDetailsComponent },
   { path: 'books', component: BookListComponent },
   { path: 'books/:id', component: BookDetailsComponent },
-  { path: '', pathMatch: 'full', redirectTo: '/home' }
+  { path: '', pathMatch: 'full', redirectTo: '/home' },
   { path: '**', redirectTo: '/home' }
 ]
 ```

docs/src/en/rxjs.md

@@ -218,7 +218,7 @@ For objects, an alternative syntax exists to avoid repetitively using the async
 <p>{{(user | async)?.age}}</p>
 
 <!-- PREFERRED WAY -->
-@if (user | async as user) {
+@if (user | async; as user) {
   <p>{{user.firstName}}</p>
   <p>{{user.lastName}}</p>
   <p>{{user.age}}</p>

docs/src/en/services.md

@@ -190,7 +190,7 @@ npm install
 npm start
 ```
 
-The `npm start` command will ask you for an API key. Either wait on the instructor to give it to you, alternatively, you can generate one [here](https://www.omdbapi.com/apikey.aspx?__EVENTTARGET=freeAcct&__EVENTARGUMENT=&__LASTFOCUS=&__VIEWSTATE=%2FwEPDwUKLTIwNDY4MTIzNQ9kFgYCAQ9kFgICBw8WAh4HVmlzaWJsZWhkAgIPFgIfAGhkAgMPFgIfAGhkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYDBQtwYXRyZW9uQWNjdAUIZnJlZUFjY3QFCGZyZWVBY2N0oCxKYG7xaZwy2ktIrVmWGdWzxj%2FDhHQaAqqFYTiRTDE%3D&__VIEWSTATEGENERATOR=5E550F58&__EVENTVALIDATION=%2FwEdAAU%2BO86JjTqdg0yhuGR2tBukmSzhXfnlWWVdWIamVouVTzfZJuQDpLVS6HZFWq5fYpioiDjxFjSdCQfbG0SWduXFd8BcWGH1ot0k0SO7CfuulHLL4j%2B3qCcW3ReXhfb4KKsSs3zlQ%2B48KY6Qzm7wzZbR&at=freeAcct&Email=)
+The `npm start` command will ask you for an API key. Either wait on the instructor to give it to you, alternatively, you can generate one [here](https://www.omdbapi.com/apikey.aspx)
 
 ::: tip
 The backend interface contract is available here: [api-docs](http://localhost:3030/api-docs)
@@ -305,7 +305,7 @@ Note the token in the `UserResponse`, it will serve to authenticate the user via
 ```ts
 private readonly httpClient = inject(HttpClient)
 private readonly baseUrl = 'api/user'
-private readonly token = signal<string | null>(null)
+readonly token = signal<string | null>(null)
 
 login(loginRequest: LoginRequest): Observable<UserResponse> {
   return this.httpClient.post<UserResponse>(`${this.baseUrl}/login`, loginRequest)

docs/src/fr/components.md

@@ -401,8 +401,8 @@ import { Component, input } from "@angular/core"
   templateUrl: "./blog-post.component.html"
 })
 export class BlogPostComponent {
-  protected readonly title = input.required<string>()
-  protected readonly content = input('No content available')
+  readonly title = input.required<string>()
+  readonly content = input('No content available')
 }
 ```
 

docs/src/fr/routing.md

@@ -103,7 +103,7 @@ export const routes: Routes = [
   { path: 'authors/:id', component: AuthorDetailsComponent },
   { path: 'books', component: BookListComponent },
   { path: 'books/:id', component: BookDetailsComponent },
-  { path: '', pathMatch: 'full', redirectTo: '/home' }
+  { path: '', pathMatch: 'full', redirectTo: '/home' },
   { path: '**', redirectTo: '/home' }
 ]
 ```

docs/src/fr/rxjs.md

@@ -217,7 +217,7 @@ Pour les objets, une syntaxe alternative existe pour éviter d'utiliser de mani
 <p>{{(user | async)?.age}}</p>
 
 <!-- METHODE À PREFEREE -->
-@if (user | async as user) {
+@if (user | async; as user) {
   <p>{{user.firstName}}</p>
   <p>{{user.lastName}}</p>
   <p>{{user.age}}</p>

docs/src/fr/services.md

@@ -190,7 +190,7 @@ npm install
 npm start
 ```
 
-La commande `npm start` vous demandera une clé d'API. Attendez que votre instructeur vous la donne ou vous pouvez en générer une [ici](https://www.omdbapi.com/apikey.aspx?__EVENTTARGET=freeAcct&__EVENTARGUMENT=&__LASTFOCUS=&__VIEWSTATE=%2FwEPDwUKLTIwNDY4MTIzNQ9kFgYCAQ9kFgICBw8WAh4HVmlzaWJsZWhkAgIPFgIfAGhkAgMPFgIfAGhkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYDBQtwYXRyZW9uQWNjdAUIZnJlZUFjY3QFCGZyZWVBY2N0oCxKYG7xaZwy2ktIrVmWGdWzxj%2FDhHQaAqqFYTiRTDE%3D&__VIEWSTATEGENERATOR=5E550F58&__EVENTVALIDATION=%2FwEdAAU%2BO86JjTqdg0yhuGR2tBukmSzhXfnlWWVdWIamVouVTzfZJuQDpLVS6HZFWq5fYpioiDjxFjSdCQfbG0SWduXFd8BcWGH1ot0k0SO7CfuulHLL4j%2B3qCcW3ReXhfb4KKsSs3zlQ%2B48KY6Qzm7wzZbR&at=freeAcct&Email=)
+La commande `npm start` vous demandera une clé d'API. Attendez que votre instructeur vous la donne ou vous pouvez en générer une [ici](https://www.omdbapi.com/apikey.aspx)
 
 ::: tip
 Le contrat d'interface backend est disponible ici : [api-docs](http://localhost:3030/api-docs)
@@ -306,7 +306,7 @@ Prenez note du token dans la `UserResponse`, il servira à authentifier l'utilis
 ```ts
 private readonly httpClient = inject(HttpClient)
 private readonly baseUrl = 'api/user'
-private readonly token = signal<string | null>(null)
+readonly token = signal<string | null>(null)
 
 login(loginRequest: LoginRequest): Observable<UserResponse> {
   return this.httpClient.post<UserResponse>(`${this.baseUrl}/login`, loginRequest)