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)

Wir setzen die Projektreihe zur Ausbildung fort.

Schicht

5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

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.
  • Erstellen Sie Cookie-Sitzungen.

Squoosh

5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh ist eine Bildkomprimierungsanwendung mit vielen erweiterten Optionen.

GIF 20 MB5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)

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.

5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

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.

5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
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.

5 weitere gewagte Trainingsprojekte für den Entwickler (Layer, Squoosh, Calculator, Website Crawler, Music Player)
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?

Source: habr.com

Kommentar hinzufügen