Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Kurs Web Developer from Zero to Hero - Online-Lernen mit Zertifikat
dsa banner mobiledsa banner

Unsicher, wo
anfangen?

Track
Zertifikat

Web Developer from Zero to Hero

4.7+
812 Bewertungen
Beginner
Discover the power to create captivating websites by harnessing HTML, CSS, and JavaScript. Immerse yourself in building dynamic web applications enhanced with cutting-edge frameworks and libraries. Mehr anzeigen
HTML/CSS
JavaScript
React
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
  • Access to 85+ top-rated coursesAccess to 85+ top-rated courses
  • AI-driven LearningAI-driven Learning
  • Workspaces for practicing your skillsWorkspaces for practicing your skills
  • Personalized study tracksPersonalized study tracks
  • Certificates of completionCertificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams
What you will learn
  • Verstehen Sie die grundlegende Rolle von Tags und Attributen bei der Erstellung von Webseiten.
  • Verstehen Sie die Strukturierung von Webdokumenten durch das Lernen über Dokumentenfluss und Kopf-Elemente.
  • Entwickeln Sie die Fähigkeit, Bilder, Audio und Video einzufügen und zu verwalten, um den Umgang mit Webmedien zu verbessern.
  • Erlangen Sie Kompetenz im Erstellen und Organisieren von Formularen und meistern Sie die Verwendung von Eingabetypen und Formularelementen.
  • chapters
    241 chapters
  • hours
    28 hours
  • tasks
    237 tasks
