Coding - kurz und knapp
Coding - kurz und knapp
  • Видео 65
  • Просмотров 639 174
Responsive Navigation mit Slide-in Animation | CSS Navbar Tutorial Deutsch
In diesem Video werden wir eine responsive Navigationsleiste mit einer animierten Sidebar erstellen. Ich erkläre dir alles, was du brauchst, um eine responsive Navigationsleiste mit einem Hamburger-Menü und einer Sidebar zu erstellen, die einen animierten Übergang zum Ein- und Ausblenden hat. Wir werden HTML und CSS (Flexbox) verwenden. Dies ist eine reine CSS-Lösung, die kein JavaScript (no js) erfordert. Du wirst lernen, wie du CSS Flexbox verwendest, um deine Navigationsleiste horizontal und vertikal (als Seitenleiste) auszurichten.
👉 Hol dir das beste Web hosting bei Hostinger: www.hostinger.com/kurzundknapp
✌️ Spare 10% (und mehr) mit unserem Rabattcode: KURZUNDKNAPP
☝️ Das ist ein Affi...
Просмотров: 2 292

Видео

JavaScript TODO APP programmieren & hochladen
Просмотров 4,1 тыс.9 месяцев назад
🚀 Holt euch den Hostinger Business-Plan zum Hosten der Todo-App: www.hostinger.de/kurzundknapp 👌 Coupon code: KURZUNDKNAPP (10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr) In diesem JavaScript Praxisprojekt für Anfänger programmieren wir eine Todo-Listen-Applikation (todo app) mit HTML, CSS und JavaScript (JS) und laden diese anschließend mit dem Webhosting-Die...
Modernes Button Design in CSS | Border mit Gradient und Leucht-Effekt | Tutorial Deutsch
Просмотров 99010 месяцев назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video zeige ich dir kurz und knapp wie du ein Modernes Button Design in HTML und CSS erstellst. 👉 Lerne HTML5 und SEO in unserem englischen Udemy Kurs...
Portfolio Webseite Erstellen und Hochladen | HTML CSS Projekt (responsive)
Просмотров 6 тыс.11 месяцев назад
👉 Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp ✌️ Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem HTML und CSS Praxisprojekt werden wir gemeinsam eine responsive Portfolio-Webseite erstellen und hochladen. Dabei lernst du wichtige und professi...
So wirst du Webentwickler in 2024 | Full Stack Roadmap Anleitung
Просмотров 2,2 тыс.Год назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video werden alle Programmiersprachen, Tools und allgemeine Programmier-Konzepte vorgestellt, die du lernen solltest, wenn du Full-Stack Web-Entwickle...
JavaScript Einführung (für Anfänger)
Просмотров 3,2 тыс.Год назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video lernst du: 00:38 Was ist JavaScript? 01:15 Wozu braucht man JavaScript? 02:31 Wie funktionieren Webseiten? 03:31 Clientside und Serverside 06:09...
Lerne CSS in 40 Minuten (CSS Kurs für Anfänger)
Просмотров 19 тыс.Год назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. Willkommen zu unserem CSS Kurs für Anfänger! In diesem Video lernst du die Grundlagen von CSS, der Stylesheet-Sprache, die verwendet wird, um das Aussehen von H...
5 nützliche seltene HTML Tags, die du kennen solltest
Просмотров 4,2 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video zeige ich dir 5 unbekannte HTML Elemente, die fast keiner kennt, die jedoch extrem nützlich sind und dir jede Menge Arbeit in CSS und JavaScript...
25 Produktive Shortcuts für Programmierer
Просмотров 2,1 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. Lerne wie du einen Computer ohne eine Maus benutzen kannst. Mit Windows Shortcuts, Code-Shortcuts und Browser Shortcuts kannst du deine Hände dauerhaft auf der ...
Lerne Emmet Abbreviations in 8 Minuten | 3x schneller HTML Code schreiben | Tutorial Deutsch
Просмотров 4,9 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. Emmet bietet dir durch Shortcuts Code Vorschläge, die dir Zeit und Schreibaufwand sparen und deine Arbeit mit HTML deutlich produktiver machen. In diesem Video ...
Responsive Portfolio Webseite mit HTML und CSS erstellen | Anfänger Tutorial Deutsch
Просмотров 46 тыс.2 года назад
👉 Source Code auf unserer Webseite: coding-kurzundknapp.com Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video werden wir eine Portfolio-Webseite nur in HTML und CSS entwickeln. Bei diesem Praxis...
Webseite auf eigenem Handy testen | Live Server, Localhost Tutorial Deutsch
Просмотров 4 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video lernst du kurz und knapp, wie du die Webseite, die du gerade entwickelst, auf deinem Handy testen kannst. Dabei verbindest du dein Handy mit dem...
PHP Foreach Schleife | foreach loop | PHP Tutorial Deutsch
Просмотров 2,5 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video schauen wir uns die foreach Schleife in PHP an. Dabei erklären wir, wie man die foreach-Schleife für numerische Arrays, assoziative Arrays und v...
PHP Arrays | numerische Arrays, assoziative Arrays, verschachtelte Arrays | PHP Tutorial Deutsch
Просмотров 3,4 тыс.2 года назад
Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: www.hostinger.de/kurzundknapp Mit dem Coupon-Code: KURZUNDKNAPP sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr. In diesem Video schauen wir uns Arrays in PHP an. Timestamps: 00:04 Was sind Arrays? 00:25 numerische Arrays 03:18 Array Funktionen 05:03 assoziative Arrays 07:...
CSS Card Design mit hover effect Animation | HTML + CSS Tutorial Deutsch
Просмотров 4,4 тыс.2 года назад
CSS Card Design mit hover effect Animation | HTML CSS Tutorial Deutsch
Dark Mode Button mit JavaScript programmieren (ganz einfach) | CSS + JS Tutorial Deutsch
Просмотров 7 тыс.2 года назад
Dark Mode Button mit JavaScript programmieren (ganz einfach) | CSS JS Tutorial Deutsch
Alle grundlegenden CSS Selektoren | Tutorial Deutsch
Просмотров 6 тыс.2 года назад
Alle grundlegenden CSS Selektoren | Tutorial Deutsch
Live Server Extension Visual Studio Code | Automatisch Seite neuladen beim Speichern | Tutorial DE
Просмотров 8 тыс.2 года назад
Live Server Extension Visual Studio Code | Automatisch Seite neuladen beim Speichern | Tutorial DE
PHP Funktionen | PHP Tutorial Deutsch
Просмотров 3,7 тыс.2 года назад
PHP Funktionen | PHP Tutorial Deutsch
Google Material Icons in HTML einfügen und stylen | HTML + CSS Tutorial Deutsch
Просмотров 5 тыс.2 года назад
Google Material Icons in HTML einfügen und stylen | HTML CSS Tutorial Deutsch
So funktionieren Farben in CSS | rgb hex hsl | CSS Colors Anfänger Tutorial Deutsch
Просмотров 3,4 тыс.2 года назад
So funktionieren Farben in CSS | rgb hex hsl | CSS Colors Anfänger Tutorial Deutsch
CSS lernen für Anfänger | CSS Tutorial Deutsch
Просмотров 12 тыс.2 года назад
CSS lernen für Anfänger | CSS Tutorial Deutsch
PHP Schleifen | for-, while-Schleife | PHP Tutorial Deutsch
Просмотров 7 тыс.2 года назад
PHP Schleifen | for-, while-Schleife | PHP Tutorial Deutsch
PHP Switch-Case | PHP Tutorial Deutsch
Просмотров 2,9 тыс.2 года назад
PHP Switch-Case | PHP Tutorial Deutsch
Responsive Dropdown Menü Navigation (nur mit CSS) Tutorial Deutsch
Просмотров 32 тыс.2 года назад
Responsive Dropdown Menü Navigation (nur mit CSS) Tutorial Deutsch
PHP if else Tutorial Deutsch (für Anfänger)
Просмотров 4 тыс.2 года назад
PHP if else Tutorial Deutsch (für Anfänger)
PHP Operatoren | Logische-, Arithmetische-, Vergleichs-Operatoren | PHP Tutorial Deutsch
Просмотров 3,3 тыс.2 года назад
PHP Operatoren | Logische-, Arithmetische-, Vergleichs-Operatoren | PHP Tutorial Deutsch
Top 5 Programmiersprachen 2022 | Diese 5 Programmiersprachen solltest du 2022 lernen!
Просмотров 1,4 тыс.2 года назад
Top 5 Programmiersprachen 2022 | Diese 5 Programmiersprachen solltest du 2022 lernen!
CSS Variablen Tutorial Deutsch
Просмотров 1,9 тыс.2 года назад
CSS Variablen Tutorial Deutsch
PHP GET und POST | PHP Tutorial Deutsch
Просмотров 3,3 тыс.2 года назад
PHP GET und POST | PHP Tutorial Deutsch

