Lerne CSS Flexbox in der Praxis

Рет қаралды 1,236

Күн бұрын

CSS Flexbox Tutorial Deutsch für Anfänger. Lerne CSS Flexbox in der Praxis anzuwenden. Das erstellen der eigenen Webseite wird somit zum Kinderspiel. Das CSS Flexbox Layout System vereinfacht die Positionierung von Elemente in einem Container erheblich. Und die Positionierung von Elementen ist eines der wichtigsten Dinge die du in CSS beherrschen solltest. In diesem Tutorial lernst du das Prinzip von CSS Flexbox zu verstehen und anzuwenden. Happy Coding!
😺 Source Code
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
↪︎ github.com/ProgrammierenM/css...
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
01:55 Beispiel 1
09:35 Beispiel 2
16:40 Beispiel 3
21:23 Beispiel 4
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
CSS Box Model Tutorial:
↪︎ • CSS Box Model Tutorial...
CSS Flexbox Tutorial für Anfänger:
↪︎ • CSS Flexbox Tutorial D...
📌 Ü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!
/ @programmierenmario
#ProgrammierenM #CSS #Flexbox

Пікірлер: 28

@c1zztm450 Ай бұрын

Schön dass du wieder mal Zeit für ein Video hattest.❤ wb... Hab deinen Dialekt vermisst 😉

@selinofant Ай бұрын

Danköööö für das Tutorial. Hab jetzt richtig Lust mich endlich mal tiefer mit dem klassischen CSS zu beschäftigen und mit der Flexbox zu experimentieren☺

@ProgrammierenMario Ай бұрын

Na dann hat es sich ja gelohnt 🙂

@gerselent Ай бұрын

So, erstmal finde es klasse wieder ein Video von dir zu sehen. Und Flexbox kommt genau zu richtigen Zeit, weil ich gerne CSS lernen möchte. Bin wohl ein alter Sack, aber auch alte Säcke können nochwas dazu lernen, wenn sie nur wollen ;D Hab ein Daumen hoch da gelassen und freue mich auf das nächste Video ;D

@ProgrammierenMario Ай бұрын

Vielen Dank für deinen alten Daumen ✌️😂 Freut mich natürlich das ich helfen kann. Viel Spaß mit CSS…

@dauerbrenner1071 Ай бұрын

Er ist zurück, man! 🔥🔥

@ProgrammierenMario Ай бұрын

✌️🙂

@andreask.291 Ай бұрын

Wieder ganz große Klasse. So blicke ich da langsam durch. Vielen Dank für Deine Mühe. ⭐️⭐️⭐️⭐️⭐️

@wolfenrico Ай бұрын

Wie immer, ein echtes "Mariotutorial". Vielen Dank für Deine vielen Tipps und Tricks.

@ProgrammierenMario Ай бұрын

Sehr gerne!

@sebreb3359 Ай бұрын

moin, ja super :) kommt genau richtig. sitze grade an deinem alten flex grid box video :) muss dienstag meine webseite abgeben :) da kann ich übers wochenenede ja nochmal rum basteln :)

@ProgrammierenMario Ай бұрын

Sehr cool! Freut mich das ich dir mit dem Video helfen kann 👍

@TutmeistensnixDe Ай бұрын

Danke für das Video. Ich bin ja nur ein kleiner Hobby Programmierer der hier und da was zusammen bastelt. Sachen die Büchern oder auch im Internet trocken und langatmig erklärt werden erklärst du hier einfach und verständlich. Ich sitze hier und gucke mir dein Video an und bei Minute 4:30 erklärst du wo drauf man achten soll und ich sitze hier nur und denke: Klar, deswegen habe ich da immer wieder Probleme.

@ProgrammierenMario Ай бұрын

Vielen Dank für dein Lob. Freut mich sehr 🙂

@danielhofer6762 Ай бұрын

Danke!

@ProgrammierenMario Ай бұрын

Gerne ✌️🙂

@MrPietsch Ай бұрын

Ich bin so froh, dass es Flexbox gibt. Das war damals so schrecklich mit Float zu arbeiten. Und erst recht für den Internet Explorer 6. Übrigens gibt es ein tolles Spiel - Flexbox Froggy - mit dem man spielerich die Eigenschaften lernen kann. Ich würde mich freuen, wenn du auch so ein Video über CSS Grid machen könntest.

@ProgrammierenMario Ай бұрын

Ah vielen Dank, kannte ich noch nicht^^ Zu CSS Grid kommt bestimmt auch nochmal was ✌️🙂

@MBLoyal Ай бұрын

Hey hey vielen Dank für deine ganzen Videos stehe grad am Anfang und bin am HTML und css lernen. Was hältst du von diesen ganzen Kursen wie scrimba oder Udemy? Lohnt sich soetwas?

@ProgrammierenMario Ай бұрын

Ob sich die Kurse lohnen hängt davon ab wie du am liebsten und besten lernst. Ist ja bei jedem unterschiedlich. Für mich persönlich lohnen sich solche Kurse nur für spezielle tiefgreifende Themen. Für HTML und CSS oder auch andere grundlegende Sachen gibt es ja Ressourcen in Hülle-und-Fülle. Von daher nicht unbedingt notwendig.

@groovebird812 Ай бұрын

Hast du eine ERklärung warum Grid Systeme wie bei Bootstrap oder auch andere auf flexbox setzen anstatt grid? Warum nutzt man für Grid-System nicht auch css grid? :-)

@Freiheit-XXL Ай бұрын

Hi Mario,hast du schonmal daran gedacht einen Kurs auf Udemy raus zu bringen zum Thema Programmieren?das wäre glaube ich ganz cool. ich persönlic würde mir einen deutschen Kurs über das erstellen von Chrome-Erweiterungen wünschen. es gibt nur englische Kurse dazu und das ist noch eine Marktlücke.könntest saftig Kohle machen damit.💵💵💵👍

@ProgrammierenMario Ай бұрын

Aktuell keine Zeit für Kurse 🤷‍♂️

@Freiheit-XXL Ай бұрын

@ProgrammierenMario okay, cool. danke für die Antwort👍

@ds-grafikdesign Ай бұрын

Da iser ja wieder, einfach ein halbes Jahr abhauen, mach das nicht nochmal 😀

@ProgrammierenMario Ай бұрын

Ungern...war oft krank und musste mich einfach um andere Dinge kümmern. Dieser Kanal ist nur ein Nebenprojekt bzw. Hobby von mir, auch wenn ich da gerne mehr Zeit reinstecken würde 😉

@ds-grafikdesign Ай бұрын

Absolut verständlich aber auch sehr schade! Es gibt zwar viele KZfaqer die Codeing-Tutorials machen aber keiner bringt komplexe Themen so verständlich rüber wie Du es tust. Das schaffen so wenige, die meisten verlieren sich dann doch recht schnell im Fachchinesisch, das Tempo steigt plötzlich so rasant oder es beginnt plötzlich dass nicht mehr alle Schritte vernünftig erklärt werden, da kommt kein Anfänger mehr mit. Du solltest echt mal darüber nachdenken, irgendwann ein Udemy-Kurs zu veröffentlichen.

@ProgrammierenMario Ай бұрын

@ds-grafikdesign Ich danke dir 🙏