Trusted by employees of leading companies
GoogleIntelTwitterFedExMetaNikeAmazonMicrosoftTesla
Learning track content
Module 1 / Ultimatives HTML
Erkunden Sie die inneren Abläufe des Webs. Lernen Sie, wie Daten über Netzwerke reisen, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein umfassendes Verständnis dafür, wie Webbrowser und Server kommunizieren, um Webinhalte bereitzustellen.
Der Kern der HTML-Dokumentenstruktur. Lernen Sie die Komponenten eines HTML-Dokuments kennen, einschließlich der doctype-Deklaration, des Kopfes und des Körpers. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.
Gestalten Sie eine Webseite ansprechender mit Hilfe von Medien wie Bildern, Audio und Video. Arbeiten Sie mit strukturierten tabellarischen Daten in Form von Tabellen.
Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare zu entwerfen, indem Sie wichtige Konzepte und Techniken nutzen. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.
Create visually stunning and interactive web designs by using advanced CSS techniques for adding decorative elements.
Module 3 / Fortgeschrittene CSS-Techniken
Erforschen Sie, was Lernende von diesem fortgeschrittenen HTML- und CSS-Styling-Kurs erwarten können. Was müssen Sie wissen, bevor Sie den Kurs beginnen? Welche Themen werden darin behandelt?
Positionieren und verwalten Sie Elemente auf den Webseiten. Erfahren Sie mehr über die verschiedenen Positionierungseigenschaften, entdecken Sie, wie Sie die Stapelreihenfolge verwenden, um die Sichtbarkeit von sich überlappenden Elementen zu steuern, und schließlich den Umgang mit Überlauf von Inhalten.
Erforschen Sie die Kraft von Übergängen und lernen Sie, wie Sie die Benutzererfahrung verbessern können. Entdecken Sie, wie Sie Eigenschaften sanft und allmählich beleben können, um nahtlose Zustandsübergänge zu schaffen.
Erfahren Sie mehr über die animation-Eigenschaft und wie sie verwendet werden kann, um dynamische und ansprechende Designs zu erstellen. Entdecken Sie, wie Sie komplexe Animationen mit Keyframes erstellen und die Animation steuern können.
Erkunden Sie die Transformations-Eigenschaft, die es ermöglicht, das Erscheinungsbild und die Position von Elementen auf einer Webseite zu ändern. Lernen Sie, wie man Elemente in zwei und drei Dimensionen skaliert, dreht, schräg stellt und verschiebt. Kombinieren Sie mehrere Transformationen, um komplexere Effekte zu erzeugen.
Die Prinzipien und Techniken des adaptiven/responsiven Designs zielen darauf ab, Websites und Anwendungen zugänglich und optisch ansprechend über verschiedene Geräte, Bildschirmgrößen und Ausrichtungen hinweg zu gestalten.
Erfahren Sie mehr über Präprozessoren in CSS und wie sie helfen können, effizienteren und wartungsfreundlicheren Code zu schreiben. Verstehen Sie, wie man Präprozessoren verwendet, um den Arbeitsablauf zu vereinfachen und saubereren CSS-Code zu generieren.
Module 4 / Einführung in JavaScript
Entdecken Sie die Grundlagen von JavaScript, einschließlich seines Zwecks und seiner Syntax. Lernen Sie, wie Sie mit der console für Ausgaben arbeiten und Kommentare verwenden, um Ihren Code zu organisieren und zu dokumentieren. Diese grundlegenden Fähigkeiten bereiten Sie auf eine tiefere Erkundung der Fähigkeiten von JavaScript vor.
Erkunden Sie die Bausteine von JavaScript, indem Sie zwischen Literalen und Variablen unterscheiden. Verstehen Sie die Kerndatentypen, einschließlich `null` und Arrays, und lernen Sie, wie Sie diese mit Array-Methoden manipulieren können.
Lernen Sie, wie Sie die Datentypen von JavaScript durch grundlegende Operationen manipulieren. Beherrschen Sie Zuweisungen, mathematische Operationen, Inkrementieren und Dekrementieren, Vergleiche, logische Operationen und Zeichenfolgenverkettung.
Entdecken Sie, wie Sie den Ablauf Ihrer Programme mit bedingten Anweisungen steuern können. Beherrschen Sie `if`, `else` und `else if`, um JavaScript anzuweisen, Entscheidungen zu treffen und Code basierend auf verschiedenen Bedingungen auszuführen.
Optimieren Sie Ihren Code, indem Sie die Schleifenstrukturen von JavaScript beherrschen. Erkunden Sie `while`, `do while` und `for` loops und lernen Sie, wie Sie deren Verhalten mit `break` und `continue` steuern können. Entfesseln Sie die Kraft der loops, um wiederkehrende Aufgaben effizient auszuführen.
Entdecken Sie die Kraft der Funktionen in JavaScript. Lernen Sie, wie man Funktionen definiert, mit Argumenten arbeitet und die `return`-Anweisung verwendet, um wiederverwendbaren und effizienten Code zu erstellen. Das Beherrschen von Funktionen wird Ihre Fähigkeit verbessern, saubere und modulare Programme zu schreiben.
Module 5 / React-Meisterschaft
Gewinnen Sie ein Verständnis der Kernprinzipien von React. Sie lernen JSX (JavaScript XML), den Aufbau wiederverwendbarer UI-Komponenten und das Rendern von Elementen kennen. Zusätzlich erkunden Sie die Bedeutung der Datensammlung und der bedingten Darstellung in React-Anwendungen. Am Ende dieses Abschnitts haben Sie ein solides Fundament der wesentlichen Konzepte von React, das Sie für den Erfolg in den fortgeschritteneren Themen der folgenden Abschnitte vorbereitet.
Leistungsstarke Funktionen in der modernen React-Entwicklung. Hooks revolutionieren die Art und Weise, wie wir funktionale Komponenten schreiben, indem sie eine prägnante und intuitive Möglichkeit bieten, den Zustand zu verwalten und Nebeneffekte auszuführen. Im Gegensatz dazu ermöglicht Context das Teilen von Daten durch den Komponentenbaum, ohne dass Prop Drilling erforderlich ist. Die Kombination von Hooks und Context ermöglicht ein effizientes Zustandsmanagement und eine vereinfachte Datenfreigabe in React-Anwendungen.
Schritt-für-Schritt-Anleitung, wie man ein reales React-Projekt startet. Vom Einrichten Ihrer Entwicklungsumgebung bis hin zum Verständnis der Projektorganisation und wichtiger Werkzeuge werden Sie das Wissen und das Vertrauen gewinnen, um Ihre React-Reise zu beginnen.
Module 6 / React Router
Lernen Sie die theoretischen Grundlagen von Konzepten wie URL, Domain, Protokoll, Abfrageparametern und mehr. Verstehen Sie die Bedeutung des Routings in Webanwendungen und warum wir die React Router-Bibliothek benötigen.
Erkunden Sie die Verwendung von Abfragezeichenfolgen zum Teilen und Verwalten des Anwendungszustands über URLs, arbeiten Sie mit verschiedenen Datentypen in Abfrageparametern und nutzen Sie React Router für die Navigation und Effekte basierend auf URL-Änderungen.
Requirements
  1. A computer with a browser - all browsers are supported.
  2. Your enthusiasm to enhance your tech skills.
  3. Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
