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!

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

01. Markdown

Lyrics
    # Markdown
    
    ## 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
    # HTML
    
    ## 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
    # CSS
    
    ## 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
    # Frameworks
    
    ## 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
    # HTTP
    
    ## 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
    # Transportlayer
    
    ## 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
    # IP
    
    ## 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
    # TypeScript
    
    ## 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
    # TypeScript 2
    
    ## 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
    # JSON and AJAX
    
    ## 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
    # Webserver
    
    ## 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
    

Want more? Check out the Applied Computer Science 2 album too!

Loading...