- 38
- 967 469
Basti Klein
Приєднався 7 кві 2013
Tutorial und Projekte zu HTML, CSS und Javascript erwarten euch auf meinem Kanal. Ihr habt Fragen oder denkt, dass ich euch bei etwas behilflich sein kann? Dann ballert mir ne Nachricht rüber.
Du hast eine geschäftliche Anfrage? Dann melde dich gerne hier:
Du hast eine geschäftliche Anfrage? Dann melde dich gerne hier:
SpaceX Startseite mit HTML & CSS nachbauen | für absolute Anfänger
Ich finde die Anordnung der SpaceX Startseiten-Elemente und die CSS Animation vom Button sehr spannend und habe deshalb ein kleines Tutorial aufgenommen, wie man dieses nachbauen bzw. nachprogrammieren kann. Ich hoffe es hilft ein wenig weiter. Lasst mich wissen, wenn ihr weitere Ideen habt.
✔️ Code zur Seite findet ihr hier: github.com/zugende/youtube-tutorial-spacex-seite
✔ Diesen Code Editor verwende ich: code.visualstudio.com
✔ Hier könnt ihr einen Ubuntu Server erstellen: m.do.co/c/820a7dc79dc8
* Das ist ein Empfehlungslink/Affiliatelink, damit bekommt ihr 100$ bei der Registrierung - wuhuuu!
🙋Ihr habt Fragen? Dann meldet euch in meiner Telegram Gruppe: t.me/joinchat/AKa7V0h1Fjv_fg0Zx2gd_Q
Hier findet Ihr die wichtigsten Kapitel im Video:
00:00:00 - Einleitung
00:00:35 - Visual Studio Code einrichten
00:01:12 - HTML Seite erstellen
00:02:50 - SpaceX Seite programmieren
00:24:10 - Button mit CCS Animation programmieren
✔️ Code zur Seite findet ihr hier: github.com/zugende/youtube-tutorial-spacex-seite
✔ Diesen Code Editor verwende ich: code.visualstudio.com
✔ Hier könnt ihr einen Ubuntu Server erstellen: m.do.co/c/820a7dc79dc8
* Das ist ein Empfehlungslink/Affiliatelink, damit bekommt ihr 100$ bei der Registrierung - wuhuuu!
🙋Ihr habt Fragen? Dann meldet euch in meiner Telegram Gruppe: t.me/joinchat/AKa7V0h1Fjv_fg0Zx2gd_Q
Hier findet Ihr die wichtigsten Kapitel im Video:
00:00:00 - Einleitung
00:00:35 - Visual Studio Code einrichten
00:01:12 - HTML Seite erstellen
00:02:50 - SpaceX Seite programmieren
00:24:10 - Button mit CCS Animation programmieren
Переглядів: 1 729
Відео
Login programmieren mit Node.js, HTML + eigene Domain | für absolute Anfänger
Переглядів 8 тис.Рік тому
Du wolltest schon immer einmal wissen, wie man einen eigenen Anmeldebereich mit Login programmiert? Dann ist dieses Video genau richtig. Lass dich von den 56min Videolänge nicht abschrecken - ich erkläre jedes kleine Detail und hoffe, dass ich es damit auch Anfängern leicht mache einzusteigen. Für den Login benutze ich HTML, JavaScript, Node.js und Express.js als Tools. Ganz zum Schluss erkläre...
Webseite kostenlos auf dem Server hosten + eigene Domain | Tutorial für Anfänger
Переглядів 17 тис.2 роки тому
Ich zeige euch, wie Ihr eure eigene Website komplett kostenlos hosten könnt. Dieses Video ist für absolute Anfänger geeignet! :) Das Video zeigt euch folgende Dinge: - HTML, CSS Dateien auf github.com hochladen - Website kostenlos auf pages.cloudflare.com hosten - bei jeder Änderungen aktualisiert sich die Homepage automatisch - eigene Domain auf namecheap.com kaufen Hier gibt es die 99 Cent / ...
Website mit HTML und CSS erstellen 2022 | Tutorial für Anfänger
Переглядів 66 тис.2 роки тому
Es ist soweit. In diesem Video erkläre ich euch, wie ihr eine eigene Website mit HTML und CSS bauen/programmieren könnt. Das Video zeigt euch folgende Dinge: - Welcher Editor gut geeignet ist - Wie man ein HTML & CSS Webseiten Projekt aufsetzt - Wie man Seiten intern und extern verlinkt - Wie man eine Webseite responsiv optimieren kann Dieses Video ist für absolute Anfänger geeignet! :) Hier fi...
JavaScript Tutorial für absolute Anfänger | Coole Farbanimation mit 23 Zeilen Code
Переглядів 1,7 тис.2 роки тому
In diesem Video erkläre ich wie super einfach Ihr JavaScript Code programmieren könnt. Ihr erfahrt welcher Editor gut geeignet ist und wie man das canvas HTML-Element einsetzt, um eine coole Farbanimation zu erstellen. Nach dem Video wisst Ihr was JavaScript ist und wie man den geschriebenen Code ausführen kann. Dieses Video ist für absolute Anfänger geeignet. Und hier alle 23 Zeilen Code. Pack...
Eigener Online Shop + Paypal | HTML, CSS, Javascript Tutorial für Anfänger
Переглядів 44 тис.3 роки тому
Ihr wollt einen eigenen Online Shop mit Paypal Bezahlfunktion? Dann ist dieses Video genau richtig für euch. Ich zeige euch, wie man relativ leicht und schnell einen responsiven Online Shop mit HTML, CSS und Javascript bauen kann. Bezahlt werden kann dann mit Paypal, GiroPay, Kreditkarte usw. Anleitung 00:00:00 - Einleitung 00:02:49 - HTML der Seite 00:21:44 - CSS der Seite 00:31:10 - Paypal Bu...
So baut man Rezos Nindo.de nach
Переглядів 7 тис.3 роки тому
Rezo hat eine Analytics-Plattform namens Nindo.de gestartet und ich erkläre in diesem Video wie die Webseite funktioniert und wie man diese nachbauen kann. Hier der Link zu der nachgebauten Nindo.de Website: donin.surge.sh/ Hier der Link zum Github Repo. Dort findet ihr den Code: github.com/zugende/donin Inhalt des Videos: 00:00:00 - Bestandteile von Nindo.de 00:07:45 - Frontend, Backend, Daten...
Website auf Server hochladen mit Domain | Hosting Tutorial für Anfänger
Переглядів 45 тис.4 роки тому
In diesem Video zeige ich euch wie man eine Website (bestehend aus HTML, CSS, Javascript) auf einem Server hochladen bzw. auf einem Server hosten kann und mit einer Domain verknüpft. Anleitung 00:00:00 - Einleitung 00:01:20 - Domain registrieren Ich nutze Namecheap in dem Video, weil ich diesen Service schon seit vielen Jahren nutze. Natürlich könnt ihr jeden Domain-Name-Registrar nutzen, den i...
Eigene Website mit HTML und CSS bauen | Tutorial für Anfänger 2020
Переглядів 305 тис.4 роки тому
In diesem Video erkläre ich wie ihr eine eigene Website mit HTML und CSS bauen könnt. Ihr erfahrt welcher Editor gut geeignet ist und wie man ein HTML & CSS Webseiten Projekt aufsetzt. Nach dem Video könnt ihr eure eigene persönliche Homepage bauen. Dieses Video ist für absolute Anfänger geeignet. Hier findet ihr den HTML und CSS Code: codepen.io/zugende/pen/yLyPNpg Hier findet ihr den Editor: ...
Snake in 35min programmieren | Defold/Lua Game Programming | Speedcoding
Переглядів 11 тис.7 років тому
Snake in 35min programmieren | Defold/Lua Game Programming | Speedcoding
Minecraft Website erstellen - 8/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 10 тис.7 років тому
Minecraft Website erstellen - 8/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 7/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 7 тис.7 років тому
Minecraft Website erstellen - 7/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 6/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 8 тис.7 років тому
Minecraft Website erstellen - 6/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 5/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 11 тис.7 років тому
Minecraft Website erstellen - 5/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 4/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 9 тис.7 років тому
Minecraft Website erstellen - 4/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 3/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 12 тис.7 років тому
Minecraft Website erstellen - 3/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 2/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 13 тис.7 років тому
Minecraft Website erstellen - 2/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - 1/8 | HTML+CSS für Anfänger | Deutsch
Переглядів 33 тис.7 років тому
Minecraft Website erstellen - 1/8 | HTML CSS für Anfänger | Deutsch
Minecraft Website erstellen - Intro | HTML+CSS für Anfänger | Deutsch
Переглядів 4,9 тис.7 років тому
Minecraft Website erstellen - Intro | HTML CSS für Anfänger | Deutsch
Simplen Switch Button erstellen | HTML, CSS, jQuery für Anfänger
Переглядів 7 тис.9 років тому
Simplen Switch Button erstellen | HTML, CSS, jQuery für Anfänger
Simple Webseite / Web-Visitenkarte | HTML, CSS für Anfänger
Переглядів 4,9 тис.9 років тому
Simple Webseite / Web-Visitenkarte | HTML, CSS für Anfänger
Simpler Zähler | HTML, CSS, jQuery für Anfänger
Переглядів 3,5 тис.9 років тому
Simpler Zähler | HTML, CSS, jQuery für Anfänger
Einfaches Webseiten Menü | HTML, CSS für Anfänger
Переглядів 43 тис.9 років тому
Einfaches Webseiten Menü | HTML, CSS für Anfänger
Button im Flat Design | HTML, CSS für Anfänger
Переглядів 11 тис.9 років тому
Button im Flat Design | HTML, CSS für Anfänger
Seiten intern auf Website verlinken | HTML Tutorial für Anfänger
Переглядів 64 тис.9 років тому
Seiten intern auf Website verlinken | HTML Tutorial für Anfänger
Ä's, Ö's, Ü's auf Website darstellen | HTML Tutorial für Anfänger
Переглядів 3,2 тис.9 років тому
Ä's, Ö's, Ü's auf Website darstellen | HTML Tutorial für Anfänger
Photoshop Tutorial: Youtube Gif Banner / Kanalbild erstellen | Template Deutsch 2014
Переглядів 25 тис.9 років тому
Photoshop Tutorial: UA-cam Gif Banner / Kanalbild erstellen | Template Deutsch 2014
Simple und professionelle Website / Homepage erstellen | CSS, HTML für Anfänger
Переглядів 172 тис.10 років тому
Simple und professionelle Website / Homepage erstellen | CSS, HTML für Anfänger
Photoshop Tutorial: Realistischer Regentropfen
Переглядів 55010 років тому
Photoshop Tutorial: Realistischer Regentropfen
Hi Basti, Das Video war gut, aber ich habe es nicht geschafft die website online zu stellen. Mein Computer findet die website nicht. Was kann ich machen, dass er sie findet?
Verständlich und schnell, genau das was ich brauchte
Sehr interessant
Vielen für das coole Video. Ich habe alle Datei hochgeladen gehabt aber die Bilder(39stück) wurden nicht übernommen. Hast du einen Tipp für mich
Moin, kompaktes informatives Video. Jedoch habe ich eine Frage wie heißt das Programm wo du gemeldet hast auf Sachwarzen Hintergrund
Wie kann ich mir das selber beibringen
Deine Erklärung ist sehr einfach, klar und detailliert. Deshalb verdienst du unser beispielloses Lob, du bist unglaublich gut darin, Dinge zu erklären, der perfekte Lehrer, den unsere Gesellschaft braucht. Wenn ich einen Lehrer wie dich hätte, hätte ich das Programmieren viel schneller verstanden und gelernt. Ich mag deine Videos sehr, das wird sicher viele junge Leute begeistern, die etwas lernen wollen. Viel Erfolg und Gott sei Dank, dass es solche Menschen noch gibt. Danke dir!
❤
Wann kommen neue Videos?❤
Plesk Support ist ziemlich mies. Passwort vergessen und bekomme einfach kein neues.
ich bin 62 jahre alt und bin traurig das ich nicht mehr so aufnahmefähig bin wie mit 20. Mit Pc kann man soviel ideen verwirklichen. Doch ich bin nicht mehr so aufnahmefähig doch deine Anleitung ist trotz meiner Dummheit, gaaaaanz toll erklährt.
Github ist unnötig komplizierter Müll! Genauso wie dieses "Tutorial".... Dann zahle ich echt lieber als mich mit dieewr Ganzen Scheiße belasten zu müssen...
Da ist aber jemand sauer, dass er selber nicht programmieren kann
@@yakumoo Selbst wenn man Programmieren kann ist die Seite einfach schrecklich aufgebaut! Schrecklich unübersichtiches Layout!
War gerade auf der Seite, die ist noch online 😂
Klasse vielen Dank sehr gut erklärt
Das Video ist zwar schon ein bisschen älter, jedoch habe ich das problem, das es diese funktion bei Paypal irgendwie nicht mehr gibt, zumindest nicht so übersichtlich wie in dem Video. Irgendwie muss man jetzt sehr viel Code selbst schreiben und irgendwelche Sachen installieren und laufen lassen, von denen ich echt gar keinen Plan habe. Und wirklich gut beschrieben, was man genau machen soll hat Paypal das auch nicht, zumindest nicht für leute die sich nicht 100% auskennen. Vielleicht kann mir da einer weiterhelfen, wäre sehr freundlich :)
Hab mir den ganzen Guide reingezogen. Meisterhaftes Einstiegstutorial. Respekt!
Mega gut danke für die Erklärung
sehr schöne Anleitung. Super wäre, wenn es eine responsvie Erweiterung gäbe !!!
Großartig, vielen Dank !
In dieser Button zum Kaufen der hat mich nicht funktioniert mit CSS egal was ich versucht habe
Hallo, kannst du auch innenseiten von Spacex Webseit bauen bitte?
wie kann ich das machen der Damrmode und light mode übernommen wird wenn man ihn aktiviert oder deaktiviert hat
Das mit dem Public und Privat war Quatsch, es geht nur um die Sichtbarkeit der Website. Ich habe es auch auf Privat und sehe nichts und finde auch nicht mehr die Stelle, wo ich es auf Public stellen kann.
Bei css hat das mit der Farbe nicht funktioniert weil ich noch beim html type="text/css" schreiben musste warum ging es bei mir nicht ohne bei ihm schon
Echt gut erklärt….
so ein wichtiges video! hat mir sehr geholfen, vielen dank dafür
Super erklärt danke.. Darf ich dazu noch eine Frage stellen. Wie kann ich Fotoflayer mit einem Link versehen die zu meiner Webseite beim anklicken führt. Ich sehe diese Fotoflayer in den Social Media. Ein Deutscher Clip dazu wie man sowas umsetzten kann würde vielen unter UA-cam helfen. Danke.
Moin Basti, ich habe dein Tutorial sehr genossen und du konntest alles sehr verständlich und einfach erklären, danke dir! Ich habe ne kurze Frage zu deinem Setup: Wie machst du das, dass du so schnell wechselst zwischen Mauszeiger und Stift? Hast du ein extra Tablet verbunden, machst du das über ein Convertible oder gibts da noch eine andere Möglichkeit?
Hallo Basti, Thank you so much you explain so simple and right on point.👍
Ich weiß nicht wieso aber es geht bei mir nicht iwi sagt es mir das css nicht verbunden wird😢
hallo kannst du mir vielleicht kurz erklären wie man ein solches logo erstellt also der dateityp danke villmal
Hallo Basti, Danke auch von mir für Deine Mühe. Hast Du auch schon ein Video, wie man im VSC eine Schriftart hinzufügt? Finde massenweise Anleitungen auf englisch, die den Fira code hinzufügen, aber ich möchte einfach nur eine "Handschrift" z.B. von Google Fonts "Shadows in the Dark" hinzufügen. In die Json Settings habe ich schon die Copy der CSS Dateien eingefügt, aber wenn ich dann in der "Styles CSS" meine h2 mit einer neuen Schriftart definieren möchte, dann findet VSC die Font-family nicht.... *Ächts*. Kannst Du helfen?
Gutes Video
Super Video :) Einfach mal grad nachgebaut .. bisschen optimiert.. und zack .. fang ich an meine eigene Seite weiter auszubauen :P
Danke für Deine Anregungen. Ich finde Deine Art sehr ansprechend und ohne viel TamTam sehr informativ und hilfreich. Leider scheint bei Cloudflare doch einiges verändert worden zu sein...
Justify content und das andere funktioniert nicht
Vielen Dank
kannst du uns zeigen, wie du deinen selbst gemachte browser ( kommt im Video mehrmals vor,dass ist echt klasse
Hallo Bastian, finde ich super, toll habe ich vieles gelernt, danke💪
Wirklich sehr gut erklärt und einfach, sowas brauchen wir vielen dank <3
Was ein unfassbar gutes Tutorial, Hut ab! Hab vor kurzem erst angefangen und hat mir mega geholfen :)
Finde deine Videos sehr gut gemacht und sehr verständlich. Top👍. Ich hätte eine frage an dich bezüglich dieses Thema hätte man eine Möglichkeit in Kontakt zu treten?
Einfach erklärt geht anders!
einfach NUR #danke
Ein wirklich Perfektes Tutorial um Geld zu sparen! Ich hatte nämlich HQ File Manager genutzt wo man jährlich Geld bezahlt. Jedoch war es sehr schnell und einfach Webseiten Dateien in der Storage Cloud hochzuladen. Zusätzlich konnte ich für die Webseite selbst erstellte Spiele Dateien hochladen und mit der Webseite verbinden. Ich weiß nicht ob es auf GitHub ohne Probleme funktioniert, weil jede Seite hat auch seine Regeln
Die shorts sind top. Bitte mehr davon 😊
Danke für die 100€ ❤
Hallo Basti, das Video ist super. Da ich Anfänger bin und mir meine eigene Webseite Bauen will hat das mir sehr gut geholfen. Danke für deine Zeit.
Bei mir funktioniert der Pointer aufm Desktop aber nicht auf Mobile, hat einer eine Idee warum?
Ok man muss den Berührungssimulator aktivieren😅
ich habe mich einfach abonniert. habe sowas solange gesucht