Kami berada di Best Of Web!

IMG_2262
Untuk tahun pertamanya, perunding Js-Republic menawarkan diri mereka lawatan singkat ke Persidangan Web Terbaik. Persidangan khusus untuk teknologi web dan JavaScript ini berlangsung pada 9 dan Jumaat 10 Jun Khamis ini di Grande Crypte di Paris.
Berikut adalah beberapa ceramah yang sangat menarik perhatian kami.

CSS, Persahabatan dan Veksilologi
maxresdefault
Siri web fiksyen "Fun with flags" dalam siri The Big Bang Theory
Semuanya bermula semasa lawatan ke muzium Compagnonnage di Tour.
Tim Carry melihat demonstrasi kepakaran para sahabat, ia memberi inspirasi kepadanya dan mengingatkannya tentang arus Tukang, yang sangat disayangi oleh kami dalam pembangunan perisian.
Seperti Sheldon Cooper (rujuk Watak dari The Big Bang Theory di atas), Tim kemudiannya memulakan projek yang agak gila di sekitar vexillology:
Hasilkan semula semua bendera dunia dalam CSS (dan dengan hanya satu div sila!).

Dia menerangkan bagaimana dia perlu bersaing dalam daya cipta dan helah untuk menggunakan mekanisme CSS yang kurang dikenali untuk menghasilkan semula jalur, bintang, pepenjuru dan segi tiga lain.
Tetapi apa yang harus diingat dari pembentangan ini bukanlah hasilnya. Kerana walaupun menakjubkan, ia tidak sesuai untuk pengeluaran.
Tidak, nilai sebenar cerita ini terletak pada semua pengetahuan yang Tim peroleh dan dapat menyaring kepada kami tentang negara, bendera dan cerita mereka, serta pengetahuan mendalam tentang CSS.

Seperti yang dia katakan sendiri "perjalanan lebih penting daripada destinasi":
https://github.com/pixelastic/talk-css-flags
Mathieu BRETON, Ketua Pegawai Eksekutif @JSRepublic

Aplikasi Web Progresif

Salah satu topik utama tahun 2016 ini sudah pasti Progressive Web Apps yang menjanjikan untuk merevolusikan penggunaan dan penggunaan aplikasi mudah alih.
Malah, kadar penukaran dan pengekalan terbukti secara mendadak rendah untuk aplikasi asli, Apl Web Progresif menawarkan alternatif yang menarik.
Dianggarkan 80% pengguna memadamkan aplikasi dalam tiga hari pertama penggunaan.
image00
Begitu juga, perjalanan pengguna untuk memasang aplikasi adalah panjang dan hanya 20% pengguna akan menggunakan aplikasi anda, manakala ini adalah lebih pendek untuk apl web progresif, yang menggandakan bilangan pengguna, atau 40%.
image05
image04
 
 
 
 
Oleh itu, syarikat seperti Flipkart atau Aliexpress baru-baru ini telah melancarkan kajian kes pertama mereka disertai dengan angka yang sangat menggalakkan.
Flipkart :

  • pelawat berlalu 3 kali lebih banyak masa di tapak
  • kadar penglibatan semula telah meningkat 40%
  • kadar penukaran telah meningkat sebanyak 70%
  • penggunaan data berkurangan sebanyak 3 kali

AliExpress :

  • bilangan pengguna baharu meningkat sebanyak 104%
  • bilangan paparan halaman telah berganda
  • masa yang dihabiskan di tapak meningkat sebanyak 74%
  • penggunaan data berkurangan sebanyak 3 kali

Untuk mencapai angka sedemikian, Apl Web Progresif anda mestilah responsif, selamat dan berkuasa untuk bersaing dengan aplikasi asli.

Keselamatan

Penggunaan a pekerja perkhidmatan akan membolehkan anda memintas atau mengubah suai permintaan penyemakan imbas dan sumber secara tidak segerak dan melalui HTTPS.
Malangnya, API ini pada masa ini kurang disokong oleh penyemak imbas.

image02Cache

Aplikasi anda mesti berada di luar talian terlebih dahulu dan menggunakan cache untuk mengelakkan sindrom pembohongan yang berisiko menyebabkan ramai pengguna anda meninggalkannya.

image03prestasi

Pemuatan aplikasi anda mestilah serta-merta atau hampir melalui penggunaan penangguhan async, cache, protokol HTTP2 dan dengan mengoptimumkan CSS anda secara maksimum.

image01Pemasangan

Manifes ialah fail JSON yang membolehkan anda menerangkan aplikasi anda supaya pengguna boleh menambahkannya pada skrin utama telefon pintar mereka.
image06

Pertunangan semula

Sama seperti aplikasi asli, anda boleh menggunakan pemberitahuan tolak untuk memaklumkan pengguna anda tentang berita terkini pada platform anda.
image07

Kesimpulan

Kesimpulannya, Apl Web Progresif membolehkan anda mengelakkan terowong pemasangan yang panjang bagi pelbagai kedai aplikasi dan mendapatkan aplikasi yang berfungsi dalam mod luar talian sambil cekap seperti aplikasi asli untuk melibatkan semula pengguna anda dan meningkatkan penggunaan perkhidmatan anda .

Tambahan-Tambahan

