Pelatihan front-end: membuat klon Discord, Jira, SoundCloud, Apple Stock, catur, pengisi suara dan kurs mata uang

Kami membawa ide / tugas perhatian Anda (bukan solusi) untuk belajar mandiri dan mengasah keterampilan.



gambar



Kloning SoundCloud



SoundCloud adalah platform distribusi audio dan musik online. Situs ini memungkinkan Anda untuk mengunduh lagu, suka, dan membagikannya.



gambar



Apa yang akan Anda pelajari dengan membuat klon SoundCloud:



  • Cara memuat dan menyimpan lagu dalam database.
  • Semua dasar-dasar bekerja dengan pemutar media - cara memainkan trek, mundur, jeda, dll.
  • Cara berbagi lagu dengan teman.
  • Cara menampilkan grafik yang menunjukkan durasi dan kemajuan lagu.


Klon Jira



Jira digunakan untuk pelacakan bug, pelacakan masalah, dan manajemen proyek. Nama "Jira" sebenarnya berasal dari kata Jepang "Gojira" yang berarti "Godzilla".



gambar



Apa yang akan Anda pelajari dengan membuat klon Jira:



  • Seret dan Jatuhkan API dalam HTML .
  • Pembentukan peran dan hak pengguna.
  • Menetapkan dan menetapkan ulang tugas di antara pengguna yang berbeda.
  • Menandai tugas sebagai selesai, dan pengarsipan, menghapus, dan mengedit berbagai tugas.


Klon Saham Apple



Saham Apple memudahkan untuk mengikuti saham dan pasar saham. Lihat kutipan dan dinamika harian dalam daftar yang dapat disesuaikan, dan klik pada item apa saja untuk melihat bagan interaktif dan detail kunci.



gambar



Apa yang akan Anda pelajari dengan membuat tiruan dari Saham Apple:



  • Cara mendapatkan harga saham secara tidak sinkron melalui API.
  • Cara membuat grafik harga saham.
  • Mengirim pemberitahuan harga. Jadi, misalnya, jika harga saham naik atau turun 10%, kirim peringatan.
  • Daftar saham favorit Anda yang Anda ikuti secara aktif.


Gunakan API ini untuk mendapatkan informasi tentang harga saham. Jika Anda tahu API gratis dan publik untuk pasar saham, silakan posting di komentar di bawah.



Kloning catur



Chess adalah permainan papan strategi dua pemain yang dimainkan di papan kotak-kotak dengan 64 kotak disusun dalam kotak 8x8.



gambar



Apa yang akan Anda pelajari dengan membangun klon catur:



  • Cara menampilkan kisi 8x8.
  • Setiap bagian memiliki aturan tertentu yang menentukan bagaimana ia dapat bergerak di sekitar papan catur. Oleh karena itu, perlu untuk menerapkan logika yang sangat penting untuk permainan agar permainan sesuai dengan aturan catur tradisional. Berikut aturan main catur .
  • Seret dan Jatuhkan API dalam HTML .
  • Cara melacak poin, melacak kemenangan, kerugian, dan seri. Cara menyimpan hasil dalam database PostgreSQL .


Suara lewat teks



Aplikasi text-to-speech untuk orang-orang dengan kesulitan bicara. Solusi text-to-speech membuat produk dan layanan Anda lebih menarik bagi kelompok pengguna yang berbeda.



gambar



Apa yang akan Anda pelajari dengan membangun klon pembaca teks:



  • Cara menggunakan API Pidato Web .
  • Cara membuat antarmuka pengguna yang responsif.
  • Bagaimana cara beralih di antara berbagai suara dan aksen.


Kalkulator nilai tukar mata uang



Kalkulator Kurs Mata Uang menghitung selisih antara dua atau lebih mata uang dan kursnya.



gambar



Apa yang akan Anda pelajari dengan membuat klon kalkulator mata uang:



  • Cara mendapatkan nilai tukar mata uang dari API - gunakan API ini .
  • Cara menampilkan biaya dan nilai tukar untuk kedua mata uang.
  • Cara memperbarui nilai dalam waktu nyata tergantung pada perubahan nilai mata uang.


Clone perselisihan



Discord adalah obrolan suara dan teks lengkap untuk para gamer, namun gratis, aman, dan berfungsi baik di desktop maupun smartphone. Perselisihan sangat populer untuk komunikasi di antara pengembang, gamer, dan pengguna biasa.



gambar



Apa yang akan Anda pelajari dengan membangun klon Perselisihan:



  • API Websocket . Soket web digunakan di ruang obrolan untuk komunikasi waktu nyata.
  • Pembentukan berbagai peran dan izin pengguna (misalnya, administrator, moderator konten, dan pengguna biasa).
  • Aktifkan mikrofon dan mulai komunikasi suara.
  • Membuat banyak obrolan dan menggunakan beberapa soket web.


gambar


Pelajari detail cara mendapatkan profesi yang dicari dari awal atau Tingkatkan keterampilan dan gaji dengan menyelesaikan kursus online berbayar SkillFactory:












All Articles