5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Folytatjuk a képzési projektek sorát.

réteg

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

A Layer egy közösség, ahol mindenki rajzolhat egy pixelt egy közös „táblára”. Az eredeti ötlet a Redditen született. Az r/Layer közösség a megosztott kreativitás metaforája, amely szerint mindenki lehet alkotó, és hozzájárulhat egy közös ügyhöz.

Amit meg fog tanulni saját rétegprojektjének létrehozásakor:

  • Hogyan működik a JavaScript vászon A vászon kezelésének ismerete számos alkalmazásban kritikus készség.
  • A felhasználói engedélyek összehangolása. Minden felhasználó bejelentkezés nélkül rajzolhat egy pixelt 15 percenként.
  • Hozzon létre cookie-munkameneteket.

Squoosh

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

A Squoosh egy képtömörítő alkalmazás számos speciális beállítással.

GIF 20 MB5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)

A Squoosh saját verziójának elkészítésével megtanulhatja:

  • Hogyan kell dolgozni a képméretekkel
  • Ismerje meg a Drag'n'Drop API alapjait
  • Ismerje meg az API és az eseményfigyelők működését
  • Fájlok feltöltése és exportálása

Megjegyzés: A képtömörítő helyi. Nem szükséges további adatokat küldeni a szervernek. A kompresszort otthon is birtokolhatja, vagy tetszés szerint szerveren is használhatja.

számológép

Gyerünk? Komolyan? Számológép? Igen, pontosan egy számológép. A matematikai műveletek alapjainak és azok együttműködésének megértése kritikus készség az alkalmazások egyszerűsítéséhez. Előbb-utóbb meg kell küzdenie a számokkal, és minél előbb, annál jobb.

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

A saját számológép elkészítésével megtanulhatja:

  • Számokkal és matematikai műveletekkel dolgozzon
  • Gyakoroljon eseményfigyelő API-val
  • Elemek elrendezése, stílusok megértése

Robot (keresőmotor)

Mindenki használt már keresőmotort, miért ne hozná létre a sajátját? Az információk kereséséhez bejárókra van szükség. Mindenki nap mint nap használja őket, és a technológia és a szakemberek iránti kereslet idővel csak nőni fog.

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google kereső

Amit saját kereső létrehozásával tanulhat meg:

  • Hogyan működnek a bejárók
  • Webhelyek indexelése és rangsorolása értékelés és hírnév alapján
  • Hogyan lehet indexelt webhelyeket tárolni egy adatbázisban, és hogyan kell dolgozni az adatbázissal

Zenelejátszó (Spotify, Apple Music)

Mindenki hallgat zenét – az életünk szerves része. Hozzunk létre egy zenelejátszót, hogy jobban megértsük, hogyan működik egy modern zenei streaming platform alapvető mechanikája.

5 további merész képzési projekt a fejlesztő számára (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Amit megtanulhatsz saját zenei streaming platformod létrehozásával:

  • Hogyan kell dolgozni az API-val. használja a Spotify vagy az Apple Music API-ját
  • Lejátszás, szüneteltetés vagy visszatekerés a következő/előző számra
  • A hangerő megváltoztatása
  • A felhasználói útválasztás és a böngészési előzmények kezelése

PS

Milyen projekteket javasolna saját maga „megismételni” képességei fejlesztése érdekében?

Forrás: will.com

Hozzászólás