In diesem Podcast widmen wir uns dem Thema Design Patterns, Entwurfsmuster. Was du darüber wissen solltest und wie du lernst mit diesen umzugehen.

Shownote zur Episode {05}

{00:00:46} Die Search Labs von Google (https://labs.google.com/search/) ist ein Beta Programm für neue Suchfunktionalitäten, die getestet werden. Zurzeit ist das Programm in der DACH-Region nicht verfügbar. Und es funktioniert auch nur über eine Warteliste.

{00:01:30} Die ZIP Domains und MOV Domains werden sehr kritisch gesehen, weil sie Assoziationen mit Dateiendungen schaffen und dadurch leicht für Cyberkriminalität genutzt werden können. https://blog.google/products/registry/8-new-top-level-domains-for-dads-grads-tech/

{00:03:32} Trailer zu Windows Copilot – Achtung, in der Vergangenheit hat sich aus meiner Erfahrung schon häufiger gezeigt, dass die Trailer von Microsoft die Erwartungen, die gezeigt werden, nicht erfüllen kann.

{00:06:09} Die Microsoft Dev Box soll deine Entwicklungsplattform in der Cloud werden, wenn es nach Microsoft geht. Video von Microsoft zu Dev Box.

{00:07:20} TypeScript 5 ist draußen! Ein neues Sprachfeature sind die Decoratoren. Zu den Release Notes: https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html

{00:07:50} Design Patterns: Elements of Reusable Object-Oriented Software – der Gang of Four (Erich Gamma, Richard Helm, John Vlissides, Ralph Johnson)

{00:28:17} Git ist ein wertvolles Instrument für die Verwaltung von Versionen. Sollte ein Fehler ausschließlich in der aktuellsten Version auftreten, ermöglicht es dir, problemlos auf ältere Versionen zurückzugreifen. Sowohl Gitlab als auch Github sind bekannte Plattformen, die Git-Repositorys hosten. Sie stellen eine Infrastruktur für die Versionskontrolle von Projekten bereit und erleichtern Entwicklern das Speichern, Teilen und Zusammenarbeiten an der Codebasis.

{00:39:39} Folgende Seiten wollen wir dir noch an die Hand geben einmal Refactoring Guru und Patterns.dev

{00:40:06} Unser Discord Server ist für dich 24/7 da!

Zusammenfassung

In der heutigen Episode vom HelloCoding Podcast beschäftigen wir uns mit dem Hauptthema Design Patterns, ursprünglich wurde der Begriff durch die Gang of Four geprägt. Zusätzlich werfen wir einen Blick auf die Google I/O 2023, die Entwicklerkonferenz von Google. Und auch die Microsoft Build 2023 findet mit Copilot und KI Erwähnung. Zum Ende diskutieren wir noch mal etwas über Copilot.

In dieser Folge gehen wir auf das Thema Algorithmen ein und zeigen dir, wie du dein Wissen in diesem Bereich verbessern kannst. Und zusätzlich gibt es noch unsere Gedanken zum Thema ChatGPT.

Shownote zur Episode {04}

{00:02:17} ChatGPT – ist eine neue KI von OpenAI, die am 30. November 2022 zum ersten Mal veröffentlicht wurde. Diese ein Chatbot Prototyp die verschiedene Fragen beantworten kann in vielen verschiedenen Sprachen. Google sieht sie als aktive Konkurrenz zur Suche, da diese konkrete Fragen beantworten kann. In der Episode stellen wir fest, dass es an sich ein sehr interessantes Projekt ist – aber in Details häufig falsch liegt. Google hat bereits „Code Red“ ausgerufen, so heißt es – da es sehr große Konkurrenz in der KI sieht, mehr dazu unter: https://www.seo-suedwest.de/8511-chatgpt-alarmstufe-rot-bei-google.html

{00:09:35} Github Copilot ist eine KI, die einem im Code Editor mit nützliche Autovervollständigungen, die beim Programmieren unterstützen können.

{00:10:37} Aufgrund von Urheberrechten und Lizenzverletzungen wurde eine Klage gegen Microsoft, Github und OpenAI eingereicht. Da die KI von Github Copilot die Lizenzrechte der Repositorys auf Github nicht beachtet. Mehr dazu kann auch noch mal unter: https://www.heise.de/news/Microsoft-GitHub-und-OpenAI-verklagt-KI-Programmierhilfe-Copilot-kopiert-Code-7331566.html nachgelesen werden.

{00:14:02} Die Fibonacci-Folge ist eine unendliche Folge von Zahlen, wobei die nächste Zahl immer die Summe aus den 2 vorhergegangen Zahlen ist. Diese Folge kommt in der Natur an verschiedensten Stellen vor. Der Goldene Schnitt basiert auf der Fibonacci-Folge – zum Beispiel werden Menschen, deren Gesicht dem Golden Schnitt entsprechen als besonders ästhetisch wahrgenommen.

{00:16:09} Im Artikel „Wie nutze ich rekursive Funktionen in PHP?“ - beschreibe ich einmal die Rekursion am Beispiel einer Fakultätsfunktion.

{00:20:29} Der Bubblesort-Algorithmus erwartet eine Liste von Zahlen, diese Zahlen werden dann aufsteigende sortiert. Die Sortierung basiert immer auf einem Wertepaar, wobei man von einem Linken und einem Rechten Wert spricht. Dabei werden kleine Werte nach links zum Anfang verschoben und große Werte nach rechts, also zum Ende hin. Im Artikel „Den Bubblesort-Algorithmus verwenden in Java“ zeige ich dir eine entsprechende Implementierung für Java.

{00:21:09} Bei Brutforce „Rohe Gewalt“ Algorithmen handelt es sich um Algorithmen – wo einfach alles ausprobiert wird, was eine mögliche Eingabe wäre. Anschließende wird der Wert abgesendet oder geprüft, wenn danach ein „ok“ zurückkommt, dann sind wir fertig. Falls kein „ok“ zurückkommt, wird die Eingabe um einen Wert weiter gezählt und wieder versucht, solange bis eine Lösung gefunden wird.

{00:24:13} Project Euler ist eine Webseite, um Mathematikprobleme zu lösen. Es werden insgesamt 813 Probleme zum Lösen angeboten. Das im Podcast vorgestellte Problem war das Erste auf der Seite.

{00:25:56} Advent of Code gibt es seit 2015 - es werden jedes Jahr 25 Rätsel (Ein Rätsel besteht aus 2 Teilen) als Adventskalender zur Verfügung gestellt, die gelöst werden können – dafür sind Programmierkenntnisse notwendig, anhand der Aufgaben kann man seine Fähigkeiten verbessern. Auch im Nachhinein können alle Rätsel aus den vergangenen Jahren bearbeitet werden, falls du direkt loslegen willst.

{00:31:35} CodeAbbey ist ähnlich wie Project Euler aufgebaut und bietet auch teilweise deutschsprachige Übersetzungen, was es Einsteiger:innen noch leichter machen sollte. Programmierer:innen müssen für diese Rätsel keine fortgeschrittenen Kenntnisse haben; man kann sich an den Aufgaben stetig in seinen Programmierkenntnissen verbessern. Insgesamt stellt die Plattform 326 Probleme zur Verfügung.

{00:32:44} LeetCode ist ebenfalls ähnlich zu CodeAbbey mit dem Unterschied, dass die Plattform auch einen größeren kommerziellen Touch hat, diese sollte man beachten. Dafür ist die Oberfläche deutlich ansprechender gestaltet.

{00:33:17} Clash of Code auf Coding Game ist ein kompetitives Spiel für das Programmieren von Algorithmen. Wer die kürzeste Antwort in der schnellsten Zeit findet, gewinnt.

{00:35:19} Unser Discord Server steht jeder Person zur Verfügung, die sich zum Podcast oder auch allgemein zu Themen des Programmierens austauschen möchte oder dazu lernen will!

Zusammenfassung

In dieser Podcast-Episode haben wir uns mit zwei Hauptbereichen beschäftigt. Zuerst sind wir noch einmal auf die Podcast-Episode 03 eingegangen, da mit ChatGPT eine sehr interessante freie KI für das Erstellen von Texten auf den Markt gekommen ist. Im Detail erzählen wir von verschiedenen Beispielen, in denen diese KI ihre vor, aber auch Nachteile besitzt. Sie hat etwa sich bei meinem Test mit der Bitte um Programmierlösungen eigenen Funktionen ausgedachte, die so gar nicht in zum Beispiel WordPress existieren – und somit war die Lösung der KI falsch. In anderen Fällen bei der Unterstützung in der Erstellung von Texten hat die KI zum Teil großartige Arbeit gemacht. Anschließende beschäftigen wir uns mit unserem eigentlichen Thema, den Grundlagen von Algorithmen, genauer gesagt wie man lernt diese sinnvoll zu Schreiben. Unter anderem stellen wir fünf Webseiten, vor, die dir dabei helfen können, besser zu werden.

Wir beschäftigen uns mit Künstlicher Intelligenz und dem maschinellen Lernen und wie auch du in die Welt einsteigen kannst.

Shownote zur Episode {03}

{00:00:09} LaMDA eine KI, die eigene Gefühle und Gedanken hat? Die KI hat nun einen Anwalt eingeschaltet?

{00:01:01} In unserer neuen Java Kategorie findest du nützliche Beiträge, gerade für Berufsschüler:innen und angehende Studierende ist sicherlich etwas dabei.

{00:02:42} LISP ist eine Programmiersprache, auf der heutzutage viele andere Programmiersprache drauf basieren. Und viele Konzepte wurden aus LISP übernommen. LISP ist eine der ältesten Programmiersprachen, sie wurde bereits 1958 veröffentlicht und hat einige grundlegende Konzepte gelegt, die heute noch in Programmiersprachen Anwendungen finden.

{00:06:10} Beim Clustering handelt es sich um eine Gruppierung, um Ähnlichkeiten zu finden. Ein anschauliches Beispiel hierfür sind Spam-Mails, da diese häufig auch eine hohe Ähnlichkeit haben.

{00:13:22} Google ReCaptcha ist eine Software von Google, die dazu dient, zu erkennen, ob eine Person vor dem Bildschirm sitz oder ob ein Bot die Eingabe gesteuert hat.

So gibt es den Gedanken, dass Google genau diese Bilderkennungsdaten verwendet, um seine eigenen neuronalen Netze zu trainieren. Durch die Personen, die vor dem Bildschirm sitzen.

Weitere Informationen dazu könnt ihr hier nachlesen.

{00:14:48} TensorFlow ist ein Open Source Framework für Künstliche Intelligenz und maschinelles Lernen. Entworfen wurde TensorFlow von Google. Keras ist ein Wrapper für TensorFlow und weitere Frameworks, um das Arbeiten mit der zugrunde liegenden Technologie noch weiter zu vereinfachen. Beide Frameworks basieren auf Python und können in Python verwendet werden.

{00:15:50} Einen kleinen Ansatz zum Exportieren von TensorFlow Modellen kannst du hier finden.

{00:21:32} Es gibt Verschiedene Programme & Anwendungen, um Bilder zu labeln. Es gibt unter anderem dort Supervise.ly, Labelbox oder SuperAnnotate.

{00:29:35} Ein erster Bot „Cleverbot“ der vor einigen Jahren für Aufsehen gesorgt hatte, da es einer der ersten öffentlich Onlinezugangleichen Bots war, der auf einer KI basiert zur Kommunikation zwischen Bot und Mensch.

{00:32:56} Ein Tool zum Erstellen von Text mittels einer KI ist zum Beispiel neuroflash diese habe ich bereits einmal Ausgiebig getestet. Die Qualität hat mich noch nicht wirklich überzeugt, da es sehr generische Texte sind. Es gibt eher einen Einstiegspunkt, diese Texte sollten sicherlich nicht final genutzt werden. Aber um einen ersten Eindruck zu gewinnen, sicherlich sehr interessant. Oder auch als Hilfe für Formulierungen habe ich es ebenfalls schon getestet, dafür ist es sehr nützlich finde ich.

{00:33:46} Bei der Sentiment Analysis API handelt sich um eine API, mit dessen Hilfe die Stimmung eines Nutzers anhand seiner Texteingaben automatisch erkannt werden soll. In dem Artikel „Künstliche Intelligenz mit APIs in die eigene Webanwendung integrieren“ von Dr.-Ing. Anna Prenzel soll es darum gehen, wie du die API in deine Webanwendung integrieren kannst.

Zusammenfassung

In dieser Folge des Podcasts beschäftigen wir uns mit Leons letztem Projekt aus der Hochschule. Und zwar geht es um maschinelles Lernen und Künstliche Intelligenz, was ist das alles überhaupt? Wo kann ich einsteigen, wenn ich etwas in dieser Richtung machen will? Ist es wirklich ein Schwarzes Loch wie viele Personen es sich vorstellen oder gibt es ganz Klare Regel und Struktur anhand man sich ein Bild von diesem sehr spannenden Thema machen kann? Eins ist klar, möchtest du durchstarten mit künstlichen Intelligenzen und dem Arbeiten damit hilft es einen groben Überblick über Python zu haben. Da vieles in diesem Themenbereich auf Python basiert.

In dieser Podcast-Episode geht es darum wie man eine Webseite erstellen kann vom Design über die verschiedenen System zu Erstellung. Und vieles weiteres, wie zum Beispiel die Zielgruppe.

Shownote zur Episode {02}

{00:01:11} UML - Unified Modeling Language

{00:02:04} Dialog-Element HTML 5 - vollständiger Support ist endlich verfügbar. Mehr dazu im Artikel "HTML, das neue Element für Dialoge, Pop-ups und Modals".

{00:06:55} Was ist Turing-Vollständigkeit? Mit einer Turing-vollständigen Sprache ist es theoretisch möglich, jede Turing-Maschine zu schreiben. So könnte man zum Beispiel einen Compiler für die Sprache in der Sprache selbst schreiben. Mehr dazu hier.

{00:08:15} Was ist ein Content-Management-System - kurz CMS? Ein CMS ist ein Interface, um Inhalte einer Webseite oder einer App einfach zu verwalten, ohne über Programmierkenntnisse zu verfügen. Weshalb grade im Umgang mit Kunden gerne auf ein CMS zurückgegriffen wird.

{00:10:00} Was ist ein Wireframe? Ein Wireframe (Deutsch: "Drahtmodell") ist ein Modell der Webseite, reduziert auf die nötigsten Formen ohne Farbe und Details. Ein Bild kann zum Beispiel durch ein Rechteck mit einem Kreuz darin ersetzt werden. Mehr dazu auch hier.

{00:14:20} Zum Thema Typografie kann ich euch die Webseite “typolexikon.de" ans Herz legen dort findet ihr viele Information zu diesem Thema!

{00:14:35} Das Buch “Grafik und Gestaltung - Das umfassende Handbuch" - Es gibt einen umfassenden Einblick in das Thema Design - es ist sehr kompakt geschrieben, gut verständlich und gefüllt mit sehr nachhaltigen Wissen. Sowohl für Anfänger:innen zum Lernen als auch für erfahrenere Personen als Nachschlagewerk gut geeignet. Bevor ich damals mein Fachabitur (~2015) in Gestaltung begonnen hatte, hab ich mir bereits durch dies Buch viel wissen anlesen können, das mir dann weiter geholfen hat. 

{00:19:14} Software für Screendesign: Affinity Designer, Figma, Sketch, Adobe XD, Photoshop

{00:22:53} Grid System Generator für Photoshop: http://gridcalculator.dk/

{00:23:51} Deutsche Bahn Guide Line fürs Design (Coperate Design): https://marketingportal.extranet.deutschebahn.com/

{00:27:55} Eine wunderbare Webseite, die euch einen Überblick über verschiedenste CMS Systeme gibt, ist https://cmsstash.de/ diese Seite hat einen tabellarischen Überblick und viele verschiedene Vergleiche. Sei es WordPress, Kirby oder Directus eine große Auswahl an CMS wird beschrieben.

{00:28:44} Static Site Generatoren (SSGs) - Es gibt verschiedenste Static Site Generatoren, die bekanntesten sind vor allem Hugo, Gatsby, Jekyll. Persönlich find ich (Felix) noch VuePress sehr interessant, persönlich benötige ich allerdings selten einen SSG.

{00:34:12} Twig ist eine Template Engine für PHP. Diese Syntax ist auch in anderen Sprachen sehr verbreitet, wie zum Beispiel jinja2 für Python. Natürlich gibt es Abweichungen, aber solche Engines sind im Allgemeinen sehr verbreitet.(https://twig.symfony.com/)

{00:35:49} Tailwind ist eine CSS Framework, das den Focus darauf legt, selbst wenig CSS noch schreiben zu müssen. Bootstrap ist eine CSS Framework, das ursprünglich von Twitter entwickelt wurde, inzwischen Geräte es durch viel alternativen immer mehr in den Hintergrund. UiKit legt den Focus auf Input und Ui Element, was das Erstellen von User Interfaces vereinfacht.

{00:37:06} CSS Präprozessor SASS/SCSS mehr Infos im Artikel "Was ist SASS/SCSS? Wie hilft es mir?".

{00:42:28} Traefik - Edge Router - https://doc.traefik.io/traefik/

{00:45:12} Gutscheine für Netcup:

Discord Server

Zusammenfassung

In dieser Podcast-Episode sprechen ich und Leon über das Rubber duck debugging und sehr ausgiebig über die Entwicklung von neuen Webseiten. Angefangen bei der Zielgruppe und der Idee. Weiter gehts mit dem Screendesign und Wireframe und abschließend kommen wir dann zur Umsetzung und verschiedenen CMS Systemen und Entwicklung und Hosting Möglichkeiten.

In dieser Podcast-Episode erzählen wir von unserem Weg zum Programmierer. Von den Anfängen von den Fehlschlägen und der Entwicklung zu einem fähigen Entwickler.

Shownote zur Episode {01}

Folgende Inhalte haben wir in dieser Podcast-Episode erwähnt:

Als Tipp möchten wir euch noch zwei Artikel an die Hand geben für Programmier-Einsteiger*innen:

Zusammenfassung

In dieser Podcast-Episode befassen wir uns mit dem Lernen von neuen Programmiersprachen und dem Umsetzen von neuen Projekten. Und wie man sich dort entwickelt, am Anfang startet man meist chaotisch ohne einen sauberen Ansatz, mit der Zeit wird es immer sauberer und strukturierter. Es werden eigene Strategien entwickelt, wie man mit seinen Projekten startetet. Neben einer Programmiersprache und einer Projekt-Struktur wird natürlich auch eine Idee benötigt, diese stellt sich häufig als eine der schwierigsten Probleme heraus. Aber auch dort wird man mit der Zeit besser werden, je nach dem in welche Richtung man sich entwickelt.

Wir erzählen von unserer Entwickler Geschichte, wie wir gestartet sind, was für Projekte wir bewältigt haben. Und natürlich kommt das Thema Scheitern auch nicht zu kurz, denn das gehört nun mal zum Programmieren dazu.

Anfänger können hier wahrscheinlich viele neue Gedanken aufnehmen, das wichtigste ist bei aller Theorie, immer die Praxis und am Ball zu bleiben.

Die Pilotfolge vom HelloCoding.de Podcast, in dieser Episode stellen sich Leon und Felix einmal vor. Und natürlich wird auch HelloCoding.de einmal Vorgestellt!

Shownote zur Episode {00}

Die erste Pilotfolge vom HelloCoding.de Podcast. Wir sind sehr gespannt auf euer Feedback, gerne als Kommentar unter der Podcast-Episode, oder via Discord.

Folgende Inhalte haben wir in dieser Podcast-Episode erwähnt:

Zusammenfassung

In der Pilotfolge vom HelloCoding Podcast geht es um eine Vorstellung von Felix Schürmeyer und Leon Meirose. Wir stellen euch noch einmal die Geschichte vor, wie es zur Platform von HelloCoding gekommen ist. Anschließend erzählt Leon von seiner aktuell anstehenden Hausarbeit und gibt einen kleinen Einblick in die Programmierung mit Erlang als funktionale Programmiersprache.

Gerade auch die Entwicklung der Software von HelloCoding bekommt sehr viel Raum in dieser Episode. Ich erzähle wie es zu dieser Entwicklung gekommen ist.