Basti Klein
Basti Klein
  • 38
  • 967 469
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
Переглядів: 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
Photoshop Tutorial: Papier
Переглядів 22310 років тому
Photoshop Tutorial: Papier

КОМЕНТАРІ

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

    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?

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

    Verständlich und schnell, genau das was ich brauchte

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

    Sehr interessant

  • @KiepeElectric-vf8vx
    @KiepeElectric-vf8vx Місяць тому

    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

  • @DerEchteSpargelTarzan
    @DerEchteSpargelTarzan Місяць тому

    Moin, kompaktes informatives Video. Jedoch habe ich eine Frage wie heißt das Programm wo du gemeldet hast auf Sachwarzen Hintergrund

  • @DieKinderbuchbande
    @DieKinderbuchbande 2 місяці тому

    Wie kann ich mir das selber beibringen

  • @gAbriel-791a
    @gAbriel-791a 2 місяці тому

    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!

  • @kleinbmx
    @kleinbmx 3 місяці тому

  • @kleinbmx
    @kleinbmx 3 місяці тому

    Wann kommen neue Videos?❤

  • @amae1972
    @amae1972 3 місяці тому

    Plesk Support ist ziemlich mies. Passwort vergessen und bekomme einfach kein neues.

  • @babucha261
    @babucha261 3 місяці тому

    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.

  • @Pory02
    @Pory02 4 місяці тому

    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...

    • @yakumoo
      @yakumoo 4 місяці тому

      Da ist aber jemand sauer, dass er selber nicht programmieren kann

    • @Pory02
      @Pory02 4 місяці тому

      @@yakumoo Selbst wenn man Programmieren kann ist die Seite einfach schrecklich aufgebaut! Schrecklich unübersichtiches Layout!

  • @leo1234599
    @leo1234599 5 місяців тому

    War gerade auf der Seite, die ist noch online 😂

  • @cakiralgmail9595
    @cakiralgmail9595 5 місяців тому

    Klasse vielen Dank sehr gut erklärt

  • @beyond_creativ3562
    @beyond_creativ3562 5 місяців тому

    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 :)

  • @balu79
    @balu79 6 місяців тому

    Hab mir den ganzen Guide reingezogen. Meisterhaftes Einstiegstutorial. Respekt!

  • @younissamir2033
    @younissamir2033 6 місяців тому

    Mega gut danke für die Erklärung

  • @ferienwohnungharz-balogh4166
    @ferienwohnungharz-balogh4166 7 місяців тому

    sehr schöne Anleitung. Super wäre, wenn es eine responsvie Erweiterung gäbe !!!

  • @Norbert_Haupt
    @Norbert_Haupt 7 місяців тому

    Großartig, vielen Dank !

  • @matteo_EN
    @matteo_EN 7 місяців тому

    In dieser Button zum Kaufen der hat mich nicht funktioniert mit CSS egal was ich versucht habe

  • @robertzohrabyan3316
    @robertzohrabyan3316 7 місяців тому

    Hallo, kannst du auch innenseiten von Spacex Webseit bauen bitte?

  • @sentexmc
    @sentexmc 8 місяців тому

    wie kann ich das machen der Damrmode und light mode übernommen wird wenn man ihn aktiviert oder deaktiviert hat

  • @kaleidoscopeschannel1650
    @kaleidoscopeschannel1650 8 місяців тому

    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.

  • @egamestv3163
    @egamestv3163 8 місяців тому

    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

  • @denny1322
    @denny1322 8 місяців тому

    Echt gut erklärt….

  • @merix_
    @merix_ 9 місяців тому

    so ein wichtiges video! hat mir sehr geholfen, vielen dank dafür

  • @DERDUKEE
    @DERDUKEE 9 місяців тому

    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.

  • @fotznerwin
    @fotznerwin 9 місяців тому

    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?

  • @poshiyadj5421
    @poshiyadj5421 9 місяців тому

    Hallo Basti, Thank you so much you explain so simple and right on point.👍

  • @shpetimmurati1577
    @shpetimmurati1577 9 місяців тому

    Ich weiß nicht wieso aber es geht bei mir nicht iwi sagt es mir das css nicht verbunden wird😢

  • @jonasstorung7502
    @jonasstorung7502 10 місяців тому

    hallo kannst du mir vielleicht kurz erklären wie man ein solches logo erstellt also der dateityp danke villmal

  • @ma-luna4890
    @ma-luna4890 10 місяців тому

    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?

  • @ChristianVejtei-uv8cz
    @ChristianVejtei-uv8cz 10 місяців тому

    Gutes Video

  • @Einfach_Schmaik
    @Einfach_Schmaik 10 місяців тому

    Super Video :) Einfach mal grad nachgebaut .. bisschen optimiert.. und zack .. fang ich an meine eigene Seite weiter auszubauen :P

  • @ma-luna4890
    @ma-luna4890 10 місяців тому

    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...

  • @sugardenis1178
    @sugardenis1178 10 місяців тому

    Justify content und das andere funktioniert nicht

  • @josefmayr8705
    @josefmayr8705 10 місяців тому

    Vielen Dank

  • @MANUELLOIS-mu4zm
    @MANUELLOIS-mu4zm 11 місяців тому

    kannst du uns zeigen, wie du deinen selbst gemachte browser ( kommt im Video mehrmals vor,dass ist echt klasse

  • @MANUELLOIS-mu4zm
    @MANUELLOIS-mu4zm 11 місяців тому

    Hallo Bastian, finde ich super, toll habe ich vieles gelernt, danke💪

  • @flavjoo1108
    @flavjoo1108 11 місяців тому

    Wirklich sehr gut erklärt und einfach, sowas brauchen wir vielen dank <3

  • @Kyiolol-Twitch
    @Kyiolol-Twitch 11 місяців тому

    Was ein unfassbar gutes Tutorial, Hut ab! Hab vor kurzem erst angefangen und hat mir mega geholfen :)

  • @prototype_nrw1413
    @prototype_nrw1413 11 місяців тому

    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?

  • @schwarzwalter
    @schwarzwalter 11 місяців тому

    Einfach erklärt geht anders!

  • @seikodelic439
    @seikodelic439 11 місяців тому

    einfach NUR #danke

  • @anonym-g-a-d7817
    @anonym-g-a-d7817 11 місяців тому

    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

  • @AlphaMaleMotivationals
    @AlphaMaleMotivationals Рік тому

    Die shorts sind top. Bitte mehr davon 😊

  • @k5wdk
    @k5wdk Рік тому

    Danke für die 100€ ❤

  • @normannbecker70
    @normannbecker70 Рік тому

    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.

  • @AlphaMaleMotivationals
    @AlphaMaleMotivationals Рік тому

    Bei mir funktioniert der Pointer aufm Desktop aber nicht auf Mobile, hat einer eine Idee warum?

  • @user-lx9di1is9c
    @user-lx9di1is9c Рік тому

    ich habe mich einfach abonniert. habe sowas solange gesucht