Üben Sie Webentwicklung Programmierprojekte

September 26, 2025 · View on GitHub

Sprachen

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

Lernen Sie Webentwicklung mit diesem umfassenden Lernpfad, der für Anfänger konzipiert wurde. Diese strukturierten Webentwicklungskurse bieten eine klare Roadmap, um sowohl Front-End- als auch Back-End-Technologien zu beherrschen, von Grundlagen wie HTML, CSS und JavaScript bis hin zu beliebten Frameworks. Durch praktische, nicht-video-basierte Module und praktische Programmierübungen erstellen Sie in einer interaktiven Umgebung reale Websites und Webanwendungen.

Übungen

IndexNameSchwierigkeitÜbung
001Erstellen Sie eine VSCode-Erweiterung mit ChatGPTAnfänger🚀 Labor Starten
002Entwickeln Sie eine Tic-Tac-Toe-WebanwendungAnfänger🚀 Labor Starten
003Erstellen eines Whack-a-Mole-WebspielsAnfänger🚀 Labor Starten
004Erstellen einer Notizen-App mit ReactAnfänger🚀 Labor Starten
005Erstellung einer modernen Web-App zum Teilen von AusgabenAnfänger🚀 Labor Starten
006Erstellen einer Web-App für eine ZeichentafelAnfänger🚀 Labor Starten
007Erstellen einer Task Timer Web-AppAnfänger🚀 Labor Starten
008Erstellen einer Swiper-Carousel-WebanwendungAnfänger🚀 Labor Starten
009Monty-Hall-Simulation-WebanwendungAnfänger🚀 Labor Starten
010Entwicklung eines Web-BlockvermeidungsspielsFortgeschritten🚀 Labor Starten
0112048 Webspiel mit jQueryAnfänger🚀 Labor Starten
012Entwicklung eines einfachen Online-Chatraums mit FlaskAnfänger🚀 Labor Starten
013Entwickeln Sie ein Sliding Puzzle-Spiel mit JavaScriptAnfänger🚀 Labor Starten
014Erstellen eines Pixel-Art-Animators mit ReactAnfänger🚀 Labor Starten
015jQuery Flip Puzzle SpielAnfänger🚀 Labor Starten
016Erstellen eines Minesweeper-Spiels mit JavaScriptAnfänger🚀 Labor Starten
017Erstellen Sie einen einfachen Markdown-Editor mit Live-VorschauAnfänger🚀 Labor Starten
018Implementieren Sie einen Lupeffekt mit CanvasAnfänger🚀 Labor Starten
019Erstellen eines Bildbeschneidungstools mit HTML5Anfänger🚀 Labor Starten
020Erstellen eines Weihnachtswunschzettel-Generators in ReactFortgeschritten🚀 Labor Starten
021Erstellen eines React Drag-and-Drop Puzzle-SpielsAnfänger🚀 Labor Starten
022Erstellen einer React GitHub Heatmap für BeiträgeFortgeschritten🚀 Labor Starten
023Deployment von MobileNet mit TensorFlow.js und FlaskAnfänger🚀 Labor Starten
024Steige nicht auf die weißen KachelnAnfänger🚀 Labor Starten
025Entwickeln Sie ein Webspiel mit KratzkartenAnfänger🚀 Labor Starten
026Erstellen Sie einen einfachen URL-Kürzer mit Flask und MySQLExperte🚀 Labor Starten
027Erstellen eines webbasierten TCP-PortscannersAnfänger🚀 Labor Starten
028Echtzeit-Satzsuche mit Vue.jsAnfänger🚀 Labor Starten
029Entwicklung der Suchfunktion in Vue.jsAnfänger🚀 Labor Starten
030Implementieren Sie eine dynamische feste Tab-LeisteAnfänger🚀 Labor Starten
031CSS Fächer-ähnlicher Hover-Animations-EffektAnfänger🚀 Labor Starten
032Das grenzenlose Meer des LernensAnfänger🚀 Labor Starten
033Eine gute Bewertung für das LiefergerichtAnfänger🚀 Labor Starten
034Webanwendung zur AdressverwaltungAnfänger🚀 Labor Starten
035Bing Dwen Dwen Stimmungs-SkalaAnfänger🚀 Labor Starten
036Aufbau eines Ampelsystems mit JavaScriptFortgeschritten🚀 Labor Starten
037Erstellen einer einfachen SuchfunktionAnfänger🚀 Labor Starten
038Implementierung von Paginierung mit AxiosAnfänger🚀 Labor Starten
039Flucht vor der Zwei-Vektor-FolieAnfänger🚀 Labor Starten
040Ein 'Rate die Münze'-Spiel erstellenAnfänger🚀 Labor Starten
041Zufälliger Grußkarten-GeneratorAnfänger🚀 Labor Starten
042KinokartenbuchungssystemAnfänger🚀 Labor Starten
043Axios-gesteuerte Zauberwort-SchatzsucheAnfänger🚀 Labor Starten
044Responsive Modal Boxes erstellenAnfänger🚀 Labor Starten
045Erstellung einer wiederverwendbaren PaginierungskomponenteAnfänger🚀 Labor Starten
046Entwerfe eine ZukunftAnfänger🚀 Labor Starten
047Web-basierter HTML-Präsentations-GeneratorAnfänger🚀 Labor Starten
048Benutzerdefinierte Formularvalidierung mit Vue.jsAnfänger🚀 Labor Starten
049Leerer pathMatch für korrekte PfadberechnungAnfänger🚀 Labor Starten
050Vue.js Warenkorb mit Drag-and-Drop-FunktionAnfänger🚀 Labor Starten
051Implementieren von Suchvorschlägen mit Vue.jsAnfänger🚀 Labor Starten
052Produktliste mit LayoutwechselAnfänger🚀 Labor Starten
053Vue.js-Buttons und WertaktualisierungAnfänger🚀 Labor Starten
054Erstellen einer dynamischen Menübaum-Suche mit Vue.jsAnfänger🚀 Labor Starten
055Beheben der cleanPath-Funktion in Vue RouterAnfänger🚀 Labor Starten
056Erstellen eines Vue.js-E-Book-ReadersAnfänger🚀 Labor Starten
057Abrufen von Objektparametern aus der AbfrageAnfänger🚀 Labor Starten
058Erstellen eines Vue.js-WarenkorbsAnfänger🚀 Labor Starten
059Erstellen eines Vue.js-Geschäftsstatus-SchaltersAnfänger🚀 Labor Starten
060Effizientes Virtuelles Scrollen mit Vue.js implementierenAnfänger🚀 Labor Starten
061Implementieren Sie ein atomares Flex-Layout mit CSSAnfänger🚀 Labor Starten
062Erstellung einer responsiven Startseite für eine NachrichtenwebsiteAnfänger🚀 Labor Starten
063Kreatives Werbetafel-Design mit HolztexturenAnfänger🚀 Labor Starten
064Tiefenschärfe in BildernAnfänger🚀 Labor Starten
065Erstellen eines Koala-Gesichts mit CSS GridAnfänger🚀 Labor Starten
066Erstellen einer Animation der Erdumlaufbahn mit CSSAnfänger🚀 Labor Starten
067Beheben von Anzeigeproblemen auf WebsitesAnfänger🚀 Labor Starten
068Responsives Würfel-Layout mit FlexboxAnfänger🚀 Labor Starten
069Responsives flexibles KartenlayoutAnfänger🚀 Labor Starten
070Flexbox Gemüselayout-DesignAnfänger🚀 Labor Starten
071Obstanordnung mit CSS FlexboxAnfänger🚀 Labor Starten
072Visuell ansprechendes ObsttellerAnfänger🚀 Labor Starten
073Geben Sie Ihrer Seite ein neues AussehenAnfänger🚀 Labor Starten
074Einfaches und schönes Design der StartseiteAnfänger🚀 Labor Starten
075KinositzplatzanordnungAnfänger🚀 Labor Starten
076Responsives Webdesign mit GulpAnfänger🚀 Labor Starten
077Responsives Webdesign für alle BildschirmeAnfänger🚀 Labor Starten
078Visuell ansprechende Visitenkarte erstellenAnfänger🚀 Labor Starten
079Westwärtsreise zum Himmlichen WestenAnfänger🚀 Labor Starten
080Datenformatierung und Visualisierung mit Vue.jsAnfänger🚀 Labor Starten
081Verschwunden wie in Luft aufgelöstAnfänger🚀 Labor Starten
082Wunschzettel-App mit Vue.jsAnfänger🚀 Labor Starten
083Responsive Navigation mit benutzerdefiniertem React HookFortgeschritten🚀 Labor Starten
084React Theme Switcher AnwendungFortgeschritten🚀 Labor Starten
085React FarbfilteranwendungFortgeschritten🚀 Labor Starten
086Implementierung von React-NavigationsfunktionenFortgeschritten🚀 Labor Starten
087Erstellen Sie eine responsive Visitenkarte mit ReactFortgeschritten🚀 Labor Starten
088Interaktive React-Komponenten erstellenAnfänger🚀 Labor Starten
089Zwischen Licht- und Dunkelmodus wechselnAnfänger🚀 Labor Starten
090Mobiltelefonnummer-VerifizierungAnfänger🚀 Labor Starten
091Korrekt Warnen bei Falscher v-Slot-NutzungAnfänger🚀 Labor Starten
092Hinzufügen einer Deprecation-Warnung zu Vue RouterAnfänger🚀 Labor Starten
093Dynamisierung der Homepage-DatenAnfänger🚀 Labor Starten
094Beheben Sie den Test in async.spec.jsAnfänger🚀 Labor Starten
095Datenvisualisierung mit Echarts und JSONAnfänger🚀 Labor Starten
096Korrekte Behandlung von Null-WertenAnfänger🚀 Labor Starten
097Lassen Sie uns zusammen ein Meeting habenAnfänger🚀 Labor Starten
098Erstellen eines Logins mit Vue.js und VuexAnfänger🚀 Labor Starten
099Die Warnung von pathMatch entfernenAnfänger🚀 Labor Starten
100Rückkehr zur Route löst zu früh ausAnfänger🚀 Labor Starten
101Änderung des Router-Query-WertsAnfänger🚀 Labor Starten
102Erstellen flexibler Skeleton-ScreensAnfänger🚀 Labor Starten
103Zeitkonvertierungs-Tool mit Vue.jsAnfänger🚀 Labor Starten
104Erstellen Sie einen Vue.js - AufgabenmanagerAnfänger🚀 Labor Starten
105Interaktive Film-Sammlung Web-AppAnfänger🚀 Labor Starten
106Erstellen von responsiven Akkordeon-SchnittstellenAnfänger🚀 Labor Starten
107Frucht-Matching-Spiel mit HTML, CSS, JavaScriptFortgeschritten🚀 Labor Starten
108Obst-Stapelspiel mit HTML, CSS, JavaScriptFortgeschritten🚀 Labor Starten
109Implementieren Sie die BenutzeranmeldefunktionAnfänger🚀 Labor Starten
110Einfache Loslotterie-AnwendungFortgeschritten🚀 Labor Starten
111Erstellung einer AbstimmungsanwendungFortgeschritten🚀 Labor Starten
112Entwicklung einer wöchentlichen WettervorhersageanwendungAnfänger🚀 Labor Starten
113Hartes Arbeiten lohnt sichAnfänger🚀 Labor Starten
114Echtzeit-Verkaufsdashboard mit EchartsFortgeschritten🚀 Labor Starten
115Erstellen interaktiver Balkendiagramme mit EChartsAnfänger🚀 Labor Starten
116Zeit mit Ihrem SmartphoneAnfänger🚀 Labor Starten
117Wettertrend-Diagramm mit Vue und EchartsAnfänger🚀 Labor Starten
118Zählung der Zugriffe nach IP-AdresseAnfänger🚀 Labor Starten
119CRUD-Operationen für Stundenpläne mit MyBatisAnfänger🚀 Labor Starten
120Konfiguration der Protokollierung und Batch-Aliasierung in MyBatisAnfänger🚀 Labor Starten
121Erweitern von Entitäten mit benutzerdefinierten EigenschaftenAnfänger🚀 Labor Starten
122Implementierung von AJAX-Anfragen mit JavaScriptAnfänger🚀 Labor Starten
123JSON-Datenübertragung mit AJAXAnfänger🚀 Labor Starten
124Projektinformationen mit Log4j2 protokollierenAnfänger🚀 Labor Starten
125Betrieb der Kurs-TabelleAnfänger🚀 Labor Starten
126Praktische Anwendung von resultMapAnfänger🚀 Labor Starten
127Benutzerberechtigungsverwaltungssystem mit JavaScriptAnfänger🚀 Labor Starten
128Callback-basierte asynchrone Funktionen in Promises umwandelnAnfänger🚀 Labor Starten
129Erstellen einer Nachrichten-API mit Node.jsAnfänger🚀 Labor Starten
130Erstellen einer RESTful-API für die Benutzerverwaltung mit Node.jsAnfänger🚀 Labor Starten
131Erstellen eines Node.js Reverse ProxysAnfänger🚀 Labor Starten

Mehr