Programmieren mit Mario
Programmieren mit Mario
  • 195
  • 1 093 328
Is your website alive yet? | CSS with Mario #7 | 2024
Lebt deine Website schon? Wir schauen uns in diesem Tutorial an wie du mit CSS Transition und Keyframes Animationen in deine eigene Website einbauen kannst. Happy Coding!
🌟 Vorteile
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Kanalmitglied werden und exklusive Vorteile erhalten:
ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
↪︎ ua-cam.com/video/nkCD6heMM1g/v-deo.html
📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
Starte Jetzt!
ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.html
#ProgrammierenM #CSS #MitMario
Переглядів: 970

Відео

Responsive Slider mit HTML, CSS und JavaScript
Переглядів 1,3 тис.21 день тому
Wir bauen einen Responsive Slider mit HTML, CSS und JavaScript in dem wir uns das Swiper Tool zu Hilfe nehmen. AI generierte Bilder dürfen dabei natürlich nicht fehlen. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin 😺 Source Code - - - -...
HTMX Tutorial Deutsch | Erste Schritte in HTMX
Переглядів 2,6 тис.Місяць тому
HTMX als High Power Tool für HTML. Wenn du interaktive Benutzeroberflächen erstellen möchtest aber kein JavaScript verwenden willst, ist HTMX genau richtig für dich. Wir schauen uns in diesem Tutorial an wie du HTMX verwenden kannst. Für alle JavaScript-Muffel... Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusi...
Kennst du DIESEN Flexbox Trick? | CSS mit Mario #6 | 2024
Переглядів 1,8 тис.Місяць тому
CSS Flexbox ist eine hervorragende Technik um Elemente auf Websites zu positionieren. Dennoch verhalten sich die Elemente manchmal komisch und sehen unsauber aus. Ich zeige dir in diesem CSS Tutorial an einem speziellen Problem wie du dieses mit einem Trick umgehen kannst. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden u...
Infos zum PHP Grundlagen Kurs für Anfänger
Переглядів 1,1 тис.Місяць тому
Hier erhältst du Vorabzugriff auf alle Parts des PHP Grundlagen Kurses ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin ⭐ Das könnte dich auch interessieren - - - - - - - - - - - - - - - - - - - - - - ...
Modernes CSS ist bereits Realität | CSS mit Mario #5 | 2024
Переглядів 2,3 тис.Місяць тому
Nutzt du schon modernes CSS? Es gibt zahlreiche Verbesserungen in CSS die du schon jetzt in deinen Projekten verwenden kannst. Bringe dein CSS aufs nächste Level. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin ⭐ Das könnte dich auch inte...
Das habe ICH noch NIE gezeigt | CSS mit Mario #4 | 2024
Переглядів 1,9 тис.Місяць тому
Was ist wenn die Positionierung von Elementen mit CSS Flex und Grid nicht ausreicht? In diesem Tutorial zeige ich dir eine Alternative, wie du Elemente positionierst welche eine unterschiedliche Höhe besitzen. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1AwU...
JetBrains WebStorm ist JETZT KOSTENLOS 🥳
Переглядів 2,2 тис.Місяць тому
Die JetBrains IDE WebStorm ist jetzt kostenlos für alle die es nicht kommerziell nutzen möchten. Hervorragend für Alle die ein Programm brauchen um Programmieren zu lernen. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1AwU7jLcK1x2Pw.htmljoin ⭐ Das könnte dich...
Wer es GLEICH RICHTIG macht... | CSS mit Mario #3 | 2024
Переглядів 1,8 тис.Місяць тому
Variablen in CSS können dir die nachträgliche Arbeit in CSS erleichtern wenn sich zentrale Werte ändern sollten. Du willst ja nicht jedes einzelne Element anpassen müssen. Positioniert wird aber auch wieder was. Es gibt immer etwas zu positionieren in CSS. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vort...
Hätte ich DAS nur EHER gewusst | CSS mit Mario #2 | 2024
Переглядів 3,8 тис.2 місяці тому
Das HTML Image Element IMG ist ein Inline Element. Jetzt wissen wir es und können es so manipulieren wie wir es wollen und der untere Freiraum welches das Bild erzeugt ist Geschichte. Wir machen alles Schick mit zufallsgenerierten Farbpaletten und positionieren Elemente bis an den Rand des Wahnsinns. Klar mit Flex... Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - -...
Das NERVIGE Pixelschubsen | CSS mit Mario #1 | 2024
Переглядів 2,9 тис.2 місяці тому
Die Positionierung von HTML Elementen mit CSS ist für viele ein Schwieriges Thema. Mit diesem Tutorial erkläre ich dieses Thema im Zusammenhang mit anderen Aspekten die dir helfen werden es besser zu verstehen. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/McbmRHNV1Aw...
Meine ersten Schritte mit JetBrains Fleet
Переглядів 1,9 тис.2 місяці тому
Der JetBrains Fleet Code Editor ist mehr als nur ein Code Editor. Steht so auf deren Seite. Ich schaue mir dieses Programm zusammen mit dir zum Ersten mal an und gebe dir direkt Feedback was ich persönlich davon halte. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Kanalmitglied werden und exklusive Vorteile erhalten: ua-cam.com/channels/Mcb...
Kanal Update - Wie geht's weiter?
Переглядів 2,4 тис.2 місяці тому
In Zukunft werde ich die Art und Weise wie ich meinen Content euch zur Verfügung stelle, ändern. Ich gebe dir mit diesem Video ein Update für diesen Kanal. Happy Coding! ⭐ Das könnte dich auch interessieren - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ↪︎ ua-cam.com/video/buaG5pjYYqg/v-deo.html 📌 Über diesen Kanal und mich - - - - - - - - - - - - - - - - - - - - - ...
PHP ist tot 💀 Lang lebe PHP 👑
Переглядів 3,3 тис.2 місяці тому
PHP ist tot, lang lebe PHP. PHP ist weit entfernt davon zu sterben. Es hat immer noch einen extrem großen Marktanteil bei Serverseitigen Programmiersprachen im Bereich Web. Ich erläutere dir meine Gedanken dazu und zeige dir an einigen Beispielen was sich in den letzten Jahren in PHP verändert hat. Happy Coding! 🌟 Vorteile - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ...
Wie du NICHT mit URLs arbeitest
Переглядів 2,6 тис.3 місяці тому
Im Bereich der Frontend-Entwicklung ist die Verwaltung von URLs eine häufige Aufgabe. Häufig erstellen wir API-Endpunkte für HTTP-Anfragen oder eine Seitennavigation mit dynamische Links und variablen Parametern. Traditionell haben sich Entwickler beim Zusammenstellen von URLs auf Template Literals oder die einfache Verkettung von Zeichenfolgen verlassen. Dieser Ansatz ist zwar immer noch weit ...
Die Power von JavaScript Generators
Переглядів 2,3 тис.3 місяці тому
Die Power von JavaScript Generators
Mein PHP Setup mit JetBrains PhpStorm, WSL2 und DDEV
Переглядів 1,5 тис.3 місяці тому
Mein PHP Setup mit JetBrains PhpStorm, WSL2 und DDEV
Typische Falle für Anfänger in JavaScript
Переглядів 3,9 тис.3 місяці тому
Typische Falle für Anfänger in JavaScript
Das NEUE HTML Dialog Tag = Game Changer
Переглядів 7 тис.4 місяці тому
Das NEUE HTML Dialog Tag = Game Changer
Programmieren als Hobby - Was brauchst du!
Переглядів 2,5 тис.4 місяці тому
Programmieren als Hobby - Was brauchst du!
Du kannst nicht alles lernen 👨‍💻
Переглядів 1,6 тис.4 місяці тому
Du kannst nicht alles lernen 👨‍💻
Browser DEV Tools: JavaScript Debugging
Переглядів 9394 місяці тому
Browser DEV Tools: JavaScript Debugging
Browser DEV Tools: Console Power
Переглядів 7075 місяців тому
Browser DEV Tools: Console Power
Browser DEV Tools: Network Traffic
Переглядів 9785 місяців тому
Browser DEV Tools: Network Traffic
Browser DEV Tools: Responsive Design
Переглядів 9215 місяців тому
Browser DEV Tools: Responsive Design
Browser DEV Tools: Die Grundlagen
Переглядів 1,8 тис.5 місяців тому
Browser DEV Tools: Die Grundlagen
Eine mehrsprachige Website erstellen für Anfänger
Переглядів 1,1 тис.6 місяців тому
Eine mehrsprachige Website erstellen für Anfänger
Kennst du DIESE Regel in CSS?
Переглядів 1 тис.6 місяців тому
Kennst du DIESE Regel in CSS?
Responsive CSS Grid ohne Media Queries
Переглядів 9516 місяців тому
Responsive CSS Grid ohne Media Queries
Wann solltest DU JavaScript lernen? 🤔
Переглядів 1,2 тис.6 місяців тому
Wann solltest DU JavaScript lernen? 🤔

