Proyek JavaScript
Panduan ini ditujukan untuk orang-orang yang ingin mengerjakan proyek untuk mendapatkan pengalaman belajar langsung tetapi karena ide. JavaScript sangat mudah diimplementasikan. Yang perlu Anda lakukan adalah memasukkan kode Anda di dokumen HTML dan memberi tahu browser bahwa itu adalah JavaScript. Ini bekerja di komputer pengguna web - bahkan ketika mereka offline dan memungkinkan Anda untuk membuat antarmuka yang sangat responsif yang meningkatkan pengalaman pengguna dan memberikan fungsionalitas yang dinamis, tanpa harus menunggu server bereaksi dan menampilkan halaman lain.
Proyek untuk pemula
- Buat papan jari kaki tic
- Membuat kalkulator berbasis web
- Buat daftar TODO dengan penyimpanan browser yang bertahan menggunakan LocalStorage API
- Membuat konverter unit (waktu, jarak, mata uang, dll)
- Generator labirin acak sebagai game online
- Buat jam digital berbasis web
- Perbarui variabel CSS dengan JS
- Buat kupu -kupu mengubah warna terbang dengan JS menggunakan Canavas API.
- Buat drum berbasis web dengan suara dan input keyboard menggunakan JS
- Membuat korsel produk
- Buat game XO.
- Buat editor piksel
- Bangun situs web sederhana menggunakan HTML, CSS dan JavaScript
- Buat stiker robot yang menyenangkan
Proyek tingkat menengah
- Buat skrip yang merupakan bidang pendaftaran yang umum digunakan menggunakan data acak
- Gunakan Yahoo! API cuaca untuk membangun widget cuaca
- Mengintegrasikan soundcloud di halaman web untuk memutar lagu sesuai dengan suasana hati pengguna
- Gunakan Starwars-API untuk menghasilkan profil semua karakter dan senjata/kendaraan mereka
- Gunakan Unsplash-API untuk membuat carousel gambar
- Gunakan Paper.js untuk membuat grafik yang luar biasa.
- Gunakan ParallaxJs untuk membuat boiler plat parallx halaman penuh
- Gunakan API Data Sepakbola untuk membangun halaman web yang akan memungkinkan Anda memadamkan semua tabel liga gratis.
- Buat switcher malam dan siang
- Buat Aplikasi Todo
- Buat Aplikasi Catatan
Proyek tingkat lanjut
- Gunakan API Lab Gen NASA untuk membangun alat untuk memvisualisasikan dan menampilkan data secara interaktif
- Gunakan API USGS untuk memvisualisasikan data warisan gempa bumi dengan berbagai filter (besarnya, tanggal, area yang terpengaruh, tempat asal)
- Gunakan API Google Map dan API Data Iklim Bank Dunia untuk membangun alat interaktif untuk memvisualisasikan data iklim historis oleh negara, wilayah, dll.
- Gunakan API Twitter bersama dengan contoh perpustakaan analisis sentimen untuk memvisualisasikan tweet oleh selebriti dan politisi dan menemukan tren.
- Bangun Game of Life
- Petakan pasar saham
- Membangun aplikasi pemungutan suara
Inspirasi
Kumpulan proyek langsung yang digunakan dengan kode.
- Javascript kain simulasi kain v2
- Generator GeneratorfireWorls Animasi Kembang api di Canvas
- Membuat Partikel Performant Animation30K Partikel di Kanvas
- Animasi acak keren berdasarkan cacing Cursordraw
- Game penembak pesawat ruang angkasa
Berkontribusi
- Mereka yang baru mengenal open source dan tidak tahu cara mengirim permintaan tarik lihat file contributing.md.
