5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)

Kami melanjutkan rangkaian proyek untuk pelatihan.

Lapisan

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)

www.reddit.com/r/layer

Lapisan adalah komunitas tempat setiap orang dapat menggambar piksel pada “papan” bersama. Ide awalnya lahir di Reddit. Komunitas r/Layer adalah sebuah metafora untuk kreativitas bersama, bahwa setiap orang dapat menjadi pencipta dan berkontribusi pada tujuan bersama.

Apa yang akan Anda pelajari saat membuat proyek Layer Anda sendiri:

  • Cara kerja kanvas JavaScript Mengetahui cara mengoperasikan kanvas adalah keterampilan penting dalam banyak aplikasi.
  • Cara mengoordinasikan izin pengguna. Setiap pengguna dapat menggambar satu piksel setiap 15 menit tanpa harus login.
  • Buat sesi cookie.

Squoosh

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)
squoosh.app

Squoosh adalah aplikasi kompresi gambar dengan banyak opsi lanjutan.

GIF 20 MB5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)

Dengan membuat Squoosh versi Anda sendiri, Anda akan belajar:

  • Cara bekerja dengan ukuran gambar
  • Pelajari dasar-dasar API Drag'n'Drop
  • Pahami cara kerja API dan pemroses peristiwa
  • Cara mengunggah dan mengekspor file

Catatan: Kompresor gambar bersifat lokal. Tidak perlu mengirim data tambahan ke server. Anda dapat memiliki kompresor di rumah, atau Anda dapat menggunakannya di server, sesuai pilihan Anda.

Kalkulator

Ayo? Dengan serius? Kalkulator? Ya, tepatnya, kalkulator. Memahami dasar-dasar operasi matematika dan cara kerjanya merupakan keterampilan penting untuk menyederhanakan aplikasi Anda. Cepat atau lambat Anda harus berurusan dengan angka-angka dan semakin cepat semakin baik.

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)
jarodburchill.github.io/CalculatorReactApp

Dengan membuat kalkulator Anda sendiri, Anda akan belajar:

  • Bekerja dengan angka dan operasi matematika
  • Berlatih dengan API pendengar acara
  • Bagaimana mengatur elemen, memahami gaya

Perayap (Mesin pencari)

Semua orang pernah menggunakan mesin pencari, jadi mengapa tidak membuatnya sendiri? Crawler diperlukan untuk mencari informasi. Semua orang menggunakannya setiap hari dan permintaan akan teknologi serta spesialis ini akan terus meningkat seiring berjalannya waktu.

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)
Mesin pencari Google

Apa yang akan Anda pelajari dengan membuat mesin pencari Anda sendiri:

  • Cara kerja crawler
  • Cara mengindeks situs dan cara memberi peringkat berdasarkan peringkat dan reputasi
  • Cara menyimpan situs yang diindeks dalam database dan cara bekerja dengan database

Pemutar musik (Spotify, Apple Music)

Semua orang mendengarkan musik - itu hanyalah bagian integral dari kehidupan kita. Mari buat pemutar musik untuk lebih memahami cara kerja mekanisme dasar platform streaming musik modern.

5 proyek pelatihan yang lebih berani untuk pengembang (Layer, Squoosh, Kalkulator, Perayap Situs Web, Pemutar Musik)
Spotify

Apa yang akan Anda pelajari dengan membuat platform streaming musik Anda sendiri:

  • Cara bekerja dengan API. gunakan API dari Spotify atau Apple Music
  • Cara memutar, menjeda, atau memundurkan ke trek berikutnya/sebelumnya
  • Cara mengubah volume
  • Cara mengelola perutean pengguna dan riwayat browser

PS

Proyek apa yang Anda sarankan untuk “direplikasi” sendiri untuk meningkatkan keterampilan Anda?

Sumber: www.habr.com

Tambah komentar