КОМЕНТАРІ

  • @rechthabich
    @rechthabich 2 дні тому

    Welches Theme nutzt du dort für VSC gefällt mir sehr gut 😊

  • @helmutbritscho2283
    @helmutbritscho2283 3 дні тому

    Ich würde die Variante 1 bevorzugen.

  • @allesandersoderso
    @allesandersoderso 3 дні тому

    Gibt es das Video auch auf Hochdeutsch?

  • @WiSa2906
    @WiSa2906 3 дні тому

    Mal wieder alles top erklärt. So versteht man wenigstens wie es funktioniert. Vielen Dank dafür :)

  • @myyty
    @myyty 4 дні тому

    taktisch sehr gut, dass der Kaufen Button eine Warnfarbe bekommt. Da kann man nochmal überlegen ob man den Mist wirklich kaufen muss. 😁 Ansonsten wieder sehr entspannend, danke für das Video!

  • @PhilippBayer
    @PhilippBayer 4 дні тому

    ich liebe deine Videos!

  • @webmasternote
    @webmasternote 4 дні тому

    nice

  • @reinharddiekers7127
    @reinharddiekers7127 5 днів тому

    Klasse gute neue Effekte. 👍

  • @xxxxxx5754
    @xxxxxx5754 10 днів тому

    Geniales Video. Danke

  • @DieterSchmidt-zy1ne
    @DieterSchmidt-zy1ne 14 днів тому

    Klasse, Das habe ich schon lange gesucht. Vielen Dank

  • @MrPietsch
    @MrPietsch 15 днів тому

    Hi Mario. Wieder ein sehr gutes Video. Kannst du vielleicht ein kleines Video über deine Empfehlungen für Hosting- und Email-Provider machen?

  • @cfo3049
    @cfo3049 17 днів тому

    Für Job-Perspektiven nicht geeignet. Die Unternehmen switshen selten auf neue Technologien um. Man sollte sich das aneignen, was in einer Stellenbeschreibung steht.

  • @igorbonicib
    @igorbonicib 18 днів тому

    First Class !!

  • @sarah90827
    @sarah90827 20 днів тому

    Richtig super 🙌🏻 Mehr verstanden als im Unterricht, indem mein Lehrer kläglich daran gescheitert ist uns Bootstrap beizubringen 🙈

  • @badmax7319
    @badmax7319 22 дні тому

    Wie schaffe ich es, dass DDEV einen von mir festgelegten Port bei der lokalen IP Adresse verwendet?

    • @ProgrammierenMario
      @ProgrammierenMario 20 днів тому

      Alle Ports kannst du über die Config einstellen --> ddev.readthedocs.io/en/stable/users/configuration/config/

  • @dmembrane_
    @dmembrane_ 22 дні тому

    DDoS incoming

  • @Xer777Xes
    @Xer777Xes 22 дні тому

    danke für die dieses video

  • @tumbler9428
    @tumbler9428 23 дні тому

    Sehe ich ganz ähnlich; bei der Wahl zwischen CMS und statischer Seite (die natürlich auch PHP, Javascript usw. enthalten *kann*), wäge ich zumindest ab • Ist es wahrscheinlich, dass der Kunde seine Inhalte auch tatsächlich selber pflegen wird, oder bleibt das dann am Ende eh' bei mir (das macht dann das Konzept "CMS" ein bisschen absurd) • Ist der Kunde bereit, den mit der technischen CMS-Pflege einhergehenden Aufwand zu tragen - gerade bei Wordpress nicht zu unterschätzen, da es natürlich nicht nur das beliebteste, sondern wohl auch das meist-gehackte CMS der Welt sein dürfte. Core-System, Themes, Module, ... müssen laufend aktualisiert werden. Bei anderen CMS mag die Situation individuell unterschiedlich sein. Man kann sich auch aus anderen Gründe für oder gegen ein CMS entscheiden, oder eine statische Website vorbereiten und ggf. ein Headless CMS "dranflanschen", usw. Aber zurzeit ist in den Köpfen sehr vieler Webdesigner, Agenturen etc. die Gleichung "Website = Wordpress". Das finde ich schade.

  • @K_Andreas
    @K_Andreas 23 дні тому

    Wieder viele nützliche Tipps für erste Erfahrungen mit einer praktischen und kostenlosen Bibliothek. 😊 Besten Dank für das Video! Ich kannte Swiper noch nicht. 👍

  • @Michaeldabrowski
    @Michaeldabrowski 24 дні тому

    Hallo Mario, wie kann ich die Punkte in der ul ausblenden oder gar gänzlich entfernen? Vg, Michael

    • @ProgrammierenMario
      @ProgrammierenMario 22 дні тому

      Das kannst mit der CSS Eigenschaft list-style machen. Diese auf den Wert none setzen. z.B. ul { list-style: none; }

    • @Michaeldabrowski
      @Michaeldabrowski 18 днів тому

      @@ProgrammierenMario Danke!

  • @wolfenrico
    @wolfenrico 24 дні тому

    Vielen Dank. Sehr informatives Tut. Du bist einfach cool!👍

  • @ulrichntellachrylaure5245
    @ulrichntellachrylaure5245 25 днів тому

    Es ist unfassbar, ich hatte viel Spaß.

  • @gickowtf
    @gickowtf 25 днів тому

    Tailwind kostet ??

    • @ProgrammierenMario
      @ProgrammierenMario 24 дні тому

      Die fertigen Templates ja... Tailwind an sich aber nix.

    • @gickowtf
      @gickowtf 24 дні тому

      @@ProgrammierenMario ich Blick da nicht durch wenn ich mir zum Beispiel die Doku für die Form Elemente ansehen will kommt direkt eine getaccess Seite

  • @DieterKrause-fu7yr
    @DieterKrause-fu7yr 25 днів тому

    Wie immer gut. Nur wenn du wirklich Template welcher Art auch immer (pug, ejs ...) benutzen würdest, währe der Schreibaufwand nicht so hoch.

  • @yt7042
    @yt7042 25 днів тому

    Kannte ich noch nicht. Schönes WE!

  • @And1User1987
    @And1User1987 25 днів тому

    Saugeil danke, kannte ich noch nicht. Werd ich gleich für zukünftige Projekte benutzen und bei vorhandenen evtl sogar meine selbst gebauten Bildergalerien austauschen.

    • @ProgrammierenMario
      @ProgrammierenMario 25 днів тому

      Na dann passt das ja super 👍

    • @And1User1987
      @And1User1987 14 днів тому

      @@ProgrammierenMario Meine Implementierung vom Swiper in einem neuen Projekt ist fertig. 🚀 Interessant das Video ist 10 Tage her, so lange dürfte ich ca. gebraucht haben. Minus 3 Tage, denn da hab ich sicher nichts getan. Wo kann ich es dir verlinken? Hier will ich es ungern...

  • @Mudda-ih7cd
    @Mudda-ih7cd 25 днів тому

    Danke Mann, ich mach grad so ne doofe interaktive Karte und hab grad Probleme beim positionieren der Stationen 😭

  • @reinharddiekers7127
    @reinharddiekers7127 26 днів тому

    perfekt - super und sehr informativ. Daumen hoch und vielen Dank

  • @germanballstuttgartball5291
    @germanballstuttgartball5291 27 днів тому

    Vielen Dank. Aber wie kann man denn jetzt auf andere Websites zugreifen? Dafür werden Erweiterungen ja meistens benutzt.

  • @ch_ruda
    @ch_ruda 27 днів тому

    Hey Mario, dieser Kaffee store hats mir angetan und ich will ihn nachbauen. Jetzt muss ich nur kucken wo du anfängst mit der Index.html

  • @ch_ruda
    @ch_ruda 27 днів тому

    Geil, jetzt muss ich nur noch die #3 finden 🤣

    • @ProgrammierenMario
      @ProgrammierenMario 27 днів тому

      CSS mit Mario | 2024 ua-cam.com/play/PLnqycjkeRGqlvmT1n8L8NstlDftDoVaI5.html

    • @ch_ruda
      @ch_ruda 27 днів тому

      Vielen Dank Mario! Werde mich heute abend dran setzen.

  • @danielpaulplanzer8611
    @danielpaulplanzer8611 27 днів тому

    Auch wieder ein sehr spannendes Video! Ich würde es jetzt spannend finden, wie die einzelnen Karten mit PHP umgesetzt werden so dass der Quellcode nicht so lange wird. Gruss Dani

    • @ProgrammierenMario
      @ProgrammierenMario 26 днів тому

      Naaa mit einer foreach Schleife, aber nur mit einer 😂

    • @danielpaulplanzer8611
      @danielpaulplanzer8611 26 днів тому

      @@ProgrammierenMario mir ist das schon klar, aber. Ich hoffe, ich nerve dich nicht damit, sonst einfach sagen. Jetzt schalte ich den Rechner aus, genug gemacht für heute und gehe Pool Billard spielen. Grüsse Dani

    • @ProgrammierenMario
      @ProgrammierenMario 26 днів тому

      Nein kein Problem 👍 Viel Spaß beim Pool ☕️

    • @danielpaulplanzer8611
      @danielpaulplanzer8611 26 днів тому

      @@ProgrammierenMario Danke, spiele immer am Donnerstag mit Menschen mit Handicap Pool und schenke ihnen so 2 Stunden Spass und Ablenkung vom Alltag. Das mache ich schon seit Jahren.🎱🎱🎱🎱🎱🎱🎱🎱🎱🎱🎱🎱🎱🎱