int-lab.de by Prof. Dr. Martin Weigel

Music Album – Applied Computer Science 1

A musical study companion: Eleven AI-generated tracks based on Applied Computer Science 1 lecture content.

All songs are free to download, share, and remix. Enjoy! Want more? There is also the Applied Computer Science 2 album.

01. Markdown

Lyrics

Verse 1

In the glow of our screens, late into the night,
Markdown's our guide, making everything right.
Emphasis with stars, double it for bold,
Creating links and images, stories unfold.

Chorus

Oh, Markdown, you’re the text with a twist,
From hashes for headers to stars for a list,
Hyperlinks wrapped in brackets so neat,
With your concise syntax, our docs compete.

Verse 2

Blockquotes with "greater than" signs on each line,
While backticks protect the code that we enshrine.
Tables aligned with pipes and dashes laid,
In Markdown’s realm, the structure’s displayed.

Outro

So here's to the nights under the neon light,
Where Markdown transforms the text in sight.
From READMEs to blogs, with finesse, we trust,
Markdown’s touch makes the web just right.

02. HTML

Lyrics

Verse 1

In the realms of cyberspace, where we play,
HTML crafts the web’s display.
From the headers down to the footer low,
It's the language that makes the webpages glow.
Tags and attributes, shaping the stage,
With `<div>`s and `<span>`s, they frame the page.

Chorus

Rock the code in every line, HTML, make it shine!
From a simple link to a form so fine,
With HTML, we define,
The structure of the web, our digital spine,
In the dance of code, where we align.

Verse 2

Images and links, forms and lists,
Semantic tags that can’t be missed.
Hyperlinks that travel far and wide,
To bring the world to our web-based side.
Tables set, the data’s neat,
In rows and cells, none can beat.

Chorus

Rock the code in every line, HTML, make it shine!
From a simple link to a form so fine,
With HTML, we define,
The structure of the web, our digital spine,
In the dance of code, where we align.

Outro

So here's to the code that frames our tales,
From blogs to news, in detail it sails.
Every tag and element, perfectly clear,
HTML, the web’s pioneer.

03. CSS

Lyrics

Verse 1

From colors bold to margins wide,
CSS makes the web come alive.
Padding, borders, styles galore,
Turn basic tags into so much more.
Selectors point, they guide the way,
From classes to IDs, they have their say.

Chorus

Dress up the web in its finest threads,
With CSS where style embeds.
Colors blend and layouts flex,
With stylesheets, we’re building specs.
Cascade the rules, let them flow,
In the stylesheet's dance, let the webpages glow.

Verse 2

Flexbox, Grid, align it all,
Responsive design that stands tall.
Media queries, adapt on the fly,
For screens of all sizes, under the digital sky.
Hover, click, dynamic states,
Pseudo-classes that animate.

Outro

So paint the web, let it shine,
Through CSS, design intertwines.
From the header to the footer's end,
With every line of code we send.

04. Frameworks

Lyrics

Verse 1

In the groove of web design, frameworks lead,
Bootstrap steps up, fulfills every need.
Grids and containers, styles so sleek,
Responsive layouts, the elegance we seek.
With icons that talk, from FontAwesome’s gleam,
A visual language, a designer’s dream.

Chorus

Swing through the stylesheets, cool and clean,
Bootstrap and icons, the web’s keen machine.
Jazz up your pages, make them sing,
With frameworks that bring zing to everything.

Verse 2

Modal windows, pop with a flair,
Navigation bars that take you there.
Buttons and badges in harmonious display,
Color schemes that brighten your day.
From the smallest screen to the widest view,
Bootstrap adapts, always something new.

Outro

So let the icons dance, let the layouts flow,
Frameworks guide us, in the web’s big show.
With every tag and every line,
We craft a web that’s truly divine.

05. HTTP

Lyrics

Verse 1

Hey there, did you know, it's HTTP we owe,
For every web page that on our screens glow.
From GET to POST, it’s doing the most,
Fetching the content from coast to coast.

Chorus

HTTP, linking sites far and near,
Through requests and responses, all so clear.
From server to screen, the data stream,
In this world wide web, a digital dream.

Verse 2

Type in a URL, set the stage,
HTTP springs to life, connecting page to page.
A dance of codes, `200` means all's well,
While `404` rings the error bell.

Chorus

HTTP, linking sites far and near,
Through requests and responses, all so clear.
From server to screen, the data stream,
In this world wide web, a digital dream.