Untuk mendalami subjek, anda boleh merujuk slaid pembentangan pasukan Sfeir di Devoxx:
http://fr.slideshare.net/SfeirGroup/devoxx-fr-2016-progressive-web-apps-par-florian-orpelire-cyril-balit
Serta bengkel mereka:
https://github.com/Sfeir/pwa-200
Dan uji Pokédex, yang ternyata menjadi Apl Web Progresif yang paling berkuasa pada masa ini:
https://www.pokedex.org
Pencipta juga berkongsi pendekatannya dalam artikel berikut:
http://www.pocketjavascript.com/blog/2015/11/23/introducing-pokedex-org
Pierrick TURELIER, JS-Republican @JSRepublic

Tiru Gameboy dalam Javascript

Bestofweb2016_williamjezequel_154
Walaupun sesetengahnya hanya memerhatikan PS4 atau Xbox ONE, yang lain tidak sabar menunggu Zelda seterusnya di Nintendo NX, yang lain nostalgia atau gila mencabar diri mereka untuk menolak had platform yang pertumbuhannya kelihatan tidak terhingga...
Sudah tentu terdapat had JavaScript dan lebih umum web yang kita bicarakan… dan lebih khusus lagi tentang emulasi Gameboy!

Jadi saya nampak awak datang, awak akan tanya saya apa itu emulator. Menurut Wikipedia:
"En IT, emulasi terdiri daripada menggantikan unsur daripada perkakasan – seperti a terminal komputer, yang komputer atau Konsol permainan - oleh a perisian"

Ringkasnya, kami melihat cara perkakasan yang kami cuba tiru berfungsi dan kami menghasilkan semula tingkah laku melalui skrip untuk mendapatkan hasil yang setara.
Anda akan berkata kepada saya "Tetapi apakah perkakasan itu?"...
Perkakasan merujuk kepada peralatan komputer, dalam kes yang menarik minat kita, iaitu Gameboy.
Terdapat 4 elemen:

  • pemproses CPU
  • ingatan MMU
  • Pemproses grafik GPU
  • dan akhirnya Pemasa, Input dan Bunyi

Pada dasarnya, masing-masing memenuhi satu atau lebih atau kurang tugas yang kompleks, yang mesti difahami dan tidak semestinya jelas, ia adalah kerja jangka panjang tetapi di sini kita semakin tersesat.
CPU, peranan utamanya adalah untuk menukar integer (cth: 0x80) ke dalam tindakan (cth: A = A + B), anda akan faham, pelaksanaan boleh dilakukan dengan cara yang berbeza, sama ada dengan keluarga suis yang baik atau fungsi tatasusunan, malah fungsi yang dijana sendiri, realiti atau fiksyen, ideanya ialah ia seperti mesin keadaan yang mudah diuji.
Fungsi MMU adalah untuk menghalakan akses memori kepada perkakasan, ia bertindak seperti pengambil/penetap JavaScript, dengan membenarkan perkakasan membaca atau menulis kepadanya.
Pelaksanaannya agak mudah kerana prestasi perlu diambil kira dan tidak semua penyelesaian adalah sama jadi keluar dari jadual fungsi, sebaliknya, kami lebih suka jika untuk menguruskan "julat" dan suis untuk menguruskan yang lain, perlu diingatkan bahawa MMU mudah diuji.
GPU, saya diberitahu dalam set kepala, adalah lebih kapas…
Misinya kerana ia menerimanya adalah untuk mengubah VideoRAM menjadi pelbagai piksel, walaupun ia adalah pemproses seperti CPU, GPU ialah mesin dengan 4 keadaan berbeza, tertakluk kepada banyak peraturan yang mengikat dan yang sering anda lakukan. perlu mengendalikan pengecualian.
Ternyata pelaksanaannya agak sukar untuk diuji atau nyahpepijat.
Berikut ialah garis besar perkara yang saya dapat kekalkan daripada pembentangan ini, yang memberikan gambaran yang baik tentang apa itu emulator dan cara ia berfungsi dalam kes Gameboy.
Meniru platform lain boleh menjadi rumit, mujurlah bagi kami ada orang yang ingin tahu yang suka berkongsi seperti yang dilakukan
Mael Nison di Best of Web 2016 semasa pembentangannya yang menunjukkan kepelbagaian aplikasi yang boleh dibuat menggunakan JavaScript, dan ia sangat menakjubkan.
Jika anda menyukai hidangan pembuka selera ini, saya menjemput anda untuk meminati pelbagai projek yang dirujuk oleh Maël.

  • Virtjs : koleksi percuma peranti input standard yang membolehkan meningkatkan enjin tertentu yang akan menggunakan antara muka jenis ini jika ia tersedia.
  • Audioj : melaksanakan peranti input tambahan untuk Virtjs.
  • Proses : memudahkan untuk memohon pemprosesan pasca.
  • archjs : une Libretro yang tujuan tunggalnya adalah untuk disusun dengan mudah melalui Emscripten, enjin Virtjs oleh itu boleh dibuat instantiated dengan cepat di mana-mana sahaja seperti kebanyakan enjin.
  • Dan akhirnya, aising pada kek, Start9.io platform yang dibina di atas Archjs, yang membolehkan anda mengarkibkan permainan anda, memainkannya dan menyimpan kemajuannya.
    Jika anda ingin melihat emulator JavaScript sedang beraksi, inilah tempatnya!

 Pierre-Arnaud LUMALE, JS-Republican @JSRepublic