Merge pull request #295 from blz-it/259-add-skill-17

Add Skill17 Page

src/assets/data/history.json

@@ -63,6 +63,13 @@
         "title": "WorldSkills Lyon 2024",
         "text": ""
       }
+    },
+    "skill17": {
+      "todo": {
+        "date": "2024",
+        "title": "Folgt bald",
+        "text": ""
+      }
     }
   },
   "en": {
@@ -129,6 +136,13 @@
         "title": "WorldSkills Lyon 2024",
         "text": ""
       }
+    },
+    "skill17": {
+      "todo": {
+        "date": "2024",
+        "title": "Coming soon",
+        "text": ""
+      }
     }
   }
 }

src/components/Header.astro

@@ -18,6 +18,13 @@ const skills = [
     name: "Full-Stack",
     href: getRelativeLocaleUrl(lang, "it-software-solutions-for-business"),
   },
+  {
+    name: t({
+      de: "Web-Entwicklung",
+      en: "Web Technologies"
+    }),
+    href: getRelativeLocaleUrl(lang, "web-technologies"),
+  },
 ];
 ---
 

src/components/skill/SkillInformation.astro

@@ -30,7 +30,7 @@ const t = useTranslations(lang);
           })
         }
       </Headline>
-      <p>{requirements}</p>
+      <p set:html={requirements} />
       <!-- <Trans i18nKey={"skills.general.interested"}>
         You are interested?{" "}
         <Link href={buildLink("dm-registration")}>Apply now!</Link>

src/pages/en/it-software-solutions-for-business.astro

@@ -19,8 +19,8 @@ const historyData = historyJson[lang]["skill09"];
       "You are proficient in at least one programming language, e.g., C#, can program desktop, server, web, and mobile applications, have knowledge of UML and databases (SQL), and understand English-language tasks.",
     videoUrl: "https://www.youtube-nocookie.com/embed/tSGg8S-_I4k",
     occupation: {
-      title: "A Career with a future and always on the cutting edge",
-      text: "The possibilities for communication and information exchange are constantly increasing. With a degree in IT, you are in demand: In 2021, approximately 12&thinsp;% more IT talents were sought than in the previous year. As a software developer, you belong to one of the fastest growing occupational groups.<br /><br />Your main working tool is the computer. This means that you are almost unrestricted in terms of where and when you work, as long as you don't have a customer appointment. The only thing you need is a stable Internet connection.",
+      title: "A career with a future and always on the cutting edge",
+      text: "The possibilities for communication and information exchange are constantly increasing. With a degree in IT, you are in demand: In 2021, approximately 12&thinsp;% more IT talents were sought than in the previous year. As a software developer, you belong to one of the fastest growing occupational groups.<br /><br />Your main working tool is the computer. This means that you are almost unrestricted in terms of where and when you work, as long as you don't have a customer appointment. The only thing you need is a stable internet connection.",
     },
   }}
   img={Skill09Image}

src/pages/en/mobile-applications-development.astro

@@ -19,7 +19,7 @@ const historyData = historyJson[lang]["skill08"];
       "You master at least one programming language, e.g. Dart or Kotlin, and program mobile apps, including the connection to online APIs and the use of integrated sensors. You understand tasks in English.",
     videoUrl: "https://www.youtube-nocookie.com/embed/Qe0ZaQAOQUY",
     occupation: {
-      title: "A Career with a future and always on the cutting edge",
+      title: "A career with a future and always on the cutting edge",
       text: "The possibilities of communication and information exchange are constantly increasing. With a degree in IT, you are in demand: in 2021, about 12&thinsp;% more IT talents were sought than in the previous year. The Mobile Applications Developer is therefore one of the fastest growing occupations.<br /><br />Your main working tool is your laptop, so you are almost unrestricted in terms of work location and time, as long as there is no customer appointment. The only thing you need is a stable internet connection.",
     },
   }}

src/pages/en/web-technologies.astro