Bridge

Cookies remembering, sessions keep checking,
Secure in HTTPS, encryption not wrecking.
Persistent connections, less latency showing,
A dance of data, continuously flowing.

Verse 3

Headers and payloads, in text we trust,
Persistent or not, adjust we must.
Each request independent, stateless it’s true,
But with cookies and sessions, it remembers you.

Chorus

HTTP, linking sites far and near,
Through requests and responses, all so clear.
From server to screen, the data stream,
In this world wide web, a digital dream.

06. Transportlayer

Lyrics

Verse 1

TCP locks it down, ensures every part,
Sequences in check, a reliable art.
Retransmissions for what gets lost,
Data integrity, no matter the cost.

Chorus

Ride the data stream, surf the digital dream,
HTTP on board, in the transport scheme,
TCP, QUIC, and UDP,
Guiding the web, to where we need to be.

Verse 2

QUIC zips on UDP, a flash in the pan,
Handshakes faster, a new game plan.
Encrypted headers, no time to stall,
Streams in parallel, it handles them all.

Chorus

Ride the data stream, surf the digital dream,
HTTP on board, in the transport scheme,
TCP, QUIC, and UDP,
Guiding the web, to where we need to be.

Outro

From byte to site, through day and night,
Protocols lead, with speed and might,
Connections strong, or fast, or light,
Weaving the web, to new heights.

07. IP

Lyrics

Verse 1

IPv4, the elder script, in dotted decimals adeptly writ,
Crafting subnets, slice the sphere, in zones of trust, we engineer.
Gateways chant, the masks align, dividing networks, line by line.

Chorus

Ride the currents of DNS, translating names in the abyss,
From silence rise, the echoes call, lighting up the dark protocol.

Verse 2

IPv6, a vaster plane, expanding realms where shadows reign,
Subnetting vast as stars above, carving routes that data loves.
Each packet’s path distinctly cast, through the future, freed from past.

Chorus

Ride the currents of DNS, translating names in the abyss,
From silence rise, the echoes call, lighting up the dark protocol.

Outro

On strands of light and shadow play, beneath the nets where we lay,
Subnet wizards, mask in hand, charting paths through data's land.
IPv4 and v6, the architects of digital fix.

08. TypeScript

Lyrics

Intro

Yeah, yeah, check it out,
We're diving into TypeScript, no doubt,
From loops to functions, lambdas tight,
We code all day, we code all night.

Verse 1

Started with Node, installed it quick,
npm’s the tool, get that fix,
Set up TypeScript, T S C init,
Project’s ready, now we’re in it.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

Verse 2

Declare your vars with types so clear,
Numbers, strings, booleans here,
Errors caught, compile-time glow,
TypeScript’s power, let it show.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

Verse 3

Control the flow, if-else guide,
Boolean checks, can’t let it slide,
Switch statements for cases true,
Control structures, nothing new.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

Bridge

Loops that iterate, flow so fine,
For, while, do-while, check the line,
For-of for lists, iterate clean,
TypeScript loops, coding dream.

Verse 4

Functions defined with clarity,
Arrow functions, quick to see,
Parameters passed, return type set,
TypeScript’s rules, no regret.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

Verse 5

Modules, classes, interfaces tight,
Async, await, code all night,
TypeScript’s world, we’re moving fast,
A coding future built to last.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

Outro

So here’s to TypeScript, raise it high,
With every line, we touch the sky,
JavaScript’s shore fades from view,
In TypeScript’s realm, our dreams come true.

Chorus

TypeScript vibes, let the knowledge flow,
Strict types guiding as we go,
JavaScript’s past, we’re moving on,
In TypeScript’s world, we’re never wrong.

09. TypeScript 2

Lyrics

Strophe 1

Yo, ich bin der Coder, im TaipScript-Land,
Mit Klassen und Interfaces, alles in meiner Hand,
Public, praivet, protected, ich setze die Regeln,
Vererbung mit extends, das Wissen zu hegen.

In der Klasse startet's, der Konstruktor baut,
Variablen und Methoden, alles genau,
Mit jedem Klick, ein Event Händler am Start,
Ich manipuliere den DOM, das ist meine Art.

Refrain

TaipScript im Blut, ich schreib’ den Code,
Äppänd und remove, im HTML-Modus,
Event Händler setzen, die Seite lebt,
Im digitalen Flow, der Browser bebt.

