1
0
Fork 0
mirror of https://github.com/TheTaz25/denis.ergin.git synced 2025-07-07 16:38:49 +00:00

feat(knowledge-base): new page for s2

This commit is contained in:
Denis Ergin 2025-05-04 20:39:50 +02:00
parent 63142e27ea
commit 0a705d692e
6 changed files with 37 additions and 2 deletions

View file

@ -14,6 +14,7 @@ const dhbwCollection = defineCollection({
tags: z.array(z.string()), tags: z.array(z.string()),
staticPath: z.string(), staticPath: z.string(),
show: z.optional(z.boolean()), show: z.optional(z.boolean()),
order: z.number(),
}), }),
}); });

View file

@ -0,0 +1,30 @@
---
title: "Web Engineering I (Semester 2)"
tags:
- "dhbw"
- "web"
- "engineering"
- "html"
- "css"
- "javascript"
slug: "web-engineering-i-s2"
staticPath: "knowledge-base/dhbw/"
show: true
order: 2
---
import Card from '../../../components/mdx/Card.astro';
import Spacer from '../../../components/mdx/Spacer.astro';
# Modul: Web Engineering I (2. Semester)
In diesem Abschnitt werden Inhalte aus dem Modul Web Engineering II im 2. Semester dargestellt.
---
## TypeScript
Mithilfe von TypeScript können wir zur Entwicklungszeit JavaScript-Variablen mit einem Typ versehen um so die Entwicklung fehlerfreier zu gestallten.
Diese Slides bieten eine Einführung in die Sprache.
<Card to="/slides/flexi-pool/01-typescript" color="blue">Zu den Slides</Card>
<Spacer />

View file

@ -10,6 +10,7 @@ tags:
slug: "web-engineering-i" slug: "web-engineering-i"
staticPath: "knowledge-base/dhbw/" staticPath: "knowledge-base/dhbw/"
show: true show: true
order: 1
--- ---
import Card from '../../../components/mdx/Card.astro'; import Card from '../../../components/mdx/Card.astro';
import Spacer from '../../../components/mdx/Spacer.astro'; import Spacer from '../../../components/mdx/Spacer.astro';

View file

@ -10,5 +10,6 @@ tags:
slug: "web-engineering-ii" slug: "web-engineering-ii"
staticPath: "knowledge-base/dhbw/" staticPath: "knowledge-base/dhbw/"
show: false show: false
order: 3
--- ---
# Hallo Welt! # Hallo Welt!

View file

@ -8,7 +8,7 @@ export async function getStaticPaths() {
const blogEntries = await getCollection('dhbw'); const blogEntries = await getCollection('dhbw');
return blogEntries.map(entry => ({ return blogEntries.map(entry => ({
params: { slug: entry.slug }, props: { entry }, params: { slug: entry.slug }, props: { entry },
})); }))
} }
// 2. For your template, you can get the entry directly from the prop // 2. For your template, you can get the entry directly from the prop
const { entry } = Astro.props; const { entry } = Astro.props;

View file

@ -25,7 +25,9 @@ const dhbwModules = await getCollection('dhbw', (module) => module.data.show);
Hier findet Ihr alles rund um die Module die ich als Dozent für die DHBW verfasst habe. Hier findet Ihr alles rund um die Module die ich als Dozent für die DHBW verfasst habe.
</p> </p>
<HorizontalSlider> <HorizontalSlider>
{dhbwModules.map((module) => ( {dhbwModules
.sort((e1, e2) => (e1.data.order - e2.data.order))
.map((module) => (
<Card to={`/${module.data.staticPath}${module.slug}`} class="module-card"> <Card to={`/${module.data.staticPath}${module.slug}`} class="module-card">
<span class="card-title">{module.data.title}</span> <span class="card-title">{module.data.title}</span>
<Icon name="arrow" class="arrow" /> <Icon name="arrow" class="arrow" />