Dev Planet Germany
Dev Planet Germany
  • 94
  • 382 771
Drag and Drop mit HTML und JavaScript - Deutsches Tutorial
Eine Drag and Drop Funktionalität zu implementieren, ist mit HTML und JavaScript dank der Drag and Drop API nicht weiter schwer. Deshalb schauen wir uns in diesem Video an, welche Drag & Drop Events es in HTML bzw. JavaScript gibt und wie man sie anbindet, um Elemente per Drag & Drop zu verschieben.
zhlédnutí: 5 514

Video

Schatten für Bilder mit Transparenz (z.B. PNG oder WEBP) mit CSS - Deutsches CSS Tutorial
zhlédnutí 755Před rokem
Möchte man Bildern mit CSS einen Schatten verleihen, ist die box-shadow Eigenschaft, die häufig für Schatten verwendet wird, oft die falsche Wahl. Sie wirft den Schatten nämlich vom Rand des Elements aus, und das sieht bei Bildern mit Transparenz, also beispielsweise PNG oder WEBP-Dateien nicht besonders toll aus. Deshalb erfährst du in diesem Video, wodurch das Problem verursacht wird, und noc...
Diese VSCode Erweiterung sollte jeder Javascript-Entwickler kennen! - Deutsches Quokka.js Tutorial
zhlédnutí 1KPřed rokem
Quokka.js ist eine kostenlose Erweiterung für Visual Studio Code, Sublime Text und die JetBrains IDEs, die die Arbeit als JavaScript bzw. TypeScript-Entwickler enorm vereinfachen und beschleunigen kann. Das tut es hauptsächlich durch seine Kernfunktion: das sogenannte Live Feedback, die einem direkt im Editor anzeigt, was der Code, den man geschrieben hat, tut und wo es zu Fehlern kommt. Video ...
Das nervigste CSS-Problem endlich gelöst! - Einführung in CSS Layers - Deutsches Tutorial
zhlédnutí 1,3KPřed rokem
Spezifität ist meiner Meinung nach das schlechteste CSS-Feature, das es bis heute überlebt hat. Dabei ist der Gedanke hinter Spezifität eigentlich ganz sinnvoll: wird ein Element von den Selektoren mehrerer CSS-Einträge ausgewählt und werden in diesen Einträgen die selben CSS-Eigenschaften manipuliert, muss irgendwie entschieden werden, welche Zuweisung tatsächlich angewendet wird. Leider wählt...
Taschenrechner mit HTML, CSS & JavaScript - Wie schwer kann das sein? - Deutsches Tutorial
zhlédnutí 7KPřed rokem
Einen einfachen Taschenrechner mit HTML, CSS und JavaScript zu erstellen: wie schwer kann das schon sein? Diese Frage wollen wir im Rahmen dieses Videos beantworten. GitHub des Projekts: github.com/dev-planet-germany/javascript-taschenrechner 00:00:00 Einleitung & Projektstruktur 00:00:30 Struktur des Taschenrechners mit HTML 00:06:00 Gestaltung des Taschenrechners mit CSS 00:28:34 Funktion des...
Der beste Weg, um Elemente mit CSS zu zentrieren - Deutsches CSS Tutorial
zhlédnutí 839Před rokem
Irgendwann kommt jeder Webentwickler einmal in die Situation, ein Element mithilfe von CSS zentrieren zu müssen. Fragt man Google danach, wie man ein Element mit CSS zentriert, findet man eine Unzahl verschiedener Möglichkeiten, von denen die meisten unnötig kompliziert oder fehleranfällig sind und von denen manche sogar das restliche Layout der Seite zerstören können. Es gibt aber zum Glück au...
Dieses Tastenkürzel MUSST du kennen! - Deutsches Visual Studio Code Tutorial
zhlédnutí 1KPřed rokem
In Visual Studio Code kann man theoretisch alles mit der Maus machen. Wesentlich praktikabler ist es jedoch, Visual Studio Code mit der Tastatur zu bedienen, weil das schneller geht und die Wege mit der Maus manchmal doch etwas umständlich sind. Deshalb bietet Visual Studio Code eine Vielzahl an Tastenkombinationen, um bestimmte Befehle auszuführen. Dabei ist eine Tastenkombination in Visual St...
Warum Computer schlecht in Mathe sind
zhlédnutí 294Před 2 lety
Wir Menschen sehen Computer immer als die perfekten Rechenmaschinen an, die viel besser und schneller rechnen können als wir. Das stimmt aber nur zum Teil, denn Computer müssen beim Rechnen ganz anderen Erwartungen und Voraussetzungen gerecht werden. Was das bedeutet und wieso Computer oft komische Ergebnisse ermitteln, besprechen wir in diesem Video.
Erstelle einen unschlagbaren Computergegner für Tic-Tac-Toe - Deutsches JavaScript Tutorial
zhlédnutí 1,2KPřed 2 lety
Im letzten Video haben wir ein Tic-Tac-Toe Spiel erstellt, bei dem ein Spieler gegen einen Computergegner spielen kann. Dabei wählt der Gegner seine Züge bisher nach dem Zufallsprinzip aus: es ist also nicht gerade schwer, ihn zu besiegen. Das werden wir in diesem Video ändern und mithilfe von JavaScript und dem MiniMax-Algorithmus einen Computergegner erschaffen, der überhaupt nicht verlieren ...
Erstelle ein Tic-Tac-Toe Spiel mit HTML, CSS & JavaScript - Deutsches Tutorial
zhlédnutí 8KPřed 2 lety
Tic-Tac-Toe kennen sicher die meisten: zwei Spieler setzen abwechselnd Spielsteine auf einem Gitter von 3x3 Feldern. Ziel ist es, eine Reihe, Spalte oder Diagonale mit seinen eigenen Spielsteinen zu füllen. Dieses Spiel werden wir in diesem Video mit HTML, CSS und JavaScript nachbauen - und damit du es auch allein spielen kannst, werden wir gleich auch noch einen ganz simplen Computergegner imp...
Lerne JSON in 7 Minuten! - JSON Tutorial für Anfänger - Deutsch
zhlédnutí 1,1KPřed 2 lety
JSON ist das beliebteste Format für den Austausch von Daten zwischen Anwendungen. Deshalb kommt man um JSON nicht herum, wenn man mit APIs arbeitet, Daten zwischen Server und Frontend transportiert oder mit anderen Programmen kommuniziert. Weil JSON für das tägliche Arbeiten als Programmierer beinahe unerlässlich ist, schauen wir uns in diesem JSON Tutorial an, wie es funktioniert und wie man e...
HTML Grundlagen für absolute Anfänger - Learn by Doing Kurs - Deutsch
zhlédnutí 9KPřed 2 lety
HTML ist das Fundament einer jeden Website, denn ohne HTML kann eine Website nicht existieren. Deshalb wirst du in diesem Learn by Doing Kurs alles lernen, was nötig ist, um die Grundlagen von HTML zu meistern und damit das Fundament deiner Webentwickler-Karriere zu legen. Visual Studio Code: code.visualstudio.com/ GitHub des Kurses: github.com/dev-planet-germany/html-kurs PDF des Rezepts: gith...
Der Unterschied zwischen == und === - Gleichheit in JavaScript - Deutsch
zhlédnutí 612Před 2 lety
In JavaScript gibt es gleich zwei unterschiedliche Operatoren, mit denen geprüft werden kann, ob zwei Werte gleich sind: das doppelte Gleichheitszeichen und das dreifache Gleichheitszeichen. Auf den ersten Blick tun beide genau dasselbe: sind die Werte auf beiden Seiten des Operators gleich, ergeben sie true und sind die Werte unterschiedlich, ergeben sie false. Es scheint also egal zu sein, we...
Warum findet getElementById das Element nicht? - Mit Lösungen! - JavaScript Tutorial - Deutsch
zhlédnutí 1,5KPřed 2 lety
Wenn du in JavaScript die getElementById Methode des document-Objekts verwendest, um auf ein Element zuzugreifen und dabei null als Ergebnis erhältst, bedeutet das, dass dein Element nicht gefunden werden konnte. Dass getElementById ein Element nicht findet, kann mehrere unterschiedliche Ursachen haben, die wiederum auf unterschiedliche Weisen behoben werden können. Welche das sind und wie man ...
CSS Animationen leicht gemacht mit der transition Eigenschaft - CSS Tutorial für Anfänger - Deutsch
zhlédnutí 1,2KPřed 2 lety
Animationen zu erstellen, muss immer aufwendig und kompliziert sein? Nicht mit CSS, denn hier gibt es die Transition-Eigenschaft, mit der das Ganze zum Kinderspiel wird. Wie sie funktioniert und welche Möglichkeiten die transition Eigenschaft bietet, erfährst du in diesem Tutorial! 00:00 Wie funktioniert die transition Eigenschaft in CSS? 01:00 Die transition-Übergänge auf eine Eigenschaft besc...
Transparenz in CSS - CSS Tutorial für Anfänger 14 - Deutsch
zhlédnutí 494Před 2 lety
Transparenz in CSS - CSS Tutorial für Anfänger 14 - Deutsch
Wie man einen Umrechner erstellt - HTML, CSS & JavaScript Tutorial für Anfänger - Deutsch
zhlédnutí 7KPřed 2 lety
Wie man einen Umrechner erstellt - HTML, CSS & JavaScript Tutorial für Anfänger - Deutsch
Auf Bilder verlinken - HTML Tutorial - Deutsch
zhlédnutí 1,4KPřed 2 lety
Auf Bilder verlinken - HTML Tutorial - Deutsch
Eingabeelemente für Zahlen ohne Pfeile - HTML & CSS Tutorial für Anfänger - Deutsch
zhlédnutí 682Před 2 lety
Eingabeelemente für Zahlen ohne Pfeile - HTML & CSS Tutorial für Anfänger - Deutsch
Die Schriftart ändern mit font-family - CSS Tutorial für Anfänger 13 - Deutsch
zhlédnutí 1,4KPřed 2 lety
Die Schriftart ändern mit font-family - CSS Tutorial für Anfänger 13 - Deutsch
Wie man Toasts (Snackbars) erstellt - HTML, CSS & JavaScript Tutorial - Deutsch
zhlédnutí 1,6KPřed 2 lety
Wie man Toasts (Snackbars) erstellt - HTML, CSS & JavaScript Tutorial - Deutsch
4 VSCode Erweiterungen für produktiveres Arbeiten mit JavaScript - Deutsch
zhlédnutí 1,2KPřed 2 lety
4 VSCode Erweiterungen für produktiveres Arbeiten mit JavaScript - Deutsch
Wie man Umschalter (Toggle Switches) erstellt! - HTML & CSS Tutorial - Deutsch
zhlédnutí 1,8KPřed 2 lety
Wie man Umschalter (Toggle Switches) erstellt! - HTML & CSS Tutorial - Deutsch
Flexbox Tutorial für Anfänger - CSS Tutorial - Deutsch
zhlédnutí 6KPřed 2 lety
Flexbox Tutorial für Anfänger - CSS Tutorial - Deutsch
Verwendest du das falsche Farbformat? - Tipp für effizienteres Arbeiten mit CSS & VSCode
zhlédnutí 505Před 2 lety
Verwendest du das falsche Farbformat? - Tipp für effizienteres Arbeiten mit CSS & VSCode
5 VSCode Erweiterungen, die jeder Webentwickler kennen sollte!
zhlédnutí 2,9KPřed 2 lety
5 VSCode Erweiterungen, die jeder Webentwickler kennen sollte!
CSS Position Tutorial - static, absolute, relative, fixed & sticky erklärt! - Deutsch
zhlédnutí 4,4KPřed 2 lety
CSS Position Tutorial - static, absolute, relative, fixed & sticky erklärt! - Deutsch
Was tut der Fragezeichen Operator in JavaScript?
zhlédnutí 764Před 2 lety
Was tut der Fragezeichen Operator in JavaScript?
Passwortabfrage mit Klartext-Funktion! - HTML, CSS & JavaScript Tutorial - Deutsch
zhlédnutí 3,4KPřed 2 lety
Passwortabfrage mit Klartext-Funktion! - HTML, CSS & JavaScript Tutorial - Deutsch
Gestreifte Tabellen mit HTML & CSS - Deutsches Tutorial
zhlédnutí 1,3KPřed 2 lety
Gestreifte Tabellen mit HTML & CSS - Deutsches Tutorial

