Halaman ini diterjemahkan oleh Cloud Translation API.

Misi untuk menyelamatkan alam semesta dengan JavaScript

Dalam Episode minggu ini

Pekerja layanan menekan Firefox Nightly, tips DevTools harian di kotak masuk Anda, melakukan debug IE di Chrome, menggunakan Flexbox untuk RWD, menyelamatkan alam semesta dengan 1k JavaScript, dan generator sedang digunakan untuk IE dan Spartan.

DEVTOOLS HARIAN

Percepat alur kerja Anda dengan tips bermanfaat ini yang dikirimkan ke kotak masuk Anda setiap hari. Umar Hansa mendemonstrasikan satu tips DevTools sehari dalam format GIF animasi. Contohnya termasuk melompat ke nomor baris di panel sumber dan memutar ulang permintaan jaringan di cURL.

https://www.google.com/url?q=https%3A%2F%2Fumaar.com%2Fdev-tips%2F&sa=D&sntz=1&usg=AFQjCNGgWKnyERWpWflwl-7sk6qV4gngmg

DEBUG IE DI CHROME

Bagaimana jika Anda dapat melakukan debug pada Internet Explorer di Chrome? Baru-baru ini dijadikan open source oleh tim IE, Adaptor Diagnostik IE adalah jembatan yang memungkinkan Internet Explorer untuk berbicara dengan protokol proses debug jarak jauh Chrome. Meskipun project ini masih berupa eksperimen, Anda sudah dapat melakukan proses debug skrip dasar dan tim berencana untuk memindahkannya ke Spartan dalam waktu dekat.

http://blogs.msdn.com/b/ie/archive/2015/04/02/introducing-the-ie-diagnostics-adapter-for-third-party-developer-tools.aspx

PEKERJA LAYANAN

Membangun pengalaman offline bisa jadi semakin mudah karena pekerja layanan mulai menggunakan Firefox Nightly. Berdasarkan spesifikasi W3C, pekerja layanan memberi developer kontrol yang lebih besar atas halaman, yang memungkinkan mereka mengubah rute permintaan jaringan, menyajikan resource dari cache, dan bahkan mengirim notifikasi push. Pekerja layanan sudah dikirim dalam Chrome, dan tim di Firefox memperkirakan mereka mungkin akan mendapatkan versi 41.

https://blog.wanderview.com/blog/2015/03/24/service-workers-in-firefox-nightly

http://www.w3.org/TR/service-workers/

https://jakearchibald.com/2014/offline-cookbook/

FLEXBOX UNTUK RWD

Sempurnakan situs Anda dengan flexbox untuk meningkatkan tata letak responsif Anda. Developer Zoe Gillenwater menjelaskan bagaimana flexbox dapat digunakan sebagai peningkatan progresif di atas situs yang harus mendukung browser lama. {i>Slide<i} yang komprehensif juga dapat digunakan sebagai {i>cheat sheet<i} untuk membantu Anda mengingat segudang properti flexbox.

https://vimeo.com/124796320

http://www.slideshare.net/zomigi/enhancing-responsiveness-with-flexbox-smashing-conference

PERSAINGAN JS1K

Berapa banyak alien yang bisa kamu ledakkan hanya dengan 1.000 JavaScript? “Defender” karya Keith Clark adalah pemenang kompetisi JS1K tahun ini. Kontestan ditugaskan untuk menciptakan pengalaman yang menarik dengan hanya menggunakan 1024 byte JS. Runner-up tahun ini adalah wahana Mystery Monorail dan rollercoaster yang mustahil.

http://js1k.com/2015-hypetrain/demo/2306

http://js1k.com/2015-hypetrain/demo/2322

http://js1k.com/2015-hypetrain/demo/2364

GENERATOR DI IE/SPARTAN

Callback mungkin sudah ketinggalan zaman karena tim IE telah mengumumkan bahwa generator sedang dalam pengembangan. Bagian dari ES6, generator adalah fungsi khusus yang dapat dijeda dan dilanjutkan di lain waktu, memungkinkan Anda menulis kode asinkron secara sinkron. Generator sudah dikirimkan di Chrome dan Firefox, dan saat ini dikembangkan di Safari.

https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6263797-generators

https://www.youtube.com/watch?v=rT-1ZxhjzBw

https://www.chromestatus.com/features/4959347197083648