Strophe 2

Interface definiert, die Struktur ist klar,
Implementiere die Methoden, alles wunderbar,
Der Zugriff ist geregelt, mit public und co.,
Praivet schützt die Daten, so ist das Niveau.

Mit querySelector find' ich jedes Element,
Verändere den Style, das Layout brennt,
Neue Elemente erzeugen, äppänd sie im Flow,
Im JavaScript-Style, die Seite ist pronto.

Refrain

TaipScript im Blut, ich schreib’ den Code,
Äppänd und remove, im HTML-Modus,
Event Händler setzen, die Seite lebt,
Im digitalen Flow, der Browser bebt.

Bridge

AddEventListener, der Klick wird erkannt,
DOM verändert sich, alles ist geplant,
Mit jedem Event, eine neue Aktion,
JavaScript und TaipScript, die perfekte Fusion.

Refrain

TaipScript im Blut, ich schreib’ den Code,
Äppänd und remove, im HTML-Modus,
Event Händler setzen, die Seite lebt,
Im digitalen Flow, der Browser bebt.

Outro

Yo, das ist mein Spiel, der Code ist mein Beat,
Mit TaipScript und HTML, das Netz ist mein Gebiet,
Äppänd, remove, der DOM in Bewegung,
Im Rhythmus des Codes, eine gute Überlegung.

10. JSON and AJAX

Lyrics

Verse 1

JSON and AJAX, let's begin,
Data formats we dive in.
JavaScript Object Notation,
A language of serialization.

Chorus

JSON is simple, for human eyes,
Machines can read it, that's no surprise.
AJAX loads data, fast and light,
No need to refresh, keeps things bright.

Verse 2

Douglas Crockford, in 2006,
Made JSON formal, with a nifty fix.
For config files, or data share,
JSONs text, used everywhere.

Chorus

JSON is simple, for human eyes,
Machines can read it, that's no surprise.
AJAX loads data, fast and light,
No need to refresh, keeps things bright.

Bridge

Objects, Arrays, Strings so clear,
Numbers and Booleans, all right here.
Serializing, deserializing too,
TypeScript to JSON, and back to you.

Verse 3

Callback requests are old but gold,
AJAX with callbacks, stories told.
Fetch API, promises made,
Modern method, got it laid.

Chorus

JSON is simple, for human eyes,
Machines can read it, that's no surprise.
AJAX loads data, fast and light,
No need to refresh, keeps things bright.

Outro

JSON and AJAX, side by side,
Making web apps, smooth and wide.
From JSON objects, to AJAX calls,
In the world of data, breaking walls.

11. Webserver

Lyrics

Intro

Yeah, it's time to code, let's elevate
Web server beats, let's innovate
Express, Node.js, feel the vibe
Backend, frontend, we subscribe.

Verse 1

In the backend world, Node.js ignite
Express on the scene, coding through the night
Handling routes, GET and POST, it's our art
Data flows like water, from the start

Pre-Chorus

Static files served, CSS and pics
Dynamic pages next, with coding tricks
Server-side magic, scripts align
Business logic flows, everything's fine

Chorus (French)

Dans le code, on brille, ouais, on s'unit
Frontend, backend, c'est notre harmonie
Routage, requêtes, tout est synchronisé
Express, notre guide, on va tout casser

Verse 2

Frontend's vibrant, with HTML and CSS
Client-side scripts, making it the best
Browsers sending calls, servers replying
HTTP flows, no denying

Pre-Chorus

JSON in the body, data comes to play
Endpoints in Express, leading the way
Debugging in the console, errors dismissed
HTTP methods, each with a twist

Chorus (French)

Dans le code, on brille, ouais, on s'unit
Frontend, backend, c'est notre harmonie
Routage, requêtes, tout est synchronisé
Express, notre guide, on va tout casser

Bridge

Middleware's ready, parsing every string
Port 3000 open, let the server sing
Routing handlers set, POST to create
GET to fetch the data, we innovate

Chorus (French)

Dans le code, on brille, ouais, on s'unit
Frontend, backend, c'est notre harmonie
Routage, requêtes, tout est synchronisé
Express, notre guide, on va tout casser

Outro

Digital symphony, backend to the front
Express takes the lead, we never confront
Routes, GET, POST, defining our fate
In this digital age, we innovate

Music and lyrics © 2024 by Prof. Dr. Martin Weigel
Licensed under CC BY 4.0