Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Біз оқытуға арналған жобалар сериясын жалғастырамыз.

қабат

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Қабат – барлығы ортақ «тақтада» пиксельді сала алатын қауымдастық. Бастапқы идея Reddit сайтында дүниеге келген. r/Layer қауымдастығы - бұл әр адам жасаушы бола алатын және ортақ іске үлес қоса алатын ортақ шығармашылықтың метафорасы.

Өзіңіздің қабат жобасын жасау кезінде сіз нені үйренесіз:

  • JavaScript кенеп қалай жұмыс істейді Кенепті қалай басқару керектігін білу көптеген қолданбаларда маңызды дағды болып табылады.
  • Пайдаланушы рұқсаттарын қалай үйлестіруге болады. Әрбір пайдаланушы жүйеге кірмей-ақ әр 15 минут сайын бір пиксельді сала алады.
  • Cookie сеанстарын жасаңыз.

Squoosh

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.app

Squoosh - көптеген кеңейтілген опциялары бар кескінді қысу қолданбасы.

GIF 20 МБӘзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Squoosh-тың жеке нұсқасын жасау арқылы сіз мыналарды үйренесіз:

  • Сурет өлшемдерімен қалай жұмыс істеуге болады
  • Drag'n'Drop API негіздерін үйреніңіз
  • API және оқиға тыңдаушылары қалай жұмыс істейтінін түсініңіз
  • Файлдарды қалай жүктеуге және экспорттауға болады

Ескертпе: Кескін компрессоры жергілікті. Серверге қосымша деректерді жіберу қажет емес. Сіз компрессорды үйде аласыз немесе оны серверде пайдалана аласыз, өз таңдауыңыз бойынша.

Калькулятор

Жарайды? Шынайы ма? Калькулятор? Иә, дәл, калькулятор. Математикалық операциялардың негіздерін және олардың қалай бірге жұмыс істейтінін түсіну қолданбаларды жеңілдету үшін маңызды дағды болып табылады. Ерте ме, кеш пе, сандармен күресуге тура келеді, соғұрлым тезірек жақсы.

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Өзіңіздің калькуляторыңызды жасау арқылы сіз мыналарды үйренесіз:

  • Сандармен және математикалық амалдармен жұмыс
  • Оқиға тыңдаушыларының API интерфейсімен жаттығу
  • Элементтерді қалай орналастыру керек, стильдерді түсіну

Crawler (іздеу жүйесі)

Барлығы іздеу жүйесін пайдаланды, сондықтан неге өз іздеу жүйесін жасамасқа? Ақпаратты іздеу үшін сканерлер қажет. Әркім оларды күнделікті пайдаланады және бұл технология мен мамандарға сұраныс уақыт өте келе өседі.

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Google іздеу жүйесі

Жеке іздеу жүйесін жасау арқылы сіз нені үйренесіз:

  • Тексерушілер қалай жұмыс істейді
  • Сайттарды қалай индекстеу керек және оларды рейтингі мен беделі бойынша қалай бағалауға болады
  • Мәліметтер базасында индекстелген сайттарды қалай сақтауға болады және мәліметтер қорымен қалай жұмыс істеу керек

Музыка ойнатқышы (Spotify, Apple Music)

Әр адам музыка тыңдайды - бұл біздің өміріміздің ажырамас бөлігі ғана. Қазіргі музыкалық ағындық платформаның негізгі механикасы қалай жұмыс істейтінін жақсырақ түсіну үшін музыка ойнатқышын жасайық.

Әзірлеушіге арналған тағы 5 батыл оқу жобасы (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Өзіңіздің музыкалық ағындық платформаңызды жасау арқылы не үйренесіз:

  • API интерфейсімен қалай жұмыс істеу керек. Spotify немесе Apple Music-тен API пайдаланыңыз
  • Келесі/алдыңғы жолды ойнату, кідірту немесе кері айналдыру
  • Дыбыс деңгейін қалай өзгертуге болады
  • Пайдаланушы маршрутын және шолғыш тарихын қалай басқаруға болады

PS

Біліктілікті арттыру үшін қандай жобаларды өз бетіңізше «қайталауды» ұсынар едіңіз?

Ақпарат көзі: www.habr.com

пікір қалдыру