Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)

Biz trening uchun loyihalar seriyasini davom ettiramiz.

qatlam

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)

www.reddit.com/r/layer

Layer - bu hamma umumiy "taxtada" piksel chizishi mumkin bo'lgan hamjamiyat. Asl g'oya Reddit-da tug'ilgan. r/Layer hamjamiyati umumiy ijodkorlikning metaforasidir, har bir kishi ijodkor bo'lishi va umumiy ishga hissa qo'shishi mumkin.

O'zingizning Layer loyihangizni yaratishda nimani o'rganasiz:

  • JavaScript kanvasi qanday ishlaydi Tuval bilan qanday ishlashni bilish ko'pgina ilovalarda muhim mahoratdir.
  • Foydalanuvchi ruxsatlarini qanday muvofiqlashtirish kerak. Har bir foydalanuvchi tizimga kirmasdan har 15 daqiqada bitta piksel chizishi mumkin.
  • Cookie seanslarini yarating.

Squoosh

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)
squoosh.app

Squoosh - bu ko'plab rivojlangan variantlarga ega tasvirni siqish ilovasi.

GIF 20 MBIshlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)

Squoosh-ning o'z versiyasini yaratish orqali siz quyidagilarni bilib olasiz:

  • Rasm o'lchamlari bilan qanday ishlash kerak
  • Drag'n'Drop API asoslarini bilib oling
  • API va voqea tinglovchilari qanday ishlashini tushuning
  • Fayllarni qanday yuklash va eksport qilish

Eslatma: Tasvir kompressori mahalliy. Serverga qo'shimcha ma'lumotlarni yuborish shart emas. Kompressorni uyda bo'lishi mumkin yoki uni serverda ishlatishingiz mumkin, o'zingizning xohishingiz bilan.

Kalkulyator

Qo'ysangchi; qani endi? Jiddiymi? Kalkulyator? Ha, aniq kalkulyator. Matematik operatsiyalarning asoslarini va ular qanday birgalikda ishlashini tushunish ilovalaringizni soddalashtirish uchun muhim mahoratdir. Ertami-kechmi siz raqamlar bilan shug'ullanishingiz kerak va qanchalik tezroq bo'lsa, shuncha yaxshi bo'ladi.

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)
jarodburchill.github.io/CalculatorReactApp

O'z kalkulyatoringizni yaratish orqali siz quyidagilarni o'rganasiz:

  • Raqamlar va matematik amallar bilan ishlash
  • Voqealar tinglovchilari API bilan mashq qiling
  • Elementlarni qanday tartibga solish, uslublarni tushunish

Crawler (qidiruv tizimi)

Har bir inson qidiruv tizimidan foydalangan, shuning uchun nima uchun o'zingizni yaratmaysiz? Ma'lumot qidirish uchun skanerlar kerak. Har bir inson ularni har kuni ishlatadi va bu texnologiya va mutaxassislarga bo'lgan talab vaqt o'tishi bilan o'sib boradi.

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)
Google qidiruvi

O'z qidiruv tizimini yaratish orqali nimani o'rganasiz:

  • Brauzerlar qanday ishlaydi
  • Saytlarni qanday indekslash va ularni reyting va obro'ga ko'ra tartiblash
  • Indekslangan saytlarni ma'lumotlar bazasida qanday saqlash va ma'lumotlar bazasi bilan ishlash

Musiqa pleyeri (Spotify, Apple Music)

Har bir inson musiqa tinglaydi - bu bizning hayotimizning ajralmas qismidir. Zamonaviy musiqiy oqim platformasining asosiy mexanikasi qanday ishlashini yaxshiroq tushunish uchun musiqa pleyerini yarataylik.

Ishlab chiquvchi uchun yana 5 ta jasoratli o'quv loyihalari (Layer, Squoosh, Kalkulyator, Veb-sayt skaneri, Musiqa pleyeri)
Spotify

O'zingizning musiqiy oqim platformangizni yaratish orqali nimani o'rganasiz:

  • API bilan qanday ishlash kerak. Spotify yoki Apple Music-dan API-dan foydalaning
  • Keyingi/oldingi trekni qanday o'ynash, to'xtatib turish yoki orqaga qaytarish
  • Ovoz balandligini qanday o'zgartirish mumkin
  • Foydalanuvchi marshrutini va brauzer tarixini qanday boshqarish kerak

PS

O'z mahoratingizni oshirish uchun qanday loyihalarni o'zingiz "takrorlashni" taklif qilasiz?

Manba: www.habr.com

a Izoh qo'shish