![Loris Galler](/img/default-banner.jpg)
- 44
- 26 343
Loris Galler
Germany
Приєднався 2 кві 2021
Kurze, knackige Videos über Programmierung! 🖥️
Meistens geht es um Web-Programmierung, manchmal aber auch nicht. Ich nutze UA-cam als Vorwand, um mich mit interessanten Themen auseinanderzusetzen - also bin ich kein Experte, aber ich gebe mein Bestes!
Freut euch auf humorvolle und lehrreiche Inhalte rund um das Thema Programmieren. Viel Spaß beim Zuschauen! 🚀
Meistens geht es um Web-Programmierung, manchmal aber auch nicht. Ich nutze UA-cam als Vorwand, um mich mit interessanten Themen auseinanderzusetzen - also bin ich kein Experte, aber ich gebe mein Bestes!
Freut euch auf humorvolle und lehrreiche Inhalte rund um das Thema Programmieren. Viel Spaß beim Zuschauen! 🚀
Was ist Bun.js?
In diesem Video erfährst du alles über Bun.js. Diese Runtime ist nicht nur schneller als Deno oder Node, sondern auch super vielseitig und einfach zu nutzen. Egal ob es um die Erstellung von HTTP-Servern, die Nutzung von WebSockets, die Verwaltung von SQLite-Datenbanken oder das Handling von Web-Workern geht - Bun.js hat für alles eine extrem performante Lösung parat.
Ich erkläre euch Schritt für Schritt, was Bun.js so besonders macht und wie ihr es als Drop-In Replacement für Node.js nutzen könnt. Ihr erfahrt, wie man einen blitzschnellen HTTP-Server mit Bun aufsetzt, wie einfach es ist, TypeScript out-of-the-box zu nutzen, und wie ihr mit dem integrierten Package Manager, Bundler und Test-Runner eure Projekte im Handumdrehen zum Laufen bringt.
Ressourcen:
Offizielle Website von Bun.js:
bun.sh/
Docs von Bun.js:
bun.sh/docs
Vollständiger Code:
github.com/loris307/Bun_Example_Code
Abonniere meinen Kanal für mehr Videos über Programmieren!
#bunjs #bun #jsruntime #laufzeitumgebung #JavaScriptLaufzeitumgebung #FrontEnd #WebProgrammierung #Code #Website #WebApp #Framework #programmieren #programmierenlernen #coding #tutorial #schnell
Ich erkläre euch Schritt für Schritt, was Bun.js so besonders macht und wie ihr es als Drop-In Replacement für Node.js nutzen könnt. Ihr erfahrt, wie man einen blitzschnellen HTTP-Server mit Bun aufsetzt, wie einfach es ist, TypeScript out-of-the-box zu nutzen, und wie ihr mit dem integrierten Package Manager, Bundler und Test-Runner eure Projekte im Handumdrehen zum Laufen bringt.
Ressourcen:
Offizielle Website von Bun.js:
bun.sh/
Docs von Bun.js:
bun.sh/docs
Vollständiger Code:
github.com/loris307/Bun_Example_Code
Abonniere meinen Kanal für mehr Videos über Programmieren!
#bunjs #bun #jsruntime #laufzeitumgebung #JavaScriptLaufzeitumgebung #FrontEnd #WebProgrammierung #Code #Website #WebApp #Framework #programmieren #programmierenlernen #coding #tutorial #schnell
Переглядів: 220
Відео
Nie wieder BackEnd! | Supabase
Переглядів 1,4 тис.21 день тому
Erfahre alles über Supabase, die Open-Source-Alternative zu Firebase! In diesem Video zeige ich dir, wie du in wenigen Minuten eine skalierbare Fullstack-Web-App ohne Vendor-LockIn entwickelst. Von der Einrichtung der Datenbank bis zur User-Authentifizierung. Perfekt für alle, die schnell ein Projekt aufsetzen wollen, ohne ein eigenes Backend zu erstellen. 🚀 Ressourcen: Supabase offizielle Webs...
Dieses Chrome Feature wird ALLES verändern!
Переглядів 2,1 тис.Місяць тому
Erfahre alles über das brandneue Feature in Chrome: window.ai! In diesem Video zeige ich dir, wie du das neue Lokale-KI Feature aktivierst und wie du mit der neuen `window.ai`-API spannende Anwendungen entwickeln kannst. Perfekt für alle, die die Zukunft der KI und Webentwicklung erleben wollen! 🚀🤖 Ressourcen: Playground und Tutorial Installation: ai-sdk-chrome-ai.vercel.app/ Offizielle Ankündi...
Das schnellste Framework der Welt | Astro.js
Переглядів 1,9 тис.Місяць тому
Erfahre alles über Astro.js, das revolutionäre Framework für ultraschnelle Websites! In diesem Video erkläre ich, was Astro.js so besonders macht und warum es ideal für content-driven Websites ist. Anschließend zeige ich dir Schritt für Schritt, wie du eine Website mit Astro.js erstellst und Vue- sowie React-Komponenten integrierst. Perfekt für alle, die moderne Webentwicklung auf ein neues Lev...
Tailwind CSS: Der Game-Changer für moderne Websites!
Переглядів 4722 місяці тому
Tailwind CSS: Der Game-Changer für moderne Websites!
KI und Halluzinationen | Google AI Overviews
Переглядів 4042 місяці тому
KI und Halluzinationen | Google AI Overviews
High mit GPT-4o: So baut man einen Voice-Chatbot
Переглядів 1593 місяці тому
High mit GPT-4o: So baut man einen Voice-Chatbot
KI - Das Ende der Programmierer? | Copilot Workspace
Переглядів 6703 місяці тому
KI - Das Ende der Programmierer? | Copilot Workspace
Die Geschichte der Webentwicklung | Teil 1
Переглядів 2703 місяці тому
Die Geschichte der Webentwicklung | Teil 1
Vergiss JavaScript! So verändert HTMX die Webentwicklung
Переглядів 4,2 тис.3 місяці тому
Vergiss JavaScript! So verändert HTMX die Webentwicklung
ChatGPT in ein PHP Wordpress Plugin integrieren
Переглядів 1514 місяці тому
ChatGPT in ein PHP Wordpress Plugin integrieren
Interessant! Ich habe eigentlich nach "Talahon in Isle of Man" gesucht und das ist das erste Video, das mir angezeigt wird.
Passt doch
coole zusammenfassung
saustarkes video 👍
Danke!! :)
Ich bin vor einigen Monaten zu Bun umgestiegen und habe damit yarn, node und vite ersetzt und das bleibt auch so! :D Ein Video zu Elysia wäre echt cool 👍
Sehr cool :) Ja wird auf jeden Fall demnächst kommen! 🫡
Zig mentioned let's go
Extra für dich! <3
Das ist der neue fotm, oder?😅
Ich bin der Backend-Typ 😎
Cooles Video! Mein Abo hast du! Appwrite ist übrigens auch einen Versuch wert :)
Gutes Video. Schön gemacht. Aber dass du RLS ins deutsche übersetzt - cmon :D
Das hier ist ein deutscher kodierungs DuRöhre Kanal!
Cooles Video. Teste gerade PocketBase 😮
Danke! PocketBase sieht auch sehr interessant aus. Nutzt du das self-hosted? Es scheint keinen managed plan zu geben, oder? 🤔
@@lorisgaller nein, gibt nur self-hosted. Habs auf ner Debian LXC aufgesetzt.
@@lorisgaller nein, self hosted
@@its-tin Okay! Sehr cool :) Und was sagst du bisher dazu? Sollte ich auch darüber ein Video machen? :D
@@lorisgaller ich finds eigentlich recht cool, und vorallem recht simpel. vorallem mit der JS SDK. Supabase ist mir zu komplex und selfhosten ist so meh.
deutsche fireship
👀
für kleine Projekte echt praktisch
wie geil!
Feier ich, weitere videos pls
Wird gemacht! 🫡
Sehr gutes Video! Mich würde noch in Detail RLS (Warum gibt es einschränkungen, wenn wir so oder so vorprogrammieren was der User sieht), Edge Functions (Wofür wäre das gut?) und Docker (sehe das oft aber bisher keiner gut erklärt) interessieren. Aber sonst sehr gut supabase erklärt, nutze selbst supabase und bis jetzt top! :D
Danke! :) Da ich mich in meinen Videos immer kurz halten möchte, kann ich nicht über alles im Detail reden. Aber hier sind ein paar Nachträge zu deinen Fragen: - RLS: Vor allem aus Sicherheitsgründen. Man steuert damit genau, welche Entität, was machen darf. Ohne RLS policy wäre es einem Angreifer möglich einfach alle Daten der Datenbank abzufragen. Mit RLS kannst du sicherstellen, dass selbst bei direktem Zugriff auf die Datenbank nur autorisierte Benutzer die ihnen zugewiesenen Daten sehen und manipulieren können. - Edge Functions: Das sind alleinstehende Funktionen, welche (geographisch) nah am Nutzer laufen und sehr flexibel einsetzbar sind. Man kann sie für alles nutzen, was man nicht clientseitig machen möchte/kann: - Datenverarbeitung - Datenvalidierung - Push Benachrichtigungen - API Calls - und, und, und - Hier ist das ganze Konzept sehr gut erklärt: stackoverflow.blog/2023/02/23/how-edge-functions-move-your-back-end-close-to-your-front-end/ - Docker: Darüber werde ich auch noch ein Video machen irgendwann! Kurz gesagt: Code in einem “Container”, also in einer abgeschlossenen, isolierten und leichtgewichtigen Umgebung auszuführen. Wie jedes Video von fireship, ist das zu Docker sehr zu empfehlen: ua-cam.com/video/Gjnup-PuquQ/v-deo.html Im Video nutze ich Docker nur zum Bundeln. Das Supabase CLI verwendet Docker im Hintergrund, um alle notwendigen Einzelteile in einem Container zu packen, damit die Edge functions konsistent bereitgestellt werden können.
@@lorisgaller Vielen Dank für die ausführliche Antwort. Hat mir echt weitergeholfen! :D
Lass mich das offensichtliche sagen: Eine ech Supa Zusammenfassung, wie man es von dir gewohnt ist, Like!
Supagroßen Dank!! :)
jacke schlägt alles
Warum hat sowas nur 21 Aufrufe?
😩
Gute Frage, ich hab meine Idee dazu. 😅
Hat es ja nicht
@@kevinito nichtmehr* freut mich
glaub da kam ein troepfchen der freude :D gruss von einem der 6.6%
So wie bei mir, wenn du kommentierst 🥰
popogesicht
🙏
für den Algorithmus
An sich ganz gut. Schauen wir mal, ob es sich durchsetzt.
Ich stelle immer wieder fest, dass ich als Backend Entwickler besser dran bin 😊
Thumbs up! 🙂
Ich finde Gemini schon kacke, aber wenn es jetzt ein noch schwächeres Modell davon gibt...
Ja Gemini Nano ist natürlich an sich kacke, aber es geht ja darum, dass es lokal auf deinem Gerät läuft :D
@@lorisgaller ja klar, ist schon interessant. Muss zugeben, dass ich das Video nicht ganz aufmerksam geguckt habe und nur einmal reingesehen habe. Danke für deine Mühe <3
Nach der Instalation von chrome dev bist du plözlich auf einer schwarzen seite mit der Überschrift "Experiments". Wie komme ich da hin?
Hey, leider vergessen das einzublenden! Habe die Beschreibung geupdated und dort findest du jetzt auch unter "Playground und Tutorial Installation" eine Schritt für Schritt anleitung. Generell musst du aber für den Schritt nur die beiden Flags jeweils in die Adress Bar eingeben: chrome://flags/#prompt-api-for-gemini-nano und chrome://flags/#optimization-guide-on-device-model
Like this video or learn Assemby
oh shit 🤯
Das ist ein richtig cooles Feature
Es lassen sich auf jeden Fall ziemlich coole Dinge damit machen :)
❤
HTMX ist geil bis du eine zweite applications hast die die API nutzen soll.
Klingt prinzipiell geil. Ich Stelle mir das nur unglaublich nervig vor, wenn komplexes HTML zusammengestellt werden soll. Um z. B. gut aussehende Input-Felder und Formulare zu ermöglichen. Wenn ich mir überlege wie so ein Multiselect Input aussehen kann und was da JS seitig zusammen gerendert wird, möchte ich das nicht zum Problem des Backends machen. Da finde ich das Konzept (Web-Server) Backend liefert nur Daten (als JSON) und FE Interpretation der Daten sowie Rendering des FE viel besser. Es ist klarer in seinen Aufgaben getrennt. Trotzdem finde ich die Idee ganz cool für einfache kleine Themen.
Ist ja 'ne steile These dass Next.js Apps nur SPAs sind und nur auf client-side rendering setzen. Stimmt halt nicht, aber ok. Müsst ihr wissen
bei nextjs gibt es doch auch server side rendering wo statische komponenten schon serverseitig vorgerendert und gecachet werden können für schnellen zugriff. und der client nur die dynamischen komponenten selber rendert und per hydration mit daten füllt. ist das selbe prinzip wenn ich es richtig verstehe. wie die rendertime im vergleich ist weiß ich allerdings nicht.
Stimmt! Aber Astro.js ist im Gegensatz zu Next.js sehr darauf spezialisiert, statische Seiten mit Islands zu erzeugen, ohne zusätzliche Imports oder erhöhte Komplexität (die man in Next.js bräuchte). Das führt dann am Ende zu einer geringeren Bundle-Größe und somit auch zu viel schnelleren Ladezeiten :)
@@lorisgaller Next.js Server Components im App Router _ist_ Island Architecture. Die `'use client'` directive ist die Boundary zum JavaScript Island, da braucht man keinerlei zusätzlichen imports oder irgendwelche Komplexität, it just works, du klatschst literally einfach 'use client' oben an die Datei.
Leider bleibt dein Video den Nachweis schuldig. Wie schlagen sich die Metriken im Google PageSpeed? Muss Google die Messlatte höher legen?
Hey, guter Einwand! Die Astro Entwickler haben diesen Vergleich selber auf ihrer Seite verlinkt (sorry für den schlimmen link xd). Beim Thema Core Web Vitals schneidet Astro unter den verglichenen Frameworks mit Abstand am besten ab. Wenn du willst, kannst du hier auch selber noch rumspielen und es mit noch mehr Frameworks vergleichen: lookerstudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC?params=%7B%22df44%22:%22include%25EE%2580%25800%25EE%2580%2580IN%25EE%2580%2580WordPress%25EE%2580%2580Next.js%25EE%2580%2580Nuxt.js%25EE%2580%2580Gatsby%25EE%2580%2580Astro%25EE%2580%2580SvelteKit%25EE%2580%2580Remix%22%7D
@@lorisgaller Super Cool. Danke 🤠🤜🏻🤛🏻
@@lorisgaller Ich habe mir astro.build eben angesehen. Ich kenne das Astro-Framwork nicht und erlaube mir daher kein Urteil. Was allerdings befremdlich wirkt, ist die Tatsache, dass von der Behauptung auf der Startseite, dass Google, Microsoft, The Guardian, Nord VPN und NBC-News das Astro in Verwendung haben wohl so nicht richtig ist. Ich konnte lediglich Porsche als einzigen Verwender des Astro-Framework identifizieren. Die Domain Astro.build im Livetest der Core Web Vitals offenbart ebenfalls Mängel in der Programmierung ... Schade, da es doch Webseiten mit einem FEHLERFREIEN Score und 4 x 100 in Desktop und Mobile gibt.
@@Mein_Senf_dazu Also, wenn ich die Werte bei PageSpeed teste, bekomme ich folgende Ergebnisse für astro.build/: First Contentful Paint: 1,3 s Largest Contentful Paint: 2,6 s Total Blocking Time: 0 ms Cumulative Layout Shift: 0 Speed Index: 1,3 s Die sind doch sehr gut, meines Erachtens nach. Und die Sponsoren findest du weiter unten auf der Seite mit Verlinkungen. Beispielsweise hat Google selbst angekündigt, dass sie Astro.js sponsern! Und zu Microsoft: Sie haben es in Fluent 2 verwendet (astro.build/case-studies/microsoft/). Die Anderen habe ich jetzt nicht geprüft aber solche Firmen sind meistens auch nicht daran interessiert, jedes Framework für jede ihrer Lösungen an die große Glocke zu hängen.
Es ist schön, dass das alles so kompatibel ist, aber es ist mal wieder proprietärer Mist. Slots sind auch keine Erfindung von Astro sondern von Webcomponents. Genau die sollten eigentlich gefördert werden. Aber das macht bisher nur Lit und das kann von Natur aus auf dem Server gerendert werden. Eigentlich bräuchte man Lit nichtmal, man könnte auch einfach so Webcomponents verwenden. Lit macht es nur sehr angenehm in der Nutzung wenn auch nicht perfekt. Dazu müssten Webcomponents endlich das Übergeben von Referenzwerten erlauben.
Stimmt! Web Components sind wirklich eine ziemlich nice Erfindung, wenn man Frameworks vermeiden möchte und dort wurde auch das Wort Slots zuerst verwendet :)
Sehr stark, das erste Mal, dass der Algorithmus etwas Gutes vorschlägt, gleich mehrere Videos von dir reingezogen. Gute Stimme, Artikulation und Themenwahl und dann noch humorvoll. Hoffe, dass mit „ein niemand“ wird sich schnell ändern. Übrigens Gustav absoluter Macher, oder auch eher weniger 😂, aber auf jeden Fall sehr geiles Video.
Dankeschön!!! Gustav ist btw das kreative Genie hinter diesem Kanal