magic web
1.0.0
Magic Web adalah aplikasi web yang membantu Anda menemukan semua hal menakjubkan yang dapat dilakukan browser Anda. Ini fitur serangkaian demo kecil yang menampilkan API web standar yang berbeda, baik sekarang maupun di masa depan. Idenya adalah bahwa orang, terutama pengembang, dapat mencoba sekelompok API web ini di satu tempat untuk mengetahui apa yang mungkin, dan bahkan melihat kode dalam repositori ini untuk melihat bagaimana mereka dapat menggunakannya.
Aplikasi web dibangun dengan bereaksi. Gaya ditulis dalam CSS biasa dan secara otomatis diawali dengan autoprefixer. Babel digunakan untuk transpiling dan webpack untuk bundling modul. Create React App digunakan untuk mengurus semua alat ini. Semua perutean ditangani sisi klien dengan reaksi router dan kode pekerja layanan untuk dukungan offline secara otomatis dihasilkan dengan SW-precache. Situs ini di-host di halaman GitHub dan digunakan dengan utilitas baris perintah GH-halaman melalui skrip NPM sederhana.
Sejumlah API Web dipamerkan dan karenanya digunakan dalam aplikasi, dari yang mapan hingga yang mutakhir, seperti geolokasi, perangkat media, pemberitahuan, pidato web, bluetooth web, permintaan pembayaran, dan lainnya. Setiap demo dalam aplikasi mencantumkan semua API web yang terlibat di bawah judulnya. Semua kode yang terkait langsung dengan API web diisolasi dalam berbagai modul di dalam folder helpers , sehingga Anda perlu tidak tahu apa -apa selain JavaScript biasa untuk melihatnya.
Proyek ini dimulai sebagai konsekuensi dari saya mengajukan proposal pembicaraan ke Front Fest 2017. Saya baru -baru ini menonton pembicaraan ini di web Bluetooth dari Chrome Dev Summit 2015 dan telah terpesona olehnya. Saya juga baru-baru ini membaca tentang API Permintaan Pembayaran, jadi saya pikir ide yang bagus untuk ceramah adalah menampilkan beberapa kemampuan baru yang kurang dikenal dari platform Web ini. Proposal saya diterima dan saat itulah saya berpikir bahwa saya akan jauh lebih menarik dan berdampak untuk mengubah pembicaraan saya menjadi demo langsung dalam bentuk aplikasi web yang nantinya dapat diteliti oleh para penonton.
Desain aplikasi web mencoba mengikuti pedoman desain material. Ikon yang digunakan di seluruh aplikasi sebenarnya adalah bagian dari set ikon material dan roboto digunakan sebagai satu -satunya jenis huruf. Nama dan warna utama aplikasi web terinspirasi oleh GIF ini, yang merupakan gambar yang terlintas dalam pikiran ketika saya pertama kali belajar tentang beberapa API web terbaru.
Repositori Buat React PWA sangat membantu untuk mengubah aplikasi React yang dibangun dengan aplikasi Create React menjadi aplikasi web progresif. Juga sangat membantu adalah aplikasi satu halaman untuk halaman GitHub, untuk membuat perutean sisi klien dengan reaksi router bekerja dengan halaman github.
Kode sumber aplikasi web dirilis di bawah lisensi MIT. Teks lengkap lisensi tersedia dalam file lisensi. Jika Anda menemukan kesalahan atau memiliki saran untuk proyek ini, buka masalah dan saya akan melakukan yang terbaik untuk membantu.
