Web Development Practice Projects

Sprachen: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

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.

Projekte auf LabEx erkunden

Projekte

Entdecken Sie 100 anfängerfreundliche Web Development-Projekte und wenden Sie zentrale Konzepte in kleinen, vollständigen Programmen an. Jedes Projekt öffnet sich in LabEx mit einer einsatzbereiten Umgebung, damit Sie sich auf die Umsetzung konzentrieren können.

Index	Projekt	Schwierigkeit	Übung
001	HTML für Anfänger	Anfänger	Projekt starten
002	JavaScript für Anfänger	Anfänger	Projekt starten
003	CSS für Anfänger	Anfänger	Projekt starten
004	React für Anfänger	Anfänger	Projekt starten
005	Entwickeln Sie eine Tic-Tac-Toe-Webanwendung	Anfänger	Projekt starten
006	Beherrschung von Web-Sicherheitslücken	Anfänger	Projekt starten
007	Erstellen einer Notizen-App mit React	Anfänger	Projekt starten
008	Interaktive Webentwicklung-Ausforderungen	Anfänger	Projekt starten
009	Erstellen eines Whack-a-Mole-Webspiels	Anfänger	Projekt starten
010	HTTP-Enumeration und Directory Traversal	Anfänger	Projekt starten
011	Erstellen einer REST-API in Flask mit SQLite	Anfänger	Projekt starten
012	Erstellen Sie einen einfachen URL-Kürzer mit Flask und MySQL	Experte	Projekt starten
013	Erstellen eines Weihnachtswunschzettel-Generators in React	Fortgeschritten	Projekt starten
014	Erstellen einer Task Timer Web-App	Anfänger	Projekt starten
015	Erstellen eines React Drag-and-Drop Puzzle-Spiels	Anfänger	Projekt starten
016	Erstellung einer modernen Web-App zum Teilen von Ausgaben	Anfänger	Projekt starten
017	Entwicklung eines einfachen Online-Chatraums mit Flask	Anfänger	Projekt starten
018	Erstellen Sie einen einfachen Übersetzer mit der Google Translate API	Anfänger	Projekt starten
019	Erstellen eines URL-Kürzers mit Python und Flask	Anfänger	Projekt starten
020	Einfaches und schönes Design der Startseite	Anfänger	Projekt starten
021	Erstellen eines Portscanners mit Python	Anfänger	Projekt starten
022	Erstellen einer Web-App für eine Zeichentafel	Anfänger	Projekt starten
023	Erstellen einer React GitHub Heatmap für Beiträge	Fortgeschritten	Projekt starten
024	Erstellen einer Swiper-Carousel-Webanwendung	Anfänger	Projekt starten
025	Responsive Navigation mit benutzerdefiniertem React Hook	Fortgeschritten	Projekt starten
026	Erstellen einer RESTful-API für die Benutzerverwaltung mit Node.js	Anfänger	Projekt starten
027	Entwickeln Sie ein Sliding Puzzle-Spiel mit JavaScript	Anfänger	Projekt starten
028	2048 Webspiel mit jQuery	Anfänger	Projekt starten
029	Kinositzplatzanordnung	Anfänger	Projekt starten
030	React Theme Switcher Anwendung	Fortgeschritten	Projekt starten
031	Interaktive React-Komponenten erstellen	Anfänger	Projekt starten
032	Erstellen Sie eine responsive Visitenkarte mit React	Fortgeschritten	Projekt starten
033	Entwicklung eines Web-Blockvermeidungsspiels	Fortgeschritten	Projekt starten
034	Erstellen eines Pixel-Art-Animators mit React	Anfänger	Projekt starten
035	Erstellen eines Minesweeper-Spiels mit JavaScript	Anfänger	Projekt starten
036	Implementieren Sie eine dynamische feste Tab-Leiste	Anfänger	Projekt starten
037	Responsives Würfel-Layout mit Flexbox	Anfänger	Projekt starten
038	Responsives Webdesign für alle Bildschirme	Anfänger	Projekt starten
039	Zwischen Licht- und Dunkelmodus wechseln	Anfänger	Projekt starten
040	Erstellen einer Nachrichten-API mit Node.js	Anfänger	Projekt starten
041	Erstellen eines Node.js Reverse Proxys	Anfänger	Projekt starten
042	jQuery Flip Puzzle Spiel	Anfänger	Projekt starten
043	Erstellen Sie einen einfachen Markdown-Editor mit Live-Vorschau	Anfänger	Projekt starten
044	Echtzeit-Satzsuche mit Vue.js	Anfänger	Projekt starten
045	Entwicklung der Suchfunktion in Vue.js	Anfänger	Projekt starten
046	Beheben von Anzeigeproblemen auf Websites	Anfänger	Projekt starten
047	Verschwunden wie in Luft aufgelöst	Anfänger	Projekt starten
048	Implementierung von React-Navigationsfunktionen	Fortgeschritten	Projekt starten
049	Entwickeln Sie ein Webspiel mit Kratzkarten	Anfänger	Projekt starten
050	Webanwendung zur Adressverwaltung	Anfänger	Projekt starten
051	Kinokartenbuchungssystem	Anfänger	Projekt starten
052	Erstellung einer responsiven Startseite für eine Nachrichtenwebsite	Anfänger	Projekt starten
053	Kreatives Werbetafel-Design mit Holztexturen	Anfänger	Projekt starten
054	Erstellen einer Animation der Erdumlaufbahn mit CSS	Anfänger	Projekt starten
055	Flexbox Gemüselayout-Design	Anfänger	Projekt starten
056	Geben Sie Ihrer Seite ein neues Aussehen	Anfänger	Projekt starten
057	React Farbfilteranwendung	Fortgeschritten	Projekt starten
058	Frucht-Matching-Spiel mit HTML, CSS, JavaScript	Fortgeschritten	Projekt starten
059	Monty-Hall-Simulation-Webanwendung	Anfänger	Projekt starten
060	CSS Fächer-ähnlicher Hover-Animations-Effekt	Anfänger	Projekt starten
061	Eine gute Bewertung für das Liefergericht	Anfänger	Projekt starten
062	Bing Dwen Dwen Stimmungs-Skala	Anfänger	Projekt starten
063	Aufbau eines Ampelsystems mit JavaScript	Fortgeschritten	Projekt starten
064	Responsive Modal Boxes erstellen	Anfänger	Projekt starten
065	Entwerfe eine Zukunft	Anfänger	Projekt starten
066	Web-basierter HTML-Präsentations-Generator	Anfänger	Projekt starten
067	Responsives flexibles Kartenlayout	Anfänger	Projekt starten
068	Obstanordnung mit CSS Flexbox	Anfänger	Projekt starten
069	Visuell ansprechendes Obstteller	Anfänger	Projekt starten
070	Westwärtsreise zum Himmlichen Westen	Anfänger	Projekt starten
071	Mobiltelefonnummer-Verifizierung	Anfänger	Projekt starten
072	Datenvisualisierung mit Echarts und JSON	Anfänger	Projekt starten
073	Benutzerberechtigungsverwaltungssystem mit JavaScript	Anfänger	Projekt starten
074	Implementieren Sie einen Lupeffekt mit Canvas	Anfänger	Projekt starten
075	Steige nicht auf die weißen Kacheln	Anfänger	Projekt starten
076	Das grenzenlose Meer des Lernens	Anfänger	Projekt starten
077	Zufälliger Grußkarten-Generator	Anfänger	Projekt starten
078	Benutzerdefinierte Formularvalidierung mit Vue.js	Anfänger	Projekt starten
079	Leerer pathMatch für korrekte Pfadberechnung	Anfänger	Projekt starten
080	Produktliste mit Layoutwechsel	Anfänger	Projekt starten
081	Vue.js-Buttons und Wertaktualisierung	Anfänger	Projekt starten
082	Effizientes Virtuelles Scrollen mit Vue.js implementieren	Anfänger	Projekt starten
083	Implementieren Sie ein atomares Flex-Layout mit CSS	Anfänger	Projekt starten
084	Tiefenschärfe in Bildern	Anfänger	Projekt starten
085	Erstellen eines Koala-Gesichts mit CSS Grid	Anfänger	Projekt starten
086	Responsives Webdesign mit Gulp	Anfänger	Projekt starten
087	Visuell ansprechende Visitenkarte erstellen	Anfänger	Projekt starten
088	Datenformatierung und Visualisierung mit Vue.js	Anfänger	Projekt starten
089	Korrekt Warnen bei Falscher v-Slot-Nutzung	Anfänger	Projekt starten
090	Erstellen eines Logins mit Vue.js und Vuex	Anfänger	Projekt starten
091	Interaktive Film-Sammlung Web-App	Anfänger	Projekt starten
092	Zeit mit Ihrem Smartphone	Anfänger	Projekt starten
093	Wettertrend-Diagramm mit Vue und Echarts	Anfänger	Projekt starten
094	Zugriff auf den Druid-Datenbank-Verbindungspool	Anfänger	Projekt starten
095	MyBatis-Datenbank-Integrationsprojekt	Anfänger	Projekt starten
096	Callback-basierte asynchrone Funktionen in Promises umwandeln	Anfänger	Projekt starten
097	Erstellen eines Bildbeschneidungstools mit HTML5	Anfänger	Projekt starten
098	Erstellen einer einfachen Suchfunktion	Anfänger	Projekt starten
099	Implementierung von Paginierung mit Axios	Anfänger	Projekt starten
100	Flucht vor der Zwei-Vektor-Folie	Anfänger	Projekt starten

Mehr auf LabEx ansehen

About LabEx