@@ -0,0 +1,42 @@
+---
+import historyJson from "~/assets/data/history.json";
+import Skill09Image from "~/assets/img/skill-09.jpg";
+import { defaultLang, type Language } from "~/i18n";
+import SkillPage from "~/layouts/SkillPage.astro";
+
+const lang = (Astro.currentLocale || defaultLang) as Language;
+const historyData = historyJson[lang]["skill17"];
+---
+
+<SkillPage
+  skillNumber="17"
+  skillName="Web Technologies"
+  skillDescription="Planning, designing, and testing of websites, as well as their maintenance and the integration of third-party and social media platforms."
+  skillInformation={{
+    description:
+      "Working with web technologies is a key skill in a world where the World Wide Web is increasingly taking center stage. It is also one of the most complex and diverse skills of all. It is also one of the most complex and diverse professions around.<br /><br />Web designers and developers first build a professional relationship with their clients to develop a comprehensive understanding of their website requirements. Strong design and communication skills combined with an understanding of target groups, markets and trends are essential. During the development process, web designers and developers create databases, develop programs and test and debug websites.",
+    requirements:
+      "You are proficient in at least one programming language, e.g., JavaScript, can design and program interactive web applications, have experience with databases (SQL), and understand English-language tasks.",
+    videoUrl: "https://www.youtube-nocookie.com/embed/EzRZSSZ4RAI",
+    occupation: {
+      title: "A career with a future and always on the cutting edge",
+      text: "More and more information is being obtained via the Internet. A professional web presence is therefore particularly important for companies. With a degree in IT, you are in demand: in 2021, around 12&thinsp;% more IT talent was sought than in the previous year. As a web developer, you are therefore one of the fastest growing occupational groups.<br /><br />Your main work tool is your computer. This means that you are almost unbound in terms of where and when you work, unless you have a customer appointment. The only thing you need is a stable internet connection.",
+    },
+  }}
+  img={Skill09Image}
+  contact="mailto:[email protected]"
+  nationalTeam={[]}
+  timelineEntries={Object.values(historyData)}
+  additionalLinks={[
+    {
+      name: "worldskills.org",
+      text: "Skill 17 at WorldSkills International",
+      href: "https://worldskills.org/skills/id/127/",
+    },
+    {
+      name: "worldskills2024.com",
+      text: "Skill 17 at the WorldSkills Lyon 2024",
+      href: "https://worldskills2024.com/en/skills/web-technologies",
+    },
+  ]}
+/>

src/pages/web-technologies.astro

@@ -0,0 +1,42 @@
+---
+import historyJson from "~/assets/data/history.json";
+import Skill09Image from "~/assets/img/skill-09.jpg";
+import { defaultLang, type Language } from "~/i18n";
+import SkillPage from "~/layouts/SkillPage.astro";
+
+const lang = (Astro.currentLocale || defaultLang) as Language;
+const historyData = historyJson[lang]["skill17"];
+---
+
+<SkillPage
+  skillNumber="17"
+  skillName="Web-Entwicklung"
+  skillDescription="Planung und Gestaltung sowie Testen von Webseiten, deren Pflege, Einbindung von Plattformen Dritter und Integration von Social-Media-Plattformen."
+  skillInformation={{
+    description:
+      "Die Arbeit mit Webtechnologien ist eine Schlüsselqualifikation in einer Welt, in der das World Wide Web immer mehr in den Mittelpunkt rückt. Sie ist auch eine der komplexesten und vielfältigsten Fähigkeiten überhaupt. Es ist auch eines der komplexesten und vielfältigsten Berufsfelder überhaupt.<br /><br />Web-Designer*innen und -entwickler*innen bauen zunächst eine professionelle Beziehung zu ihren Kund*innen auf, um ein umfassendes Verständnis für die Anforderungen an ihre Webseite zu entwickeln. Starke Design- und Kommunikationsfähigkeiten in Verbindung mit einem Verständnis für Zielgruppen, Märkte und Trends sind dabei unerlässlich. Während des Entwicklungsprozesses erstellen Webdesigner*innen und -entwickler*innen Datenbanken, entwickeln Programme und testen und debuggen Webseiten.",
+    requirements:
+      "Du beherrschst mindestens eine Programmiersprache, z.&thinsp;B. JavaScript, gestaltest und programmierst interaktive Webanwendungen, hast Erfahrung mit Datenbanken (SQL) und verstehst englischsprachige Aufgabenstellungen.",
+    videoUrl: "https://www.youtube-nocookie.com/embed/EzRZSSZ4RAI",
+    occupation: {
+      title: "Ein Beruf mit Zukunft und stets am Puls der Zeit",
+      text: "Immer mehr Informationen werden über das Internet bezogen. Gerade für Unternehmen ist daher ein professioneller Webauftritt von großer Bedeutung. Mit einem Abschluss in der IT bist du gefragt: Im Jahr 2021 wurden ca. 12&thinsp;% mehr IT-Talente gesucht als im Vorjahr. Als Webentwickler gehörst du somit zu einer der am schnellsten wachsenden Berufsgruppen.<br /><br />Dein Hauptarbeitsmittel ist dein Computer. Du bist also in Sachen Arbeitsort und -zeit fast ungebunden, sofern kein Kundentermin ansteht. Das Einzige, was du brauchst, ist eine stabile Internetverbindung.",
+    },
+  }}
+  img={Skill09Image}
+  contact="mailto:[email protected]"
+  nationalTeam={[]}
+  timelineEntries={Object.values(historyData)}
+  additionalLinks={[
+    {
+      name: "worldskills.org",
+      text: "Skill 17 bei WorldSkills International",
+      href: "https://worldskills.org/skills/id/127/",
+    },
+    {
+      name: "worldskills2024.com",
+      text: "Skill 17 bei den WorldSkills Lyon 2024",
+      href: "https://worldskills2024.com/en/skills/web-technologies",
+    },
+  ]}
+/>