Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Continuiamo la serie di progetti per la formazione.

Strato

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer è una community in cui tutti possono disegnare un pixel su una “tavola” condivisa. L'idea originale è nata su Reddit. La community r/Layer è una metafora della creatività condivisa, del fatto che tutti possono essere creatori e contribuire a una causa comune.

Cosa imparerai creando il tuo progetto Layer:

  • Come funziona il canvas JavaScript Sapere come utilizzare un canvas è un'abilità fondamentale in molte applicazioni.
  • Come coordinare le autorizzazioni degli utenti. Ogni utente può disegnare un pixel ogni 15 minuti senza dover effettuare il login.
  • Crea sessioni di cookie.

Squoosh

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh è un'applicazione di compressione delle immagini con molte opzioni avanzate.

GIF 20MBAltri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Creando la tua versione di Squoosh imparerai:

  • Come lavorare con le dimensioni delle immagini
  • Impara le nozioni di base dell'API Drag'n'Drop
  • Comprendi come funzionano l'API e gli ascoltatori di eventi
  • Come caricare ed esportare file

Nota: Il compressore delle immagini è locale. Non è necessario inviare dati aggiuntivi al server. Puoi avere il compressore a casa oppure usarlo su un server, a tua scelta.

Calcolatrice

Dai? Sul serio? Calcolatrice? Sì, esatto, una calcolatrice. Comprendere le basi delle operazioni matematiche e il modo in cui interagiscono è un'abilità fondamentale per semplificare le tue applicazioni. Prima o poi dovrai fare i conti con i numeri e prima è, meglio è.

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Creando la tua calcolatrice imparerai:

  • Lavora con numeri e operazioni matematiche
  • Esercitati con l'API dei listener di eventi
  • Come disporre gli elementi, comprendere gli stili

Crawler (motore di ricerca)

Tutti hanno utilizzato un motore di ricerca, quindi perché non crearne uno tuo? I crawler sono necessari per cercare informazioni. Tutti li usano ogni giorno e la richiesta di questa tecnologia e di specialisti non potrà che crescere nel tempo.

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Motore di ricerca Google

Cosa imparerai creando il tuo motore di ricerca:

  • Come funzionano i crawler
  • Come indicizzare i siti e come classificarli in base al rating e alla reputazione
  • Come archiviare i siti indicizzati in un database e come lavorare con il database

Lettore musicale (Spotify, Apple Music)

Tutti ascoltano la musica: è semplicemente parte integrante della nostra vita. Creiamo un lettore musicale per comprendere meglio come funzionano i meccanismi di base di una moderna piattaforma di streaming musicale.

Altri 5 progetti formativi audaci per lo sviluppatore (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Cosa imparerai creando la tua piattaforma di streaming musicale:

  • Come lavorare con l'API. utilizzare l'API di Spotify o Apple Music
  • Come riprodurre, mettere in pausa o riavvolgere alla traccia successiva/precedente
  • Come modificare il volume
  • Come gestire il routing degli utenti e la cronologia del browser

PS

Quali progetti suggeriresti di “replicare” da solo per migliorare le tue capacità?

Fonte: habr.com

Aggiungi un commento