Eigene Website erstellen - Kompletter Kurs 🚀
Рет қаралды 4,902
Күн бұрынEine eigene Website erstellen mit dem All-In-One Web Framework Astro und Tailwind CSS. Ich zeige dir in einzelnen Schritten und einfachen Erklärungen wie du dir eine Website mit Blog Funktionalität erstellen kannst, welche Animationen enthält, sowie eine Page Transition für die Navigation. Diese Website ist von Entwickler, für Entwickler und kann auch als Portfolio Website genutzt werden. Happy Coding!
😺 Source Code + Links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
↪︎ github.com/ProgrammierenM/eig...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
↪︎ elaborate-sable-eef532.netlif...
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Setup
27:59 Navigation
1:28:00 Dark Mode
1:57:08 Pages
3:06:38 Typewriter Effekt
3:29:07 Blog
5:00:51 Responsive
5:56:45 Page Transition
6:26:49 Finale / Hosting
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Git Tutorial Deutsch für Anfänger:
↪︎ • Git Tutorial Deutsch i...
SQLite Tutorial Deutsch für Anfänger:
↪︎ • Lerne SQLite in 60 Min...
📌 Ü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
#websiteproject #ProgrammierenM
@n97yt. 9 ай бұрын
Herzlichen Dank, für so ein Video, welches du deiner Community kostenlos zu Verfügung stellst! Ich weiß den Aufwand dahinter sehr zu schätzen. Gerade in meiner Ausbildung zum Fachinformatiker/Anwendungsentwicklung für den Fachbereich der Webentwicklung ist dieses Video perfekt! Ich kanns kaum erwarten das Video am Wochenende durchzuarbeiten! Vielen Dank für all die tollen Videos und den Aufwand der dahinter steckt. Ich finde du machst die besten und verständlichsten Tutorials zu dem Thema Webentwicklung! Ich würde mich unter anderem sehr über ein Tutorial für React/Vue.js freuen! :D Schöne Grüße, Nic ❤
@ProgrammierenMario 9 ай бұрын
Freut mich wirklich sehr das meine Tutorials eine Hilfe sind ✌️😊
@MegaProggy 9 ай бұрын
Die sind nicht nur eine Hilfe. Sie sind Weltklasse!!!
@0McMusic0 9 ай бұрын
Schau ich mir an sobald ich Zeit habe. Genau auf das hab ich gewartet 👍👍
@andreask.291 8 ай бұрын
Super! So viel Mario gabs noch nie! Gute Idee! 👍
@ProgrammierenMario 8 ай бұрын
Vielen Dank 😄
@kajita2048 8 ай бұрын
Geil, das kommende Wochenende ist gerettet ❤ Finde deinen Kanal einfach nur Hammer 👍 Du solltest Dozent werden
@ProgrammierenMario 8 ай бұрын
Vielen Dank für dein Lob ✌️🙂
@X-9-1337 9 ай бұрын
das kommt so perfekt wollte heuite beginnen zu lernen direkt das video
@renehippo9287 6 ай бұрын
Moin Mario, vielen Dank für das Video :) Kannst du vielleicht ein Video zum Thema Dropdown-Menü in Astro machen? Es gibt zwar viele Anleitungen, schon wenn man danach googelt, aber die sind nicht so verständlich (das man es nachvollziehen kann). LG René
@merry4430 8 ай бұрын
Danke für deine Mühe!
@ProgrammierenMario 7 ай бұрын
Sehr gerne!
@ch_ruda 9 ай бұрын
Krass 7h Video. Ich muss erst mal schauen wann ich so viel Zeit habe. Aber interessanter Ansatz für eine Website. Auf jedenfalls meinen like hast du und das Video ist gespeichert für später anschauen!!!
@ProgrammierenMario 9 ай бұрын
Das Video ist ja in verschiedene Abschnitte durch Timestamps unterteilt. Lass dir ruhig Zeit...kein Stress ^^
@tom2907000 8 ай бұрын
Super Content!!! Danke dafür💯 Lg.Tom
@ProgrammierenMario 7 ай бұрын
Danke für das Lob!
@raydos6004 9 ай бұрын
Hat viel mehr Aufmerksamkeit verdient, vielen Dank!
@ProgrammierenMario 9 ай бұрын
Danke für das Lob!
@user-pq1tq8lh8u 8 ай бұрын
Du bist einer der besten.
@ProgrammierenMario 8 ай бұрын
Danke dir 😊
@TheHuepper 9 ай бұрын
Hab die einzelnen Videos schon geschaut, mal sehen wie das "Große" ankommt. :) Von mir jedenfalls Daumen hoch! 👍
@ProgrammierenMario 9 ай бұрын
Freut mich, danke!
@selinofant 5 ай бұрын
Hallöö wollte nur mal sagen dass ich geduldig auf neue Videos warte und mich schon darauf freue, wenn du mal wieder mehr Zeit für neue Videos hast. Solange finde ich in den alten Videos aber auch immer wieder was interessantes 😊 😋
@ProgrammierenMario 5 ай бұрын
Danke für deine Geduld! Ich plane bald wieder etwas aufzunehmen. Zumindest hatte ich jetzt erst meine Technik getestet. Soll ja auch alles funktionieren 😅
@birdy1 5 ай бұрын
Da schließe ich mich doch an.😊
@Denis-hn5cx 9 ай бұрын
Hey Mario, finde du bist ein sympathischer kompetenter Typ. Bin grade noch mitten im Tutorial. Würde aber gerne mal ein Projekt von dir sehen wo man aktiv z.B. eine Datenbank einbindet. Eine Karteikarten-Webseite oder sowas mit Login funktion usw.Wäre das möglich?
@ProgrammierenMario 9 ай бұрын
Vielen Dank! Ich nehme deine Idee gerne mit auf.
@Denis-hn5cx 6 ай бұрын
Moin Mario, ist bei dir alles gut? Es kam seit 2 Monaten kein neues Video und ich warte auf das langersehnte Projekt mit Datenbank einbindung, ggf. Login Möglichkeit usw. :D@@ProgrammierenMario
@NeroBerg 9 ай бұрын
Alter Wein in neuen Schläuchen! Trotzdem sehr gut
@ProgrammierenMario 9 ай бұрын
Ich bin gespannt
@calle90 2 ай бұрын
Hoffe das bald wieder ein Video von dir hochgeladen wird 😢
@ProgrammierenMario Ай бұрын
Heute ging mal wieder ein Video online ✌️🙂
@elrahimo7419 7 ай бұрын
Hallo wollte mal nachfragen ob noch neue videeos kommen. Hab mir deine Videos immer woche für woche angeschaut
@ProgrammierenMario 7 ай бұрын
Ich gebe mir Mühe wieder neue Inhalte zu veröffentlichen. Danke für deine Nachricht! ✌️
@elrahimo7419 7 ай бұрын
Hast du vielleicht Erfahrung zu React, Vue oder angular und könntest du dazu Videos machen
@ProgrammierenMario 7 ай бұрын
Ja, zumindest war das mal geplant. Ich hoffe das ich bald wieder starten kann.
@gerselent 8 ай бұрын
Ich weiss bin ein wenig pingelig, aber halt auch LinuxUser und unter linux werden die Dateien namen immer klein geschrieben, das sehe ich grade be Layout.astro. Weil unter PAges hast alles klein geschrieben, ausser es ein bestimmten bewandnis ;D
@ProgrammierenMario 8 ай бұрын
Components werden meistens groß geschrieben. Unter Linux sollte das auch gehen.
@cod-e9604 9 күн бұрын
Deine Terminal ein und Ausgaben sehen so stylisch aus... Ist das ein Plugin?
@ProgrammierenMario 7 күн бұрын
Ein Plugin nutze ich nicht.. das gehört zur CLI von Astro.
@birdy1 20 күн бұрын
1:10:35 leider hat sich das mit v1 bei den Icons geändert. Ziemlich viel frickelei…
@MrPietsch 8 ай бұрын
Hi Mario. Das sind alle Videos deiner "Eigene Website erstellen mit Astro und Tailwind CSS" Playlist in einem Video, oder? Ich würde mich freuen, wenn du diese Liste um ein Update auf Astro 3 erweiterst.
@ProgrammierenMario 8 ай бұрын
So ist es. Einfach nochmal die Playlist in einem Video
@MrPietsch 8 ай бұрын
@@ProgrammierenMario Bringst du noch ein Update auf Astro 3 raus?
@ProgrammierenMario 8 ай бұрын
@MrPietsch Hängt davon ab wie gefragt das Thema ist. 🤷♂️
@dagobertduck-gl8wj 9 ай бұрын
Warum bevorzugst du astro gegenüber next js? Ich stehe vor dieser Frage und wäre sehr an deiner Meinung interessiert
@ProgrammierenMario 9 ай бұрын
Ich persönlich finde Astro zugänglicher. Da du hier erstmal nur Astro als Meta-Framework lernen müsstest. Bei Next.js als Meta Framework müsstest du generell erstmal React lernen, was gerade für Anfänger um einiges schwieriger sein dürfte. Es ist einfach viel Komplexer. Bei Astro reicht schon ein normales Verständnis über HTML und CSS. Nicht einmal JavaScript ist unbedingt notwendig wenn du nichts dynamisches machen möchtest. Aber das kommt letztendlich immer darauf an was genau du umsetzen möchtest :)
@dagobertduck-gl8wj 9 ай бұрын
@@ProgrammierenMario danke ,ich beherrsche react einigermaßen.ich plane eine Website die viel content,also Bilder und Videos beinhalten wird. Du erwähntest ja im Video das astro dafür gut geeignet ist.
@__fireworks 9 ай бұрын
schone seite
@gerselent 9 ай бұрын
Ist das dein webseiten projekt mit astro, nur akualsiert ? Ueber 6 stunden ist schon ne hausnummer 😅
@ProgrammierenMario 9 ай бұрын
Ja genau, ist das gleiche Projekt. Wollte es nochmal als komplettes Video veröffentlichen. Die einzelnen Parts fliegen dann irgendwann vom Kanal.
@gamehubler 9 ай бұрын
Kleines Feedback an der Stelle: Ich würde Empfehlen die kleinen Part ebenfalls Online zu lassen. Es gibt viele die dann doch von einem 6 Stunden Video überfordert sein könnten. Gerade als Einsteiger könnte ich dieses Mir gut vorstellen. Man wird ja mit jegelichen Mist von allen Ecken 10 mal zu gemüllt. Eine kleine Recherche und man bekommt gleich 1000 Einträge vor die Linse. Da ist die kleine feine Playlist schon ne gute Sache, welche einen Tag für Tag einfach leiten könnte. Die meisten machen sowas ja nicht an einem Tag. Wenn man bedenkt es ist halt fast ein Arbeitstag mit den 6 Stunden. Ich finds auch Gut mit dem Komplett Video, weil halt alles nochmal Zusammengefasst ist. Aber dennoch kenne ich dieses überfordert sein beim Recherchieren auch sehr gut bei einigen Themen.
@ProgrammierenMario 9 ай бұрын
@@gamehubler Vielen Dank für dein Feedback! Ich werde es mir mal anschauen. Wenn das komplette Video merklich besser geschaut wird dann nehme ich die Parts runter, weil diese aktuell fast gar nicht geklickt werden. Ist halt schade bei der Arbeit die ich da rein gesteckt habe. Das 7h Video ist auch ein Test für mich um zu sehen ob KZfaq es häufiger vorschlägt etc.
@birdy1 9 ай бұрын
Wird da eigentlich schon Astro 3.0 verwendet oder bleibt der „alte“ Content?
@gerselent 9 ай бұрын
@@gamehubler Was spricht dagegen sich diesen lange Video sich einzuteilen ? Ich fnde das längere sogar noch besser, weil du alles in einem Rutsch hast :D Nur meine persönliche Meinung :D
Programmieren mit Mario
Рет қаралды 15 М.
ObjectCode GmbH - die 3D-Konfigurator Spezialisten
Рет қаралды 5 М.
Digitale Profis
Рет қаралды 22 М.
The Morpheus Tutorials
Рет қаралды 35 М.