ProHoster > Blog > Internetnachrichten > 5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Layer ist eine Community, in der jeder ein Pixel auf einem gemeinsamen „Board“ zeichnen kann. Die ursprüngliche Idee wurde auf Reddit geboren. Die r/Layer-Community ist eine Metapher für gemeinsame Kreativität, dass jeder ein Schöpfer sein und zu einer gemeinsamen Sache beitragen kann.
Was Sie lernen werden, wenn Sie Ihr eigenes Layer-Projekt erstellen:
Wie JavaScript-Canvas funktioniert In vielen Anwendungen ist es eine entscheidende Fähigkeit, zu wissen, wie man einen Canvas bedient.
So koordinieren Sie Benutzerberechtigungen. Jeder Benutzer kann alle 15 Minuten ein Pixel zeichnen, ohne sich anmelden zu müssen.
Squoosh ist eine Bildkomprimierungsanwendung mit vielen erweiterten Optionen.
GIF 20 MB
Indem Sie Ihre eigene Version von Squoosh erstellen, lernen Sie:
So arbeiten Sie mit Bildgrößen
Lernen Sie die Grundlagen der Drag'n'Drop API kennen
Verstehen Sie, wie die API und die Ereignis-Listener funktionieren
So laden und exportieren Sie Dateien
Hinweis: Der Bildkompressor ist lokal. Es ist nicht erforderlich, zusätzliche Daten an den Server zu senden. Sie können den Kompressor zu Hause haben oder ihn auf einem Server Ihrer Wahl verwenden.
Rechner
Nun ja? Ernsthaft? Taschenrechner? Ja, genau, ein Taschenrechner. Das Verständnis der Grundlagen mathematischer Operationen und ihrer Zusammenarbeit ist eine entscheidende Fähigkeit zur Vereinfachung Ihrer Anwendungen. Früher oder später müssen Sie sich mit Zahlen auseinandersetzen, und je früher, desto besser.
Indem Sie Ihren eigenen Rechner erstellen, lernen Sie:
Arbeiten Sie mit Zahlen und mathematischen Operationen
Üben Sie mit der Event-Listener-API
Wie man Elemente anordnet, Stile versteht
Crawler (Suchmaschine)
Jeder hat schon einmal eine Suchmaschine verwendet. Warum also nicht eine eigene erstellen? Für die Suche nach Informationen werden Crawler benötigt. Jeder nutzt sie jeden Tag und die Nachfrage nach dieser Technologie und diesen Spezialisten wird mit der Zeit nur wachsen.
Google-Suchmaschine
Was Sie lernen werden, wenn Sie Ihre eigene Suchmaschine erstellen:
Wie Crawler funktionieren
So indizieren Sie Websites und ordnen sie nach Bewertung und Reputation
So speichern Sie indizierte Websites in einer Datenbank und wie arbeiten Sie mit der Datenbank
Musikplayer (Spotify, Apple Music)
Jeder hört Musik – sie ist einfach ein wesentlicher Bestandteil unseres Lebens. Lassen Sie uns einen Musikplayer erstellen, um besser zu verstehen, wie die grundlegenden Mechanismen einer modernen Musik-Streaming-Plattform funktionieren.
Spotify
Was Sie lernen werden, wenn Sie Ihre eigene Musik-Streaming-Plattform erstellen:
So arbeiten Sie mit der API. Verwenden Sie die API von Spotify oder Apple Music
So können Sie den Titel abspielen, anhalten oder zum nächsten/vorherigen Titel zurückspulen
So ändern Sie die Lautstärke
So verwalten Sie die Benutzerweiterleitung und den Browserverlauf
PS
Welche Projekte würden Sie vorschlagen, selbst zu „replizieren“, um Ihre Fähigkeiten zu verbessern?