Комментарии

  • @KarlOttoFranz
    @KarlOttoFranz 3 дня назад

    super

  • @m42ears
    @m42ears 4 дня назад

    Coding - kurz und knapp? Eher wohl schnell und hastig. Was los mit Euch CCs? Habt ihr das immer eilig wenn ihr solche Filmchen macht? Ich weiss, ich koennt das Video langsamer ablaufen lassen, mach ich aber nicht. Kannst Dein Wissen behalten. *Furz

  • @mesutgocener1562
    @mesutgocener1562 6 дней назад

    Die @uelle aller existenz..ruclips.net/video/vrDS15Xq30s/видео.html&si=qxca6MKoRkFqGrNZ

  • @lw817
    @lw817 10 дней назад

    Bei Minute 55:00 hat sich das Bild die h3 und der p text selbst angeordnet, bei mir stehen die einfach nebeneinander. Wie schaffe ich es, dass das Bild auf links und h3 und p untereinander rechts daneben stehen? PS: Super Video!!

  • @DemianTuebel
    @DemianTuebel 17 дней назад

    Wenig Aufrufe, da der Kanal im Ranking schlecht steht, oder nicht gut genug. Natürlich schade, da die Videoreihe eigentlich gut gemacht ist.

  • @DemianTuebel
    @DemianTuebel 17 дней назад

    Oh no, die Sandbox ist kaputt gegangen. die Unter onlinephp mit "io" am Ende.

  • @DemianTuebel
    @DemianTuebel 18 дней назад

    Der PHP-Code wird nicht an den Webserver gesendet, sondern eine PHP-Seite im Browser vom Webserver aufgerufen und der Webserver sendet HTML / CSS / JS zurück, stimmt's?

  • @Txbi-l3q
    @Txbi-l3q 21 день назад

    danke besser als ein halbes Jahr in der schule und das in neun min. youtube🙏

  • @helmutlinhart4832
    @helmutlinhart4832 23 дня назад

    Meinen Dank für das sehr gute Video !

  • @Kawa4Mike
    @Kawa4Mike 23 дня назад

    Danke für das gute Video. Kurz und knapp, genau auf den Punkt gebracht. Es hat mir sehr geholfen. Vielen Dank ((-;

  • @tomnorthman1568
    @tomnorthman1568 24 дня назад

    Ich muss auch sagen ein super Video! kurz und knapp im wahrsten Sinne des Wortes. Vieles kannte ich noch nicht, daher danke für das tolle Video!

  • @kriegerm.5048
    @kriegerm.5048 Месяц назад

    Kurz knapp und verständlich. Bravo.👍🏻

  • @Mockingbird262
    @Mockingbird262 Месяц назад

    Hab das gleich als Thema in einer Klausur in der 12. Klasse. In diesen 9min habe ich das Thema besser verstanden als in den gesamten 3 Monaten bei unserem Lehrer

  • @Alekawal
    @Alekawal Месяц назад

    Top Video Danke !

  • @klauszibert6531
    @klauszibert6531 Месяц назад

    Danke für ihren großartigen Vortrag

  • @Kris-Kess
    @Kris-Kess Месяц назад

    Danke! Das war kurz und knapp und hat sehr gut weitergeholfen.

  • @wernerbaewer9746
    @wernerbaewer9746 Месяц назад

    kannste noch schneller reden? dann versteht man noch weniger ...

  • @The_Traders_yt
    @The_Traders_yt Месяц назад

    Kann ich Variablen verschiedene Werte auf einmal zuordnen um zum Beispiel, wenn ich etwas verschieben will, es mit dieser Variable gleich mehrmals existiert?

  • @user-ii8zi3ni7q
    @user-ii8zi3ni7q Месяц назад

    Eines der besten Videos dazu auf ganz RUclips. Kein ewiges Drumherum. Danke dir!

  • @jonathan29839
    @jonathan29839 Месяц назад

    Sehr Star 👍

  • @goldmund3471
    @goldmund3471 Месяц назад

    sehr gute Videos - top!

  • @MuslimMan7
    @MuslimMan7 Месяц назад

    Sehr gut erklärt! Die wichtigsten Infos hast du raus gehaut. Ich glaube zum besseren merken muss man so oder so ein paar Beispiele durch machen. Bravo !!!

  • @PhilippBayer
    @PhilippBayer 2 месяца назад

    klasse video !

  • @svenergy5058
    @svenergy5058 2 месяца назад

    HILFE! Ich habe den Code eingefügt und möchte nun darüber einen Banner setzen, aber egal was ich mache, danach verschwindet das Hamburger Menü, ich checks einfach nicht, kann mir jemand helfen? #header{ width: 100%; height: 130px; background: url(bilder/headbanner.jpg) no-repeat 5% 45%; background-position: left; }

  • @Schachspieler2023
    @Schachspieler2023 2 месяца назад

    klappt trz nicht

  • @lennard_15b62
    @lennard_15b62 2 месяца назад

    nix verstehen

  • @jojopde
    @jojopde 3 месяца назад

    Ich brauche ja immer ein wenig bis es in meinem Kopf drinnen bleibt. Dieses Video erklärt CSS Code/Befehle sooooo gut, das ich es mir die nächsten Tage/ Wochen täglich anschaue. Danke

  • @canagenx-official
    @canagenx-official 3 месяца назад

    Viel viel zu schnell bro

  • @klemmsteinmoba
    @klemmsteinmoba 3 месяца назад

    Danke für das sehr Lehrreiche Video, ich hab das direkt mal Nachgebaut. Allerdings habe ich jetzt noch eine Frage und zwar, wenn ich die Webseite mit dem Handy aufrufe, sind die ToDo's welche ich auf dem Desktop erstellt habe, leider nicht Vorhanden. Voran kann das liegen? Zur Info, ich Hoste die Webseite über Github und das Handy welches ich nutze, ist ein Xaomi12. Über eine Antwort würde ich mich freuen, Abo ist schonmal raus ;)

    • @coding-kurzundknapp
      @coding-kurzundknapp 3 месяца назад

      Moin ;) Die Todos werden derzeit nur lokal im Browser über LocalStorage gespeichert. Das bedeutet, dass sie nur auf dem Gerät verfügbar sind, auf dem du sie erstellt hast. Daher kannst du sie auf deinem Handy nicht sehen. Um die Todos auch von anderen Geräten aus abrufen zu können, müsstest du eine richtige Datenbank verwenden.

  • @Noah-xn5th
    @Noah-xn5th 3 месяца назад

    warum funktioniert derselbe Code wieder nur bei mir nicht... Nr.1 Die require Funktion funktioniert bei mir nicht. Ich musste den Inhalt der Connection Datei also kopieren und in die index Datei einfügen. Nr.2 Xxamp kann bei mir nichts mit index.php anfangen. Ich habe also den html code in eine index.html eingetragen und den rest in eine register.php eingefügt. Achtet auf <form action="register.php"...> in der index.html. Wenn ihr einen richtigen Mysql server verbinden wollt, der im Terminal läuft (find ich viel cooler), müsst ihr im "connection Teil" bei "localhost" noch ":3306" hinzufügen. Das ist der Port, durch den SQL Server in der Regel standardmäßig erreichbar sind.

  • @byyRoLex
    @byyRoLex 4 месяца назад

    Irgendwie will sich mein Project Section h2 "Meine Top 3 Projekte" nicht zentrieren, sowie lässt sich mein Project Link "Visit Website" nicht stylen, kannst du mir helfen? danke für dein tut!

  • @MhLiMz
    @MhLiMz 4 месяца назад

    5:22 Überall haben die Architekten von CSS eine Trennung mit Leerzeichen festgelegt, aber hier muss man mit / trennen.🤯

  • @thacreepwalk
    @thacreepwalk 4 месяца назад

    macht ihr keinen fullstack-copurse für web entwicklung auf udemey ??? 🙏🙏🙏🙏

  • @69lapino
    @69lapino 4 месяца назад

  • @gerdrudolph8895
    @gerdrudolph8895 4 месяца назад

    Super!

  • @TheNoobOriginal
    @TheNoobOriginal 4 месяца назад

    mal wieder ein sehr gutes vide habe heute wieder viel mitnehmen können danke sehr sie sind mir einen große hilfe

  • @jamie5071
    @jamie5071 4 месяца назад

    Sehr gutes Video, danke :)

  • @IT-Johnny
    @IT-Johnny 5 месяцев назад

    Lesezeichen für mich selber: Navigation beginnt bei: 17:15 LG cooles Video :)

  • @emiliamayer50
    @emiliamayer50 5 месяцев назад

    Sehr hilfreich und unkompliziert erklärt. Ohne schnick-schnack . Besser geht es nicht. Mir hat es viel geholfen. Dankeschön und weiter so 🙂😘

  • @Designbyjuno
    @Designbyjuno 5 месяцев назад

    Danke für dieses Video :)

  • @PrinceOfSlytherin
    @PrinceOfSlytherin 5 месяцев назад

    Wow, sehr stark erklärt, hätte aber noch eine Frage … wie könnte man Animation hinzufügen und wäre das schwer?

  • @tja__7984
    @tja__7984 5 месяцев назад

    Ich habe es genau gleich wie im Video in meinem Style css geschrieben aber es werden keine Kasten angezeigt sondern nur die Zahlen. Was habe ich falsch gemacht ?

  • @nicko9958
    @nicko9958 5 месяцев назад

    Super, einfach irgendwelche Icons aus dem Internet ziehen... Wie wärs mit Thema Lizenzbedingungen und und DSGVO ansprechen, wenn du schon nen script einbindest, der auf ne andere Website verlinkt (Datenübertragung in die USA)

  • @0xb0110
    @0xb0110 5 месяцев назад

    Perfektes Tutorial. Das was du hier erklärst dafür brauchen andere ne halbe stunde

  • @tonisylla7052
    @tonisylla7052 5 месяцев назад

    Sehr gut, gibts das auch für Mac?

  • @tonisylla7052
    @tonisylla7052 5 месяцев назад

    Wirklich gut.

  • @gian-marco6047
    @gian-marco6047 5 месяцев назад

    sehr informativ und eine angemessene Länge, danke vielmals

  • @Adrealise
    @Adrealise 5 месяцев назад

    0:01

  • @Adrealise
    @Adrealise 5 месяцев назад

    0:00

  • @Adrealise
    @Adrealise 5 месяцев назад

    Top Content! 🙂