JavaScript -Projekte
Dieser Leitfaden ist für Menschen gedacht, die an Projekten arbeiten möchten, um praktische Lernerfahrungen zu sammeln, aber außerhalb der Ideen. JavaScript ist sehr einfach zu implementieren. Alles, was Sie tun müssen, ist, Ihren Code in das HTML -Dokument zu setzen und dem Browser mitzuteilen, dass es sich um JavaScript handelt. Es funktioniert auf den Computern der Webbenutzer - auch wenn sie offline sind und Sie hoch reaktionsschnelle Schnittstellen erstellen, die die Benutzererfahrung verbessern und dynamische Funktionen liefern, ohne darauf zu warten, dass der Server reagiert und eine andere Seite anzeigen.
Projekte für Anfänger
- Machen Sie ein Tic Tac Toe Board
- Erstellen Sie einen webbasierten Taschenrechner
- Erstellen Sie eine Todo -Liste mit persistierenden Browserspeicher mithilfe der LocalStorage -API
- Machen Sie einen Einheitswandler (Zeit, Entfernung, Währung usw.)
- Zufälliger Maze -Generator als Online -Spiel
- Machen Sie eine webbasierte digitale Uhr
- Aktualisieren Sie CSS -Variablen mit JS
- Machen Sie mit der Canavas -API einen fliegenden Farbwechsel mit JS.
- Machen Sie eine webbasierte Trommel mit Geräuschen und Tastatureingaben mit JS
- Machen Sie ein Produkt Karussell
- Machen Sie XO -Spiel.
- Erstellen Sie einen Pixel -Editor
- Erstellen Sie eine einfache Website mit HTML, CSS und JavaScript
- Erstellen Sie lustige Roboteraufkleber
Projekte mit mittlerer Ebene
- Erstellen Sie ein Skript, das gemeinsame Anmeldungsfelder mit zufälligen Daten automatisiert
- Verwenden Sie Yahoo! Wetter -API zum Bau eines Wetterswidgets
- Integrieren Sie SoundCloud auf einer Webseite, um einen Song gemäß der Stimmung des Benutzers zu spielen
- Verwenden Sie Starwars-API, um ein Profil aller Charaktere und ihrer Waffen/Fahrzeuge zu generieren
- Verwenden Sie Unsplash-API, um ein Bildkarousel zu erstellen
- Verwenden Sie Paper.js, um erstaunliche Grafiken zu erstellen.
- Verwenden Sie Parallaxejs, um die vollständige Seite parallaxe Kesselplatten zu erstellen
- Verwenden Sie die Fußballdaten -API, um eine Webseite zu erstellen, auf der Sie alle Tabellen mit kostenlosen Ligen einziehen können.
- Erstellen Sie einen Nacht- und Tagesschalter
- Erstellen Sie eine Todo -App
- Erstellen Sie eine Notizen -App
Projekte für fortgeschrittene Ebene
- Verwenden Sie die Gen -Labor -API der NASA, um ein Tool zu erstellen, um Daten interaktiv zu visualisieren und anzuzeigen
- Verwenden Sie die API von USGS, um Legacy -Daten von Erdbeben mit verschiedenen Filtern zu visualisieren (Größe, Datum, betroffene Bereiche, Herkunftsort)
- Verwenden Sie die API von Google Map API und die API der Weltbank, um ein interaktives Tool zur Visualisierung historischer Klimadaten nach Ländern, Regionen usw. zu erstellen.
- Verwenden Sie die API von Twitter zusammen mit einem Beispiel für die Bibliothek für die Stimmungsanalyse, um Tweets durch Prominente und Politiker zu visualisieren und Trends zu finden.
- Bauen Sie das Spiel des Lebens auf
- Den Aktienmarkt aufstellen
- Bauen Sie eine Abstimmungs -App auf
Inspiration
Eine Sammlung von Live -Projekten mit Code.
- JavaScript -Stoff simuliertem Tuch V2
- Fireworks Animation GeneratorfireWorks in Leinwand
- Erstellen von Performantenpartikeln Animation 30k Partikel in Leinwand
- Coole zufällige Animation basierend auf CursOrdraw Wurm
- Raumschiff -Shooter -Spiel
Beitragen
- Diejenigen, die neu in Open Source sind und nicht wissen, wie man Pull -Anfrage sendet
