🚕 🕋 🧑🏼‍🤝‍🧑🏼 Proyek JavaScript untuk pembelajaran dan pengembangan 👨🏻‍✈️ 👨‍👩‍👧‍👧 👨‍👧‍👧

Selamat siang teman!

Saya mempersembahkan kepada Anda sejumlah 22 proyek murni atau, seperti kata mereka, vanilla JavaScript (secara pribadi, saya lebih suka hanya JavaScript).

Bagi saya, ini adalah semacam subtotal dalam belajar tentang JS.

Kode ditulis pada waktu yang berbeda, sehingga terlihat berbeda dan memiliki tingkat kerumitan yang berbeda.

Sebagian besar proyek tidak dapat disebut aplikasi lengkap, tetapi masing-masing dari mereka berhasil menyelesaikan tugas.

Kode proyek ada di sini .

Formatnya adalah sebagai berikut: nama proyek, deskripsi singkatnya, kotak pasir.

Ada beberapa artikel terpisah untuk beberapa proyek. Menurut yang lain, suatu hari mereka mungkin muncul.

Jadi ayo pergi.

1. Kemajuan dan Visualisasi Audio

Aplikasi untuk memutar dan memvisualisasikan data audio menggunakan Web Audio API dan Canvas API.

2. Breakout

Game "Breakout".

3. Kalkulator

Kalkulator. Perpustakaan bekas Math.js. V. 2.0.

4. Konverter mata uang

Konverter mata uang. API khusus digunakan.

5. Formulir Validator

Validasi formulir.

6. Hangman

Game "Hangman."

7. Galeri Gambar dan Pembuat Slider

Generator galeri gambar fleksibel dengan bilah geser internal.

8. Pencarian Lirik

Cari lirik (lirik). API khusus digunakan.

9. Pencarian Makanan

Cari hidangan dengan metode dan bahan masakan. API khusus digunakan.

10. Aplikasi Meditasi

Aplikasi untuk meditasi. Bekerja dengan audio dan video.

11. Kartu Memori

Kartu untuk diingat. Slider interaktif.

12. Aplikasi Catatan

Aplikasi untuk catatan (tugas) dengan kemampuan untuk mengatur tanggal pengingat. Untuk menyimpan data di sisi klien, IndexedDB digunakan.

13. Angka Tebak

Tebak permainan angka. Digunakan oleh Web Speech API.

14. Ping Pong

Permainan "Ping Pong."

15. Gunting Kertas Batu

Permainan "Batu, gunting, kertas."

16. Kecepatan Mengetik

Simulator pengetikan cepat.

17. Tetris

Permainan "Tetris."

18. Pembaca Teks

Aplikasi untuk membaca teks. Digunakan oleh Web Speech API. Bandingkan suara dari Microsoft dan Google.

19. Tic Tac Toe

Permainan "Tic Tac Toe." Algoritma khusus digunakan. Cobalah untuk mengalahkan mobil.

20. Carousel Seperti Tinder

Slider yang rumit namun menarik. Perpustakaan Hammer.js digunakan.

21. Keyboard Virtual

Keyboard virtual.

22. Aplikasi Cuaca

Aplikasi untuk menampilkan cuaca. API dan proxy khusus digunakan.

Repositori akan diperbarui secara berkala, jadi tetap ikuti perkembangannya.

Terima kasih atas waktu Anda. Saya harap itu dihabiskan dengan baik.

Proyek JavaScript untuk pembelajaran dan pengembangan