Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
WebCampus: Deine erste Webseite mit HTML, CSS & Javascript
Highest Rated
Rating: 4.4 out of 5(24 ratings)
146 students

WebCampus: Deine erste Webseite mit HTML, CSS & Javascript

Das Webentwicklung und Webdesign Komplettpaket mit HTML, CSS, Javascript und ChatGPT für deine erste eigene Webseite!
Last updated 2/2025
German

What you'll learn

  • Grundlagen von HTML, CSS und JavaScript
  • Erstellung deiner eigenen Webseite ohne notwendigen Vorkenntnisse
  • Nutzung von Bootstrap für ein responsives Design
  • Einbindung von interaktiven Elementen wie Modals und Swipern
  • Styling von Navigation, Bannern und Fußzeilen
  • Verwendung von CSS-Animationen und Hover-Effekten
  • SEO-Optimierung deiner Webseite
  • Fehlerbehebung und Debugging
  • Einrichtung von Webhosting und Domains
  • Fortgeschrittene Techniken wie Dark Mode und Parallax-Effekte

Course content

10 sections61 lectures13h 15m total length
  • Dein Dozent: Niklas2:13
  • Wichtige Information bevor du startest.0:59
  • Was Du in diesem Kurs lernen wirst4:53
  • Installation8:01

Requirements

  • Keine Vorkenntnisse nötig! Du lernst im Kurs alles, was du brauchst.

Description

Du möchtest deine erste eigene Webseite erstellen und dich zum Webentwickler ausbilden lassen?

Dann ist dieser Kurs genau das Richtige für Dich!


WebCampus: Das Webentwicklung und Webdesign Komplettpaket mit HTML, CSS, Javascript und ChatGPT für deine erste eigene Webseite!


Hast du dich schonmal gefragt wie es wäre individuelle Webseiten für dich oder deine Kunden erstellen zu können um...

  • dein eigener Boss zu sein?

  • aufzustehen wann du möchtest?

  • von Zuhause aus zu arbeiten?

  • und damit gutes Geld zu verdienen?


All das ist möglich im Leben eines Webentwicklers. Und mit diesem Kurs bekommst du die vollständige Ausbildung dazu.

  • Abschnitt 1: Einführung

    In diesem Abschnitt starten wir deine Reise in die Welt der Webentwicklung. Wir werden uns zunächst kennenlernen und einen Überblick über den Kurs verschaffen. Anschließend lernst du, wie du Visual Studio Code installierst, um direkt loslegen zu können.

  • Abschnitt 2: HTML Grundlagen

    Hier tauchen wir ein in die Grundlagen von HTML, der Sprache des Webs. Du wirst lernen, wie du strukturierten und semantischen Code schreibst, sowie verschiedene Arten von Listen erstellst. Dies bildet das Fundament für den restlichen Verlauf des Kurses

  • Abschnitt 3: CSS Grundlagen

    Jetzt geht es um das Styling deiner Webseite. Wir zeigen dir, wie du CSS einsetzt, um deine Webseite zum Leben zu erwecken. Du erfährst, wie du Elemente selektierst, externe Dateien einbindest und Animationen wie Hover-Effekte erstellst.

  • Abschnitt 4: Navigation erstellen

    Eine gute Navigation ist entscheidend für die Benutzerfreundlichkeit deiner Webseite. Hier lernst du, wie du mit Bootstrap eine Navigation einfügst, ein Logo integrierst und moderne Effekte wie Glassmorphism umsetzt.

  • Abschnitt 5: Banner erstellen

    Der Banner ist oft das Erste, was Besucher sehen. Niklas wird dir zeigen, wie du einen ansprechenden Banner gestaltest, Hintergrundbilder einfügst, Text positionierst und mit CSS-Variablen sowie eigenen Fonts arbeitest.

  • Abschnitt 6: Seite füllen

    Jetzt wird deine Webseite mit Inhalten gefüllt. Du lernst, wie du Text neben Bildern platzierst, interaktive Elemente wie Swiper einbindest und ein ansprechendes Karussell erstellst. Dabei achten wir auch auf Barrierefreiheit und SEO-Optimierung.

  • Abschnitt 7: JavaScript Grundlagen

    Mit JavaScript verleihst du deiner Webseite Interaktivität. Hier erfährst du, wie du Modals einbaust, Inhaltsseiten stylst und coole Effekte wie Parallax mit GSAP umsetzt. Außerdem lernst du, wie du Fehler behebst und Funktionen wie das Kopieren von Links integrierst.

  • Abschnitt 8: Responsive Styling

    In diesem Abschnitt optimieren wir deine Webseite für verschiedene Bildschirmgrößen, damit sie auf allen Geräten gut aussieht. Du erfährst, wie du mobile Anpassungen vornimmst und deine Seite insgesamt perfektionierst.

  • Abschnitt 9: Webhosting einrichten

    Deine Webseite ist fast fertig – jetzt lernen wir, wie du sie online bringst. Wir zeigen dir, wie du eine Domain bestellst, Dateien hochlädst und alles mit der Domain verbindest. Zusätzlich bekommst du Tipps zur Einrichtung in der Search Console.

  • Abschnitt 10: Extra Inhalte

    In diesem Extra-Abschnitt gehen wir über das Grundlegende hinaus. Du erfährst, wie du einen Dark Mode einfügst, deinem Header eine dynamische Note mit Wellen verleihst und weitere fortgeschrittene Funktionen wie Formulare und neue Slider integrierst.


Du bekommst sofortigen Zugriff auf:

  • 13 Stunden WebCampus

  • Zugang zur Community. Austausch mit allen Kursmitgliedern

  • Support von Webentwickler Niklas

  • Lebenslanger Zugriff auf den Kurs und alle zukünftigen Updates


Udemy Zufriedenheitsgarantie
Udemy hat eine 30 Tage 100% Geld zurück Garantie. Wenn Du also doch nicht zufrieden mit dem Kauf bist, bekommst du das gesamte Geld sofort zurück!


Schreibe dich jetzt in den Kurs ein und werde innerhalb kürzester Zeit zum Webentwickler!


Wir freuen uns schon Dich in der ersten Lektion des WebCampus begrüßen zu dürfen!

Niklas & Marius

Who this course is for:

  • Anfänger, die ihre erste eigene individuelle Webseite erstellen wollen