Das Wichtigste ist zu lernen und nicht aufzugeben
Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....
Matteo Comune
Dank ihnen lerne ich viel…
Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...
Yuliana Cadavid
großartiger Kurs für Anfänger
großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...
Elpunzon
Ich genieße meine Codefinity-Erfahrung…
Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...
Alexandru Alexandru
Es ist schön, von Codefinity zu lernen
Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...
jacob Templet
Easy to follow along with and provides…
Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...
Elan
Codefinity ist ein umfassendes Lernwerkzeug…
Codefinity ist ein umfassendes Lernwerkzeug, das Ihnen hilft, Ihre Fähigkeiten als Software-Ingenieur oder Datenwissenschaftler zu entwickeln. Die Übungen machen Spaß und sind eine gute Möglichkeit, Ihre Fähigkeiten zu schärfen...
Thibault
Zum ersten Mal lernen, wie man programmiert
Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...
Adrien Morel
Gut gestaltet für totale Anfänger
Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....
_Gracy
es ist einfach perfekt erklärt
es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...
Ruslan Kravchuk
Das Wichtigste ist zu lernen und nicht aufzugeben
Das Material ist gut, es gibt viel zu lernen, alles um besser zu werden und das Wichtigste ist, das zu lernen, was Sie wollen....
Matteo Comune
Dank ihnen lerne ich viel…
Dank ihnen lerne ich viel schneller, weil sie Ihnen helfen, alles von Grund auf zu verstehen. Es ist die beste Website, die Menschen ohne IT-Hintergrund hilft...
Yuliana Cadavid
großartiger Kurs für Anfänger
großartiger Kurs für Anfänger, sie testen Ihr Wissen in jeder Lektion...
Elpunzon
Ich genieße meine Codefinity-Erfahrung…
Ich genieße meine Codefinity-Erfahrung beim Lernen von Python. Die selbstgesteuerte Lernweise ist großartig, weil ich sie in meinen Zeitplan integrieren kann...
Alexandru Alexandru
Es ist schön, von Codefinity zu lernen
Es ist schön, von Codefinity zu lernen. Es ist einfach und hat gute Beispiele für das, was ich hier gelernt habe...
jacob Templet
Easy to follow along with and provides…
Einfach zu folgen und bietet Herausforderungen in meinem täglichen Leben. Die Herausforderung hält mich dazu an, Tag für Tag lernen zu wollen...
Elan
Codefinity ist ein umfassendes Lernwerkzeug…
Codefinity ist ein umfassendes Lernwerkzeug, das Ihnen hilft, Ihre Fähigkeiten als Software-Ingenieur oder Datenwissenschaftler zu entwickeln. Die Übungen machen Spaß und sind eine gute Möglichkeit, Ihre Fähigkeiten zu schärfen...
Thibault
Zum ersten Mal lernen, wie man programmiert
Zum ersten Mal lernen, wie man programmiert und es erfolgreich mit Codefinity tut - danke...
Adrien Morel
Gut gestaltet für totale Anfänger
Gut gestaltet für totale Anfänger, schrittweiser Fortschritt und gibt mir Vertrauen....
_Gracy
es ist einfach perfekt erklärt
es ist einfach perfekt erklärt! bisher habe ich keine Schwierigkeiten erlebt, weil alles so gut organisiert ist...
Certificate of Completion
Data Engineer
Abschlusszertifikat
Zeigen Sie Ihre neu erworbenen Fähigkeiten. Sie haben es sich verdient.
Discover more
Learning tracks
Spur
lockNur für Ultimate
track image

Webentwicklung mit C#

laptop7 Kurse
list293 Aufgaben
Anfänger
4.8
(2313)
Spur
lockNur für Ultimate
track image

Python von Null bis Held

