Browser DEV Tools: Die Grundlagen
18:01
Kennst du DIESE Regel in CSS?
11:35
21 күн бұрын
Lerne CSS Grid in der Praxis
36:50
Lerne CSS Flexbox in der Praxis
29:02
GitHub Codespaces
11:36
Ай бұрын
Dinge im Code benennen
9:35
9 ай бұрын
Moderne Websites mit CSS Container
15:46
ENDLICH! Natives CSS Nesting 😮
10:11
Astro 3.0 - Was ist Neu?
21:52
9 ай бұрын
Пікірлер
@leoniddomahalskyy5444
@leoniddomahalskyy5444 15 сағат бұрын
Mal wieder super Content 👍
@ProgrammierenMario
@ProgrammierenMario 10 сағат бұрын
Vielen Dank 🙏
16 сағат бұрын
Gibt es eigentlich irgendwie eine 100% vernünftige funktionierende Auto-Completion für Bootstrap? Habe "Bootstrap Intellisense" als VSCode Extension installiert, jetzt funktioniert es zum Teil (bg-), aber container-fluid z. B. kennt es nicht.
@hansgluck5228
@hansgluck5228 2 күн бұрын
Hey Mario danke für deine Zeit und Erklärung. Meine Frage wäre jetzt, was mache ich jetzt damit? Oder was kann ich mit dem Formular jetzt machen? Vermutlich brauche ich ein echtes BE: damit diese Daten irgendwo gespeichert werden und sie vom User wiederverwendet werden können? Grüße aus Leipzig
@markuslemcke
@markuslemcke 4 күн бұрын
Vielen Dank! Super und vollständig erklärt!
@andreask.291
@andreask.291 4 күн бұрын
Vielen Dank! Habe Dir wieder gerne zugeschaut und wieder was gelernt. Bitte, noch mehr solcher informativen Beiträge zu den DevTools! ⭐️⭐️⭐️⭐️⭐️
@ProgrammierenMario
@ProgrammierenMario 4 күн бұрын
Da wird sicherlich noch mehr kommen 😉
@kalelfromearth
@kalelfromearth 4 күн бұрын
Cool. Danke. War da immer unsicher. Aber jetzt voll aufgeklärt 😅
@ProgrammierenMario
@ProgrammierenMario 4 күн бұрын
Freut mich! Vielen Dank fürs reinschauen 🙂
@birdy1
@birdy1 4 күн бұрын
Unsicher? Was kaputt zu machen?
@yt7042
@yt7042 4 күн бұрын
Danke für das Video. Das mit der Einblendung der breakpoints kannst ich tatsächlich noch nicht und könnte nützlich sein. Schönes WE!
@ProgrammierenMario
@ProgrammierenMario 4 күн бұрын
Schönes Wochenende ✌️
@orhanatik9770
@orhanatik9770 4 күн бұрын
verstaendlich von nun ab mein fav du
@danielpaulplanzer8611
@danielpaulplanzer8611 6 күн бұрын
Dann alles Gute und liebe Grüsse
@ProgrammierenMario
@ProgrammierenMario 6 күн бұрын
Grüße 🖖
@MrPietsch
@MrPietsch 6 күн бұрын
Hi Mario. Machst du auch wieder ein Video über die Neuerungen von Version 4?
@ProgrammierenMario
@ProgrammierenMario 6 күн бұрын
Ich denke eher nicht. Wenn ich das mache kommt ne Woche später Version 5 😅 Das geht ja ziemlich schnell bei denen. Da mach ich lieber Content welcher nicht gleich outdated ist.
@danielpaulplanzer8611
@danielpaulplanzer8611 6 күн бұрын
Hallo Mario, lange ist es her, seit dem ich auf deinem Kanal gewesen bin. Heute, dachte ich mir, schaust einfach wieder einmal vorbei und siehe da du hast viele neue Videos hochgeladen und nun bin ich im Rückstand diese zu sehen. Ich habe so viel von dir gelernt und fand es schade, dass nichts mehr kam. Ich hoffe, dass es nicht medizinische Gründe hatte. Das muss man belohnen, ich denke, es reicht für ein Mittagessen. Mit lieben Grüssen Dani
@ProgrammierenMario
@ProgrammierenMario 6 күн бұрын
Freut mich wirklich sehr dass du mal wieder vorbeischaust. Vielen Dank dir. Ja war stellenweise aus gesundheitlichen Gründen. Mir geht’s aber aktuell gut ✌️🙂
@danielpaulplanzer8611
@danielpaulplanzer8611 6 күн бұрын
Danke!
@cod-e9604
@cod-e9604 6 күн бұрын
Deine Terminal ein und Ausgaben sehen so stylisch aus... Ist das ein Plugin?
@ProgrammierenMario
@ProgrammierenMario 5 күн бұрын
Ein Plugin nutze ich nicht.. das gehört zur CLI von Astro.
@MrPietsch
@MrPietsch 7 күн бұрын
Hey Mario. Wenn du eine Zeile kommentieren bzw. auskommentieren möchtest, reicht es, wenn der Cursor in der Zeile(n) ist, und du dann "Strg + #" drückst. Du musst nicht immer die gesamte Zeile markieren.
@ProgrammierenMario
@ProgrammierenMario 7 күн бұрын
Danke dir für den Tipp. Bin aber ein „Shift + Alt + A“ Benutzer 😅
@mg-se8cx
@mg-se8cx 7 күн бұрын
super vielen dank abo hast du
@ProgrammierenMario
@ProgrammierenMario 7 күн бұрын
Herzlichen Dank ✌️🙂
@MrPietsch
@MrPietsch 7 күн бұрын
Wieso will ich jetzt Kekse?
@ProgrammierenMario
@ProgrammierenMario 7 күн бұрын
Dann schau auf keinen Fall mein neues Flexbox Video falls du bei Keksen bleiben willst 😂
@derhalk
@derhalk 7 күн бұрын
Gibt es einen Link zu dieser Webseite? Auf jeden Fall gut erklärt und so unterhaltsam gemacht, dass man dir konzentriert folgen kann! Die Themen, die du angesprochen hast hören sich sehr interessant an und Videos dazu wären definitiv eine Bereicherung für alle ! Und jetzt habe ich die Playlist gesehen :)
@benwieauchimmer979
@benwieauchimmer979 7 күн бұрын
Richtig gut und übersichtlich erklärt. Etwas zu können und etwas zu lehren sind hier auf KZfaq und Co. selten so gut vereint. Danke dafür. 🤝
@ProgrammierenMario
@ProgrammierenMario 7 күн бұрын
Freut mich, danke! Wenn du zu CSS Flexbox weitere Beispiele brauchst, dazu habe ich hier ein Video gemacht --> kzfaq.info/get/bejne/b9mjn8J2t7yvf4U.html
@carstenschlegel6975
@carstenschlegel6975 8 күн бұрын
Einen Hund editieren - am besten im Terminal mit VIM/NeoVIM. Übersichtlich, einfach, schnell. Ok, man muss sich etwas mit VIM beschäftigen. Aber wer Git im Terminal verwendet, sollte auch ein Terminal Editor nutzen und nicht jedesmal Visual Studio Code öffnen lassen. Wer sich damit beschäftigt wird vielleicht die Vorteile von VIM in - Visual Studio Code (VIM/NeoVIM Erweiterung) - Visual Studio (VIM Erweiterung) - Chrome, Firefox, Safari (VIM Erweiterung (Surfingkeys kann ich empfehlen) - Obsidian (VIM in Einstellung aktivieren) - Eclipse (VIM Erweiterung) Grundsätzlich sieht man VIM Motion (die Art wie man in VIM mit Textdateien umgeht) in vielen Programmen. z.B. mit / suchen, mit j/k scrollen. z.B. Confluence, Terminalbefehle wie more, less oder git log. Also - VIM anschauen -> sich ärgern es nicht früher gemacht zu haben. Editor in Git auf vim umstellen und viel Zeit sparen. Ich empfehle gleich mit NeoVIM zu beginnen (OpenSource Entwicklung von VIM).
@marcelmeyer8027
@marcelmeyer8027 9 күн бұрын
Danke für diesen kurzen Motivationskick. Wahrscheinlich hat das jeder von uns schon x mal gehört, aber man kann es nicht oft genug hören.
@ProgrammierenMario
@ProgrammierenMario 8 күн бұрын
Freut mich ✌️🙂
@codingtobi
@codingtobi 10 күн бұрын
Super erklärt!
@ProgrammierenMario
@ProgrammierenMario 8 күн бұрын
Danke für das Lob!
@MSCS9816
@MSCS9816 10 күн бұрын
Danke für das ausführliche Video und schön das du wieder aktiv bist! Liebe Grüße aus Zwickau ;)
@ProgrammierenMario
@ProgrammierenMario 10 күн бұрын
Grüße und noch ein schönes Wochenende ✌️
@k3nguruh
@k3nguruh 11 күн бұрын
Diesmal nichts neues für mich, aber wie immer Sehr Gut erklärt. Übrigens die zusätzlich eingetragenen Eigenschaften bekommt man wieder weg, wenn man den Wert entfernt. So ist es jedenfalls im Firefox.... Abhaken geht natürlich auch.
@ProgrammierenMario
@ProgrammierenMario 11 күн бұрын
Danke für deinen Hinweis. Schönes Wochenende ✌️🙂
@AudioBln
@AudioBln 11 күн бұрын
auch bekannt als Kölner Document-Object-Model
@ProgrammierenMario
@ProgrammierenMario 11 күн бұрын
✌️😂
@markuslemcke
@markuslemcke 11 күн бұрын
Sehr gut erklärt, vielen Dank! Ich würde mir noch ein Video wünsche "Debuggen mi den DEV Tools" im Browser Google Chrome.
@ProgrammierenMario
@ProgrammierenMario 11 күн бұрын
Ist notiert! Vielen Dank fürs reinschauen ✌️
@markuslemcke
@markuslemcke 11 күн бұрын
@@ProgrammierenMario Gerne!
@yt7042
@yt7042 11 күн бұрын
Danke für das Video, war aber heute nichts neues dabei für mich. Schönes WE!
@ProgrammierenMario
@ProgrammierenMario 11 күн бұрын
Danke dir. Schönes Wochenende 👍
@andreask.291
@andreask.291 11 күн бұрын
Sehr schön! Vielen Dank für die ausführliche Erklärung. Ich freue mich auf weitere Einblicke in die Dev-tools. 😀 👏👏👏👏👏
@ProgrammierenMario
@ProgrammierenMario 11 күн бұрын
Sehr gerne 😊
@wassagtmanndazu
@wassagtmanndazu 12 күн бұрын
Cooler Einstieg ins Thema. Next Step: die Sprache nicht selber übersetzen, sondern per API von ChatGPT in eine beliebige Sprache übersetzen lassen.
@MarkBortey
@MarkBortey 13 күн бұрын
Mario ist wieder da! Ich hoffe es geht dir gut sympatischer Mensch
@ProgrammierenMario
@ProgrammierenMario 12 күн бұрын
Mir geht es gut! Vielen Dank ✌️🙂
@DirkSchochow
@DirkSchochow 13 күн бұрын
Die Idee gefällt mir sehr gut. Ich habe auch gleich versucht sie in einen Rohbau einzufügen. Dabei habe ich die href="index.html" Attribute der a-Tags vergessen. Komischerweise scheint es ohne Neuladen mit dem async/await nicht zu klappt, hast Du eine Idee warum? Ich hatte schon ein await vor response.json() gesetzt, weil ich dachte es würde daran liegen, aber wenn die die Rückgabewerte auf die Console ausgebe erhalte ich nur "undefined".
@ILuvThe13ible
@ILuvThe13ible 15 күн бұрын
Du bist ein echt toller Typ: dein englischer Akzent ist so extrem sympathisch. Aber Cookies und Sessions kannst du mit Node.js aber auch. ❤
@andreask.291
@andreask.291 15 күн бұрын
Schließe mich den bisherigen Kommentargebern an. Wieder einmal ein interessantes Video ohne großen Firlefanz. Super verständlich und hilfreich noch dazu. Hast Du Lust diese Sprachauswahl in Deine Website mit Astro einzubauen? Vielleicht ergeben sich dadurch weitere Fragen und Tipps für die Praxis. 🧐😀
@ProgrammierenMario
@ProgrammierenMario 12 күн бұрын
Danke für das Lob! Für meine eigene Seite hatte ich nicht vor dies einzubauen. Für Astro gibt es ja auch noch ganz andere Möglichkeiten --> docs.astro.build/en/recipes/i18n/
@laura-lea-the-person
@laura-lea-the-person 18 күн бұрын
Gutes Video. Ist das auch bei Astro anwendbar bzw. bei einer eigenen kleinen api?
@ProgrammierenMario
@ProgrammierenMario 12 күн бұрын
Vielen Dank.... ja das könntest du auch in einem Astro Projekt machen. Aber wenn du dieses Framework ja schon verwendest wäre dies hier vllt die bessere Wahl --> docs.astro.build/en/recipes/i18n/
@leoniddomahalskyy5444
@leoniddomahalskyy5444 18 күн бұрын
Super Content! Freue mich auf jedes neue Video. 👍😊
@ProgrammierenMario
@ProgrammierenMario 18 күн бұрын
Danke dir ✌️🙂
@birdy1
@birdy1 18 күн бұрын
1:10:35 leider hat sich das mit v1 bei den Icons geändert. Ziemlich viel frickelei…
@runestamp89
@runestamp89 21 күн бұрын
Bis auf dass du 1-2 unnötige Elemente in den Constructor gepackt hast fand ichs echt gut verständlich. Aus dem was du erklärt hast hat sich mir nicht erschlossen, wozu ich die getSize Funktion nun brauche. Die Konsole gab lediglich nen f zurück und das Aufrufen der Größe sowie Marke ging auch ohne problemlos. Vielleicht möchtest du mir aber gern erklären, was es damit genau aufsich hatte. Ich habs einfach nur nicht verstanden :)
@benjaminschmidt586
@benjaminschmidt586 23 күн бұрын
Hi Mario, hast Du vor mal ein Video zum Einstieg in REACT zu machen? Das wäre super.
@ProgrammierenMario
@ProgrammierenMario 8 күн бұрын
Derzeit noch nicht geplant 🤷‍♂️
@jensdietze5669
@jensdietze5669 25 күн бұрын
Klasse! Beste Grüße
@ProgrammierenMario
@ProgrammierenMario 24 күн бұрын
Danke gleichfalls
@gerselent
@gerselent 25 күн бұрын
Wusste ich bisher auch noch nicht, das das so geht. Aber CSS ist eh bisschen mager bei mir ;D Wünsch dir ein schönes Wochenende ;D
@ProgrammierenMario
@ProgrammierenMario 24 күн бұрын
Schönes Wochenende ✌️
@andreask.291
@andreask.291 25 күн бұрын
Vielen Dank für die Vertiefung eines Themas, das Du in dem Video „CSS in 60 Min.“ (09:57 Kaskade) vor 3 Jahren kurz angerissen hattest. Bestens. Habe ein feines Wochenende.
@ProgrammierenMario
@ProgrammierenMario 24 күн бұрын
Gern geschehen und schönes Wochenende ✌️🙂
@MyOliver64
@MyOliver64 25 күн бұрын
Ja, wieder super Video, weil doch sehr viele die Spezifität nicht auf dem Schirm haben. Übrigens, in Visual Studio Code wird die Spezifität als "Selector Specificity: (0, 0, 0)" angezeigt, wenn man über den Selektor im CSS-Code mit der Maus hovert, wobei die größte Spezifität links steht (id) und die kleinste rechts (Element) und in der Mitte ist die Klasse.
@ProgrammierenMario
@ProgrammierenMario 24 күн бұрын
Danke für deine Ergänzung ✌️
@yt7042
@yt7042 25 күн бұрын
Mario is back und sogar mit neuer, besserer Frisur. :-) OK, sehe gerade dass es die letzten 4 Wochen schon mehrere Videos gab. Hab ich glatt übersehen. Die Problematik war mir bekannt und sollte sich eigentlicher jeder anschauen bevor er mit CSS beginnt. An der Häufigkeit des !important keyords sieht man dann wer es nicht getan hat. :-) Schönes WE!
@ProgrammierenMario
@ProgrammierenMario 24 күн бұрын
Schönes Wochenende ✌️🙂
@siedenburgmediendesign8069
@siedenburgmediendesign8069 Ай бұрын
Er erklärt es einfach gut.
@ProgrammierenMario
@ProgrammierenMario Ай бұрын
Danke dir ✌️🙂
@andreask.291
@andreask.291 Ай бұрын
Danke für Deinen neuen Film. Hab gesehen, dass Du den Code so schnell auskommentierst. Gibt es dafür einen Shortcut? Oder ist das selfmade by Mario? Vielleicht hast Du das ja auch schon mal erwähnt. Auf jeden Fall ist das praktisch. Verrätst Du mir nochmal, wie Du das machst? Sagen wir, für ´nen Kaffee? Danke.
@ProgrammierenMario
@ProgrammierenMario Ай бұрын
Du markierst den gewünschten Text/Code und drückst "Shift + Alt + A" Selbiges um es aufzuheben 🙂
@MrPietsch
@MrPietsch 6 күн бұрын
Oder einfach in die betreffende Zeile(n) und "Strg + #" drücken. Ohne es vorher markieren zu müssen.
@sven-o
@sven-o Ай бұрын
Einfach gleichzeitig mit HTML & CSS lernen...
@dauerbrenner1071
@dauerbrenner1071 Ай бұрын
🔥🔥🧑🏽‍💻
@birdy1
@birdy1 Ай бұрын
Ist es nicht besser Prozent Angaben anstelle von Pixeln anzugeben? Je nach Gerät und Auflösungen sieht es ja, besonders mit Content unter dem Bild, grauenhaft aus. Oder habe ich da einen Denkfehler?
@ProgrammierenMario
@ProgrammierenMario Ай бұрын
Das kommt auf den jeweiligen Fall an. Für Grenzwerte eignen sich besser absolute Werte, wie z.B. Pixel. Ansonsten wenn eine bestimmte Eigenschaft sich Variabel z.B. in Relation zum Elternelement verhalten soll sind Prozentangaben besser. Bei den Angaben für die Höhe empfehle ich immer gar nichts anzugeben, außer du willst diese begrenzen, dann aber mit Pixel. Der Grund ist das man ja nach unten scrollt und in der Regel sich der Content soweit nach unten ausdehnt wie er brauch. Und so sollte es auch sein. Hoffe das hilft dir etwas weiter^^
@birdy1
@birdy1 Ай бұрын
@@ProgrammierenMario Danke für die ausführliche Antwort.😊
@StefanGeorge-qb8qm
@StefanGeorge-qb8qm Ай бұрын
Vielen Dank an dieser Stelle für Deine didaktisch gelungenen und sehr sachkundigen Videos! Bitte weiter so!😊
@ProgrammierenMario
@ProgrammierenMario Ай бұрын
Herzlichen Dank ✌️🙂
@naimyazici
@naimyazici Ай бұрын
Hallo Mario, danke für dein Video, hilft sehr muss ich sagen, es wäre cool wenn du eventuell ein Video mit FCM machen könntest
@kernel0verflow919
@kernel0verflow919 Ай бұрын
Github codespaces erinnert sehr stark and Project IDX von Google. Ich denke Google hat sich daran orientiert und versucht auf die Idee aufzubauen.