Komentáře

  • @marlieska4933
    @marlieska4933 Před 16 dny

    Sehr hilfreich, danke!

  • @elisabeth6386
    @elisabeth6386 Před 19 dny

    Top erklärt, DANKE!

  • @lukasxyz
    @lukasxyz Před měsícem

    tolles video wie können wir die buttons jetzt untereinander zentrieren?

  • @germanballstuttgartball5291

    ENDLICH!!! Nach all den Jahren konnt emir nun endlich jemand verständlich und anschaulich die genauen Unterschiede zwischen absolute und relative erklären. Ich hatte mich das schon ewig gefragt. Vielen Dank dafür. Sticky kannte ich bisher noch gar nicht.

  • @ursfries8231
    @ursfries8231 Před 2 měsíci

    Hallo zusammen Ich bin mehr oder weniger Anfänger und habe den CSS-Code genau so eingegeben wie erklährt. Leider funktionieren bei mir folgende Befehle nicht: justify-content: center; align-items: center; weiss jemand woran das liegen könnte? Vielen Dank im Voraus! Urs Fries

  • @Nibot52
    @Nibot52 Před 3 měsíci

    123

  • @quantum_scio
    @quantum_scio Před 3 měsíci

    Was für ein Spaß! Wie eine 1.000 Teile Puzzle an einem Sonntagnachmittag. Für Anfänger total geeignet. Eine didaktisches Meisterleistung. Vielen Dank

  • @ferienwohnungharz-balogh4166

    werden in diesem Format nicht auch strukturierte Daten geschrieben ?

  • @TATEFAMM
    @TATEFAMM Před 4 měsíci

    Dankeee

  • @ikemkrueger
    @ikemkrueger Před 4 měsíci

    7:50 Bezieht sich "Kind 1" auf "Kind 2", obwohl sie auf der gleichen Ebene sind? Und worauf beziehen sich die "50%"? Für mich sieht das nämlich nach 50% von dem sichtbaren Teil der Seite aus.

  • @danielsuenkel90
    @danielsuenkel90 Před 4 měsíci

    Vorab erstmal vielen Dank für die Mühe was du dir mit diesem Tutorial gemacht hast, es ist unfassbar lehrreich. Ich konnte sehr viel davon lernen und in Zusammenhang bringen wie das ganze funktioniert. Natürlich Bedarf es noch viel mehr Übung, aber immerhin ist ein Anfang gemacht. :D Hab bis gerade eben dieses Tutorial durchgearbeitet, aber irgendwie will bei mir die Desktopansicht die Pokebälle und das hintergrund.jpg nicht mehr laden seit es runter zu @media (1200px) verschoben wurde =( Auch ist meine "Durch Levelaufstieg" - Tabelle aus welchem Grund auch immer genau so lang geworden wie die "Durch TM/VM" - Tabelle. ^^ Muss ich mich morgen wohl nochmal auf Fehlersuche begeben. Evtl. finde ich ja selbst den Fehler. Über Tipps bin ich aber dennoch dankbar, das Video ist ja nun doch schon älter und es wäre möglich, dass die Ursache in einer Neuerung liegt. Wer weiß =D

  • @gerdrudolph8895
    @gerdrudolph8895 Před 4 měsíci

    Ich bin gerade dabei ein wenig HTML/CSS zu lernen um es an meine Tochter weitergeben zu können. Dabei schon viele Bücher durchgearbeitet und Videos. Dieses Video ist für mich das beste, unwahrscheinlich kompakt und trotzdem leicht verständlich und lehrreich. Vielen Dank für das video

  • @emmaeimerle5597
    @emmaeimerle5597 Před 4 měsíci

    Super gut und ausführlich erklärt!!! Vielen Dank!

  • @ClaudiaWick
    @ClaudiaWick Před 4 měsíci

    Sehr gut gemacht! Der Trick mit dem Universaloperator zum Sichtbarmachen der Rahmen ist gerade für einen Anfänger auch super. Habe sehr viel gelernt, danke!!

  • @HaFreise
    @HaFreise Před 4 měsíci

    wie kann ich denn die Seite abschicken wenn ich im Dropdown Menü eine Auswahl treffe? Ich möchte gerne im Dropdown die Jahreszahl auswählen und dann auf der nächsten Seite mit dieser Jahreszahl weiter arbeiten. Ich möchte aber keinen Button noch zusätzlich klicken müssen.

  • @panoszombras9628
    @panoszombras9628 Před 5 měsíci

    Danke für die wertvollen Hinweise 🖕

  • @altayhan8641
    @altayhan8641 Před 5 měsíci

    Kurz und super erklärt dafür ein riesen..... DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANKEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

  • @jaytex4960
    @jaytex4960 Před 5 měsíci

    Auch wieder gutes Video!

  • @jaytex4960
    @jaytex4960 Před 5 měsíci

    Sehr gutes Video!

  • @andreask.291
    @andreask.291 Před 5 měsíci

    genial! ⭐️⭐️⭐️⭐️⭐️

  • @SebastianWMusic
    @SebastianWMusic Před 5 měsíci

    Endlich kapiert - schade, dass ich das Video erst jetzt entdeckt habe :-) Weiter so! 😊

  • @Nightfury821
    @Nightfury821 Před 6 měsíci

    Vielen Dank <3

  • @lizgoldstein4256
    @lizgoldstein4256 Před 6 měsíci

    Danke dafür! Kannst du bitte nochmal erklären, warum die Bestandteile der Adresse als Objekt {} geschrieben werden und nicht als Array? Einfach, weil sich so einzelne Bestandteile der Adresse abbilden lassen?

  • @63uffo
    @63uffo Před 6 měsíci

    Ein sehr, sehr gutes Tutorial. Großes Dankeschön!

  • @sylviamachotta3332
    @sylviamachotta3332 Před 7 měsíci

    Unglaublich gut erklärt. Als Anfänger gleich mal eine dumme Frage: besteht die Möglichkeit, dass die Position des Sliders erhalten bleibt (gespeichert wird)?

  • @markuszimmer1391
    @markuszimmer1391 Před 7 měsíci

    Top Ergänzungsvideo! Danke dafür. =)

  • @markuszimmer1391
    @markuszimmer1391 Před 7 měsíci

    Danke für dieses geniale Video! Bin absoluter Anfänger und bringe mir gerade das coden und später das scripten bei. Solche Videos helfen dann sehr um gewisse Bausteine von websites die man im Kopf hat, nachzubauen und zu verstehen.

  • @lollydieck
    @lollydieck Před 7 měsíci

    sehr hilfreiches Video!

  • @Nikishere123
    @Nikishere123 Před 7 měsíci

    was muss ich tun wenn ich 10 slots möchte und zwei bilder zum verschieben? Lässt sich das "einfach" erweitern?

  • @MrArbijas
    @MrArbijas Před 7 měsíci

    thx

  • @ruffy___
    @ruffy___ Před 8 měsíci

    Wow! Unglaublich gut und verständlich erklärt! Top Video, Abo ist raus mein lieber😊

  • @mulegrimm1527
    @mulegrimm1527 Před 8 měsíci

    Ich habe keine Worte für dich danke danke danke danke🙏🏽🙏🏽🙏🏽🙏🏽🙏🏽

  • @Rockosunshine
    @Rockosunshine Před 8 měsíci

    Danke, für das wirklich tolle Tutorial! Ich habe viel gelernt und die Stimme und auch die Art und Weise des Erklärens ist wirklich sehr angenehm :)

  • @Axel-jn6fk
    @Axel-jn6fk Před 8 měsíci

    Ohne zu übertreiben, was dies das beste HTML+CSS Tutorial das ich bisher gesehen habe. Nicht nur veranschaulichen Sie anhand des Projektes plastisch was zu tun ist, sondern erklären jeden einzelnen Schritt auch kurz und bündig. Machen Sie bitte weiter so!

  • @nevergiveup9876.
    @nevergiveup9876. Před 9 měsíci

    Danke Super Erklärung!!! Weiter so!!

  • @user-yq6ns1ym4i
    @user-yq6ns1ym4i Před 9 měsíci

    Vielen Dank für das Tutorial. Ich hätte noch eine Frage: wie schafft man es, einzelne Bilder bzw. die Überschriften mit einem Link auszustatten?

  • @ziedsmat8949
    @ziedsmat8949 Před 9 měsíci

    Danke, guter Tipp

  • @niklasbonisch
    @niklasbonisch Před 10 měsíci

    Super erklärt, direkt Abo da gelassen

  • @johannesbitterhaupt251
    @johannesbitterhaupt251 Před 10 měsíci

    Grossartig erklärt!

  • @mikehotel5652
    @mikehotel5652 Před 10 měsíci

    Danke für die unbewusste Lösung meines Problems! 😉

  • @psychedelic-chi
    @psychedelic-chi Před 11 měsíci

    Hast mir sehr geholfen, vielen Dank! Abo ist raus ;-

  • @user-ck5fu9rm3e
    @user-ck5fu9rm3e Před 11 měsíci

    Klasse Tutorial! ich wurde mehr für fortgeschritten empfehlen. Vielen Dank für die Mühe!

  • @born2die827
    @born2die827 Před 11 měsíci

    10:50 Laut dem Attribut wäre die Schreibweise Jahr-Monat-Tag, deine Schreibweise ist allerdings Tag-Monat-Jahr. Versteht hierbei der Browser / Crawler, dass Jahr und Tag getauscht sind?

  • @marvinjortzik7851
    @marvinjortzik7851 Před 11 měsíci

    Genau was ich brauchte, kurz und knapp auf den Punkt. Vielen Dank!

  • @lele9exl
    @lele9exl Před rokem

    Abo hab ich da gelassen. Top erklärt, danke!

  • @nimras5812
    @nimras5812 Před rokem

    danke für die verständlichen Step by Step Erklärungen. Du hast mir sehr geholfen!

  • @stefanzimmermann5350

    Einfacher gehts mit ->> document.getElementById("kartenbild").src = "bilder/Pflanze2.png";

  • @Markuszocktps5
    @Markuszocktps5 Před rokem

    Ich kann dich nicht abonnieren 😮 weder auf tv noch auf Handy Sehr gute Erweiterungen danke

  • @fredhellmer6066
    @fredhellmer6066 Před rokem

    Super gemacht, genau für Anfänger auf diesem Gebiet perfekt erklärt und gut nachzubauen! TOP! Ich habe nun noch versuch bei den einzelnen Slides Links zu hinterlegen, leider zieht aber immer nur der Link des obersten Slides. Gibt es dafür eine Lösung?

  • @4reifen_4pfoten_4schuhe

    Vielen Dank für das ausführliche Tutorial. hat soweit alles gut funktioniert. Nur die Farben des Textes im Overlay ändern sich nicht. Aber damit kann ich leben. Ich würde übrigens gern wissen, wie ich den Gegner stärker machen kann :)