part 9

Author: mluukkai

src/components/InfoBanner.js

@@ -47,13 +47,14 @@ const InfoBanner = ({ visible, onHide }) => {
       <div style={textStyle}>
         <div style={{ marginBottom: 20 }}>
           <div style={{ marginBottom: 10 }}>
-            Material of Part 13 has been moved to <a style={linkStyle} href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-relational-databases">https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-relational-databases</a>
+            Material of Part 9 has been moved to <a style={linkStyle} 
+                href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript"
+              >
+                https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript
+              </a>
           </div>
           <div style={{ marginBottom: 10 }}>
-            The content and exercises are still same, there is a change how exercises are submitted.
-          </div>
-          <div>
-            The old content is still found <a style={linkStyle} href="https://github.com/fullstack-hy2020/fullstack-hy2020.github.io/tree/7599b17c02b056fcad4f12d8708f0e07980b7564/src/content/13">here</a>. 
+            There are some notable changes in the content. If you have already started this part, and advanced beyond the first exercises, you may continue following the old material, it shall remain here until 1st May 2026.
           </div>
         </div>
       </div>

src/components/layout.js

@@ -12,7 +12,7 @@ import Footer from './Footer/Footer';
 import PropTypes from 'prop-types';
 import SkipToContent from './SkipToContent/SkipToContent';
 
-const BANNER_TO_KEY = 'part_13_changes';
+const BANNER_TO_KEY = 'part_09_changes';
 const BANNER2_TO_KEY = 'part_12_changes';
 const BANNER3_TO_KEY = 'part_11_changes';
 
@@ -29,7 +29,7 @@ const Layout = (props) => {
   useEffect(() => {
     const key = localStorage.getItem(BANNER_TO_KEY);
     if (!key) {
-      const relevant = window.location.href.includes('en/part13') || window.location.href.includes('osa13');
+      const relevant = window.location.href.includes('en/part9') || window.location.href.includes('osa9');
       setVisible(relevant);
     }
   }, []);

src/content/0/en/part0a.md

@@ -172,18 +172,19 @@ Material of part 13 has been moved to <a href="https://courses.mooc.fi/org/uh-cs
 
 Please note that if you do the "base course" with 6 or 7 credits, you need separate registrations for the extra credits, see [Parts and completion](/en/part0/general_info#parts-and-completion) for more.
 
-#### How to study the course – instructions in a nutshell: parts 8-10
+#### How to study the course – instructions in a nutshell: parts 8 and 10
 
-- Do the exercises. The exercises are submitted through GitHub and marking them as done on the submission system. Note that parts 8-10 have a separate instance in the submission system
+- Do the exercises. The exercises are submitted through GitHub and marking them as done on the submission system. Note that parts 8 and 10 have a separate instance in the submission system
     - [The course certificate](/en/part0/general_info#course-certificate) will be available in the submission system
 - If you want to get University of Helsinki credits
     - Enroll in the course. You can enroll in each part through the link in the course material ([Parts and completion](/en/part0/general_info#parts-and-completion)). Enroll in each part separately.
 - Mark the part completed in the submission system. Read more [here](/en/part0/general_info#how-to-get-your-credits)
 
-#### How to study the course – instructions in a nutshell: parts 11-13
+#### How to study the course – instructions in a nutshell: parts 9 and 11-13
 
 All practicalities are explained in the new course pages
 
+- <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript">part 9</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-continuous-integration">part 11</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-containers">part 12</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-relational-databases">part 13</a>
@@ -329,7 +330,7 @@ Despite changes *all the submitted exercises remain valid*, and the course can b
 
 Recent major changes
 
-- Parts 11-13 (March 2026): content updated and material moved to new platform
+- Parts 9, 11-13 (March 2026): content updated and material moved to new platform
 - Part 8: (3th January 2026) Apollo Server updated to v5. Apollo Client updated to v4. Refactoring backend code moved to part8c. Lot's of other small improvements.
 - Part 6 (12th October 2025): Jest replaced with Vitest. Axios replaced with Fetch API
 - Part 5 (21st August, 2025): React updated to version 19. PropTypes and forwardRef are no longer used. ESLint configurations updated

src/content/0/fi/osa0a.md

@@ -123,17 +123,18 @@ Materiaali siirretty osoitteeseen <a href="https://courses.mooc.fi/org/uh-cs/cou
 - Tee kurssikoe palautusjärjestelmässä, lue lisää [täältä](/osa0/yleista#kurssikoe).
 - Pyydä suoritusmerkintää palautussovelluksessa. Lue lisää [täältä](/osa0/yleista#suoritusmerkinnan-pyytaminen)
 
-#### Kurssin suoritusohjeet pähkinänkuoressa (Osat 6–10) 
+#### Kurssin suoritusohjeet pähkinänkuoressa (Osat 6–8 ja 10) 
 
-- Tee tehtävät. Palauta vastauksesi palautussovelluksen kautta. Huomaa, että osat 8–11 palautetaan palautussovelluksessa erillisiin kurssi-instansseihin. 
+- Tee tehtävät. Palauta vastauksesi palautussovelluksen kautta. Huomaa, että osat 8 ja 10 palautetaan palautussovelluksessa erillisiin kurssi-instansseihin. 
 
 - Ilmoittaudu kurssille. Pääset ilmoittautumaan kurssimateriaalista (ks. [Osat ja suorittaminen](/osa0/yleista#osat-ja-suorittaminen)) löytyvän ilmoittautumislinkin kautta.  Ilmoittaudu erikseen kuhunkin osaan. 
 - Pyydä suoritusmerkintää palautussovelluksessa. Lue lisää [täältä](/osa0/yleista#suoritusmerkinnan-pyytaminen)
 
-#### Kurssin suoritusohjeet pähkinänkuoressa (Osat 11-13) 
+#### Kurssin suoritusohjeet pähkinänkuoressa (Osat 9 ja 11-13) 
 
 Käytännöt selviävät osien materiaalista:
 
+- <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript">osa 9</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-continuous-integration">osa 11</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-containers">osa 12</a>
 - <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-relational-databases">osa 13</a>
@@ -220,6 +221,7 @@ Arvosana siirtyy Helsingin yliopiston opintorekisteriin Sisuun ja [Opintopolkuun
 Kun suoritusmerkintä on kirjattu, näet palautussovelluksessa tekstin
 
 > <i>University credits registered, see the course page how to get a transcript if you need one</i>
+
 ### Miten saan selville Helsingin yliopiston opiskelijanumeroni?
 
 Kun ilmoittaudut ensimmäistä kertaa Avoimen yliopiston kautta jollekin kurssille, sinulle luodaan Helsingin yliopiston opiskelijanumero. <i>**Varmista siis että olet ilmoittautunut kurssille, ennen kuin alat selvittää opiskelijanumeroasi.**</i>
@@ -272,7 +274,7 @@ Kurssilla ei ole vuosittaisia versiota. Kurssi on siis käynnissä koko ajan. Jo
 Muutoksista huolimatta <i>kaikki jo tehdyt palautukset säilyvät voimassa</i>, eli voit jatkaa kurssia päivityksistä huolimatta normaaliin tapaan.
 
 Viimeaikaisia isompia muutoksia
-- Osat 11-13 (maaliskuu 2026): sisältö päivitetty ja materiaali siirretty uuteen osoitteeseen
+- Osat 9 ja 11-13 (maaliskuu 2026): sisältö päivitetty ja materiaali siirretty uuteen osoitteeseen
 - Osa 8: (3.1.2026) Apollo Server päivitetty versioon v5. Apollo Client päivitetty versioon v4. Backend-koodin refaktorointi siirretty osaan 8c. Lukuisia muita pieniä parannuksia.
 - Osa 6 (12.10.2025): Jest korvattu Vitestillä. Axios korvattu Fetch API:lla.
 - Osa 5 (21.8.2025): React päivitetty versioon 19. Proptypes ja forwardRef poistuneet käytöstä. Eslint-konfiguraatiot päivitetty

src/content/9/en/part9.md

@@ -4,15 +4,24 @@ part: 9
 lang: en
 ---
 
+<div class="intro warning">
+
+Note that the material of Part 9 has been moved to <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript">
+    https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript</a>
+
+There are some notable changes in the content. If you have already started this part, and advanced beyond the first exercises, you may continue following the old material, it shall remain here until 1st May 2026.
+
+</div>
+
 <div class="intro">
 
 This part is all about TypeScript: an open-source typed superset of JavaScript developed by Microsoft that compiles to plain JavaScript.
 
+There are some notable changes in the content. If you have already started this part, and advanced beyond the first exercises, you may continue following the old material, it shall remain here until 1st May 2026.
+
 In this part, we will be using the tools previously introduced to build end-to-end features to an existing ecosystem, with predefined linters and an existing codebase, while writing TypeScript. After doing this part, you should be able to understand, develop and configure projects using TypeScript.
 
 This part is created by [Tuomo Torppa](https://www.linkedin.com/in/tuomotorppa), [Tuukka Peuraniemi](https://www.linkedin.com/in/tuukkapeuraniemi/) and [Jani Rapo](https://www.linkedin.com/in/jani-rapo-5520817b/), the awesome developers of [Terveystalo](https://www.terveystalo.com/fi/Yritystietoa/Terveystalo-tyontantajana/Digital-Health/), the largest private healthcare service provider in Finland. Terveystalo’s nationwide network covers 300 locations across Finland. The clinic network is supplemented by 24/7 digital services.
 
-<i>Part updated 28th August 2024</i>
-- <i>Zod library for validating request body type</i>
 
 </div>

src/content/9/fi/osa9.md

@@ -4,6 +4,17 @@ part: 9
 lang: fi
 ---
 
+
+
+<div class="intro warning">
+
+Huomaa, että osan 9 materiaali on siirretty osoitteeseen <a href="https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript">
+    https://courses.mooc.fi/org/uh-cs/courses/full-stack-open-typescript</a>
+
+Sisällössä on joitakin merkittäviä muutoksia. Jos olet jo aloittanut tämän osan ja edennyt ensimmäisten tehtävien ohi, voit jatkaa vanhan materiaalin mukaan — se säilyy täällä 1. toukokuuta 2026 asti.
+
+</div>
+
 <div class="intro">
 
 Kurssin yhdeksäs, TypeScriptiä käsittelevä osa löytyy [englanninkielisestä kurssimateriaalista](/en/part9).

src/templates/ContentTemplate.scss

@@ -178,6 +178,15 @@ pre[class*='language-'] {
   text-shadow: none;
 }
 
+.warning {
+  color: #5a4000;
+  background-color: #fff3cd;
+  border: 1px solid #ffc107;
+  padding: 1em;
+  border-radius: 4px;
+  margin-bottom: 1rem;
+}
+
 .arrow-go-up {
   width: 36px;
   height: 36px;