Merge branch 'source' into part5-zh-update

Author: vejol

src/content/0/en/part0a.md

@@ -332,6 +332,7 @@ Despite changes *all the submitted exercises remain valid*, and the course can b
 
 Recent major changes
 
+- Part 5 (21st August, 2025): React updated to version 19. PropTypes and forwardRef are no longer used. ESLint configurations updated
 - Part 4 (13th August, 2025): Express updated to version 5 and the express-async-errors library removed from part 4b
 - Part 9 (28th August, 2024): Zod library for validating request body type
 - Part 3 (20th June, 2024): ESLint configurations updated
@@ -382,7 +383,7 @@ Install a sensible text editor that supports web development. [Visual Studio Cod
 
 Don't code with nano, Notepad or Gedit. NetBeans isn't very good for web development either. It is also rather heavy in comparison to [Visual Studio Code](https://code.visualstudio.com/).
 
-Also, install [Node.js](https://nodejs.org/en/). The material is being updated to Node version v22. Parts 0-4 are made using Node version 22.3.0, part 10 using version 20.11.0, and the remaining parts using version 18.13.0. Always use at least as recent a Node version. Installation instructions can be found on the [Node.js website](https://nodejs.org/en/download/package-manager/).
+Also, install [Node.js](https://nodejs.org/en/). The material is being updated to Node version v22. Parts 0-5 are made using Node version 22.3.0, part 10 using version 20.11.0, and the remaining parts using version 18.13.0. Always use at least as recent a Node version. Installation instructions can be found on the [Node.js website](https://nodejs.org/en/download/package-manager/).
 
 Node package manager [npm](https://www.npmjs.com/get-npm) will be automatically installed with Node.js. We will be actively using npm throughout the course. Node also comes with [npx](https://www.npmjs.com/package/npx), which we'll need a few times.
 

src/content/0/en/part0b.md

@@ -280,7 +280,7 @@ The mechanism of invoking event handlers is very common in JavaScript. Event han
 
 We can think of HTML pages as implicit tree structures.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 The same treelike structure can be seen on the console's <i>Elements</i> tab.
 

src/content/0/es/part0b.md

@@ -280,7 +280,7 @@ El mecanismo de invocación de controladores de eventos es muy común en JavaScr
 
 Podemos pensar en las páginas HTML como estructuras de árbol implícitas.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 La misma estructura arbórea se puede ver en la pestaña de la consola <i>Elements (Elementos)</i>.
 

src/content/0/fi/osa0a.md

@@ -275,6 +275,7 @@ Kurssilla ei ole enää vuosittaisia versiota. Kurssi on siis käynnissä koko a
 Muutoksista huolimatta <i>kaikki jo tehdyt palautukset säilyvät voimassa</i>, eli voit jatkaa kurssia päivityksistä huolimatta normaaliin tapaan.
 
 Viimeaikaisia isompia muutoksia
+- Osa 5 (21.8.2025): React päivitetty versioon 19. Proptypes ja forwardRef poistuneet käytöstä. Eslint-konfiguraatiot päivitetty
 - Osa 4 (13.8.2025): Express päivitetty versioon 5 ja kirjasto express-async-errors poistettu osasta 4b
 - Osa 9 (28.8.2024): Zod-kirjasto datan validointiin
 - Osa 3 (20.6.2024): ESLint-konfiguraatiot päivitetty
@@ -325,7 +326,7 @@ Asenna myös joku järkevä web-devausta tukeva tekstieditori. Enemmän kuin suo
 
 Älä koodaa nanolla, Notepadilla tai Geditillä. Myöskään NetBeans ei ole omimmillaan web-devauksessa, ja se on myös turhan raskas verrattuna esim. Visual Studio Codeen.
 
-Asenna koneeseesi heti myös [Node.js](https://nodejs.org/en/). Materiaalia ollaan päivittämässä Noden versioon v22. Osat 0-4 on tehty käyttäen Noden versiota 22.3.0, osa 10 käyttäen versiota 20.11.0 ja loput osat käyttäen versiota 18.13.0. Käytä aina vähintään yhtä tuoretta Node-versiota. Asennusohjeita on [Node.js:n sivuilla](https://nodejs.org/en/download/package-manager/).
+Asenna koneeseesi heti myös [Node.js](https://nodejs.org/en/). Materiaalia ollaan päivittämässä Noden versioon v22. Osat 0-5 on tehty käyttäen Noden versiota 22.3.0, osa 10 käyttäen versiota 20.11.0 ja loput osat käyttäen versiota 18.13.0. Käytä aina vähintään yhtä tuoretta Node-versiota. Asennusohjeita on [Node.js:n sivuilla](https://nodejs.org/en/download/package-manager/).
 
 Noden myötä koneelle asentuu myös [npm](https://www.npmjs.com/get-npm) (alunperin lyhennelmä <i>Node Package Manager</i> ‑nimelle), jota tulemme tarvitsemaan kurssin aikana aktiivisesti. Tuoreen Noden kera asentuu myös [npx](https://www.npmjs.com/package/npx), jota tarvitaan myös muutaman kerran.
 

src/content/0/fi/osa0b.md

@@ -278,7 +278,7 @@ Tapahtumankäsittelijöihin liittyvä mekanismi koodin suorittamiseen on JavaScr
 
 Voimme ajatella, että HTML-sivut muodostavat implisiittisen puurakenteen
 
-<pre>
+```
 html
   head
     link
@@ -294,7 +294,7 @@ html
       form
         input
         input
-</pre>
+```
 
 Sama puumaisuus on nähtävissä konsolin välilehdellä </i>Elements</i>:
 

src/content/0/fr/part0b.md

@@ -275,7 +275,7 @@ Ce mécanisme consistant à appeler des gestionnaires d'événements est très c
 
 Nous pouvons considérer les pages HTML comme des arborescences implicites.
 
-<pre>
+```
 html
   head
     link
@@ -291,7 +291,7 @@ html
       form
         input
         input
-</pre>
+```
 
 La même structure arborescente peut être vue sur l'onglet <i>Éléments</i> de la console.
 

src/content/0/ptbr/part0b.md

@@ -280,7 +280,7 @@ O mecanismo de chamada de gerenciadores de eventos é muito comum em JavaScript.
 
 Podemos pensar em páginas HTML como estruturas implícitas de uma árvore.
 
-<pre>
+```
 html
   head
     link
@@ -296,7 +296,7 @@ html
       form
         input
         input
-</pre>
+```
 
 A mesma estrutura de árvore pode ser vista na guia <i>Elementos</i> do console.
 

src/content/0/zh/part0b.md

@@ -337,7 +337,7 @@ xhttp.onreadystatechange = function() {
 <!-- We can think of HTML-pages as implicit tree structures.-->
 我们可以将 html 页面看作隐式树结构。
 
-<pre>
+```
 html
   head
     link
@@ -353,7 +353,7 @@ html
       form
         input
         input
-</pre>
+```
 <!-- The same treelike structure can be seen on the console tab <i>Elements</i>.-->
 同样的树状结构可以在控制台的<i>Elements元素</i>选项卡上看到。
 

src/content/11/en/part11c.md

@@ -52,7 +52,7 @@ Let's define some things we **want** in this hypothetical deployment system too:
  - We would like it to be fast
  - We'd like to have no downtime during the deployment (this is distinct from the requirement we have for handling user requests just before/during the deployment).
 
-Next we will have three sets of exercises for automating the deployment with GitHub Actions, one for [Fly.io](https://fly.io/), another one for [Render](https://render.com/). The process of deployment is always specific to the particular cloud provider, so you can also do both the exercise sets if you want to see the differences on how these services work with respect to deployments.
+Next we will have two sets of exercises for automating the deployment with GitHub Actions, one for [Fly.io](https://fly.io/), another one for [Render](https://render.com/). The process of deployment is always specific to the particular cloud provider, so you can also do both the exercise sets if you want to see the differences on how these services work with respect to deployments.
 
 ### Has the app been deployed?
 

src/content/2/en/part2a.md

@@ -620,15 +620,15 @@ Define a component responsible for formatting a single course called <i>Course</
 
 The component structure of the application can be, for example, the following:
 
-<pre>
+```
 App
   Course
     Header
     Content
       Part
       Part
       ...
-</pre>
+```
 
 Hence, the <i>Course</i> component contains the components defined in the previous part, which are responsible for rendering the course name and its parts.