laptop6 Kurse
list169 Aufgaben
Anfänger
4.7
(8180)
Spur
lockNur für Ultimate
track image

SQL von Null bis Held

laptop4 Kurse
list115 Aufgaben
Anfänger
4.7
(2549)
Spur
lockNur für Ultimate
track image

C++ Grundlagen

laptop6 Kurse
list101 Aufgaben
Anfänger
4.4
(447)
Spur
lockNur für Ultimate
track image

Spielentwicklung Mit Unity

laptop4 Kurse
list143 Aufgaben
Anfänger
4.7
(67)
Spur
lockNur für Ultimate
track image

Werden Sie Ein React-Entwickler

laptop5 Kurse
list119 Aufgaben
Mittelstufe
4.6
(63)
Spur
lockNur für Ultimate
track image

Excel-Grundlagen

laptop3 Kurse
list39 Aufgaben
Anfänger
4.7
(265)
Spur
lockNur für Ultimate
track image

Data Analyst Foundation

laptop4 Kurse
list96 Aufgaben
Anfänger
4.8
(2430)
Spur
lockNur für Ultimate
track image

Java-Grundlagen

laptop7 Kurse
list377 Aufgaben
Anfänger
4.7
(181)
Spur
lockNur für Ultimate
track image

Python Über Fortgeschritten

laptop2 Kurse
pencil-with-line1 Projekt
list65 Aufgaben
Anfänger
4.7
(58)
Spur
lockNur für Ultimate
track image

Full Stack Webentwicklung

laptop7 Kurse
list330 Aufgaben
Anfänger
4.7
(826)
Spur
lockNur für Ultimate
track image

Grundlagen der Frontend-Entwicklung

laptop6 Kurse
list293 Aufgaben
Anfänger
4.7
(797)
Spur
lockNur für Ultimate
track image

Beherrschung der Datenvisualisierung

laptop5 Kurse
list146 Aufgaben
Mittelstufe
4.7
(533)
Spur
lockNur für Ultimate
track image

Überwachtes Maschinelles Lernen

laptop5 Kurse
list123 Aufgaben
Mittelstufe
4.6
(121)
Spur
lockNur für Ultimate
track image

C++ Meisterschaft

laptop3 Kurse
list71 Aufgaben
Fortgeschritten
4.8
(16)
Spur
lockNur für Ultimate
track image

Java Web

laptop6 Kurse
list239 Aufgaben
Fortgeschritten
4.7
(1133)
Spur
lockNur für Ultimate
track image

Werden Sie QA-Ingenieur

laptop5 Kurse
list223 Aufgaben
Anfänger
4.7
(692)
Spur
lockNur für Ultimate
track image

Videoproduktion mit Adobe

laptop4 Kurse
list125 Aufgaben
Anfänger
5.0
(5)
Spur
lockNur für Ultimate
track image

Ui/ux-Design-Tools

laptop3 Kurse
list119 Aufgaben
Anfänger
5.0
(4)
Spur
lockNur für Ultimate
track image

Essential Office Skills

laptop3 Kurse
list75 Aufgaben
Anfänger
4.8
(211)
Become a Development expert
  • Interactive exercisesInteractive exercises
  • Learning videosLearning videos
  • AI-assistant on all coursesAI-assistant on all courses
  • Workspaces for designing your own projectsWorkspaces for designing your own projects

Ready to get started?

ProBest intro offer
UltimateA complete experience to kickstart your career
85+ Top-Rated coursesBenefit accessBenefit access
Completion certificatesBenefit accessBenefit access
AI-Assistant in all coursesBenefit accessBenefit access
20+ hands-on Real-world projectsBenefit accessBenefit access
Personalized study tracksBenefit accessBenefit access
Unlimited workspacesBenefit accessBenefit access
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
  • Access to 85+ top-rated coursesAccess to 85+ top-rated courses
  • AI-driven LearningAI-driven Learning
  • Workspaces for practicing your skillsWorkspaces for practicing your skills
  • Personalized study tracksPersonalized study tracks
  • Certificates of completionCertificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams

Folgen Sie uns

trustpilot logo

Adresse

codefinity
We're sorry to hear that something went wrong. What happened?
some-alt