5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Ipinagpapatuloy namin ang serye ng mga proyekto para sa pagsasanay.

patong

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Ang Layer ay isang komunidad kung saan lahat ay maaaring gumuhit ng pixel sa isang nakabahaging "board". Ang orihinal na ideya ay ipinanganak sa Reddit. Ang komunidad ng r/Layer ay isang metapora para sa ibinahaging pagkamalikhain, na ang lahat ay maaaring maging isang tagalikha at mag-ambag sa isang karaniwang layunin.

Ano ang matututunan mo kapag gumagawa ng iyong sariling Layer na proyekto:

  • Paano gumagana ang JavaScript canvas Ang pag-alam kung paano magpatakbo ng canvas ay isang kritikal na kasanayan sa maraming application.
  • Paano i-coordinate ang mga pahintulot ng user. Ang bawat user ay maaaring gumuhit ng isang pixel bawat 15 minuto nang hindi kinakailangang mag-log in.
  • Gumawa ng mga session ng cookie.

Squoosh

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Ang Squoosh ay isang image compression application na may maraming advanced na opsyon.

GIF 20 MB5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Sa paggawa ng sarili mong bersyon ng Squoosh matututunan mo ang:

  • Paano magtrabaho sa mga laki ng larawan
  • Matutunan ang mga pangunahing kaalaman ng Drag'n'Drop API
  • Unawain kung paano gumagana ang API at mga tagapakinig ng kaganapan
  • Paano mag-upload at mag-export ng mga file

Tandaan: Ang image compressor ay lokal. Hindi kinakailangang magpadala ng karagdagang data sa server. Maaari kang magkaroon ng compressor sa bahay, o maaari mo itong gamitin sa isang server, na iyong pinili.

Kalkulator

Halika na? Seryoso? Calculator? Oo, eksakto, isang calculator. Ang pag-unawa sa mga pangunahing kaalaman ng mga pagpapatakbo sa matematika at kung paano gumagana ang mga ito nang magkasama ay isang kritikal na kasanayan para sa pagpapasimple ng iyong mga aplikasyon. Maaga o huli kailangan mong harapin ang mga numero at mas maaga mas mabuti.

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Sa pamamagitan ng paglikha ng iyong sariling calculator matututunan mo ang:

  • Makipagtulungan sa mga numero at pagpapatakbo sa matematika
  • Magsanay sa mga tagapakinig ng kaganapan API
  • Paano ayusin ang mga elemento, maunawaan ang mga estilo

Crawler (Search engine)

Gumamit ang lahat ng isang search engine, kaya bakit hindi lumikha ng iyong sarili? Ang mga crawler ay kailangan upang maghanap ng impormasyon. Ginagamit ng lahat ang mga ito araw-araw at ang pangangailangan para sa teknolohiyang ito at mga espesyalista ay lalago lamang sa paglipas ng panahon.

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google search engine

Ano ang matututunan mo sa pamamagitan ng paglikha ng iyong sariling search engine:

  • Paano gumagana ang mga crawler
  • Paano i-index ang mga site at kung paano i-ranggo ang mga ito ayon sa rating at reputasyon
  • Paano mag-imbak ng mga na-index na site sa isang database at kung paano magtrabaho kasama ang database

Music player (Spotify, Apple Music)

Lahat ay nakikinig sa musika - ito ay isang mahalagang bahagi lamang ng ating buhay. Gumawa tayo ng music player para mas maunawaan kung paano gumagana ang mga pangunahing mekanika ng isang modernong music streaming platform.

5 pang matapang na proyekto sa pagsasanay para sa developer (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Ano ang matututuhan mo sa pamamagitan ng paglikha ng iyong sariling music streaming platform:

  • Paano magtrabaho kasama ang API. gumamit ng API mula sa Spotify o Apple Music
  • Paano laruin, i-pause o i-rewind sa susunod/nakaraang track
  • Paano baguhin ang volume
  • Paano pamahalaan ang pagruruta ng user at kasaysayan ng browser

PS

Anong mga proyekto ang imumungkahi mong "kopyahin" nang mag-isa upang mapabuti ang iyong mga kasanayan?

Pinagmulan: www.habr.com

Magdagdag ng komento