Hai Habru! Kami telah memposting video laporan HolyJS 2018 Piter di YouTube, dan untuk Anda, kami telah membuat (tidak cukup) pilihan tradisional yang terbaik dari mereka, menurut pengunjung konferensi.
Seperti biasa, ada laporan "junior" di bagian atas, dengan peringkat tertinggi di bagian akhir. Tentu saja, ini tidak berarti bahwa satu laporan jauh lebih buruk daripada yang lain: perkiraan seluruh koleksi dalam kisaran 4,28 hingga 4,56. Jika Anda melihat jumlah ulasan, atau mengubah metodologi penghitungan, tempat dapat dengan mudah berubah. Secara umum, lihat semuanya!
Di bawah potongan - dan video dari laporan terbaik, dan tautan ke presentasi mereka, dan deskripsi singkat, dan tautan ke daftar putar lengkap.
Pendekatan sistematis front-end untuk kecepatan: pengukuran online
Pembicara:
Andrey ProkopyukLokasi: 11
Peringkat: 4,28 ± 0,08
Presentasi laporanKejutan! Hari ini kami belum 10, tetapi 11 laporan, dan ada beberapa alasan untuk ini.
Pertama, antara tempat ke-11 dan ke-10 perbedaannya hanya empat per satu poin. Kedua, awalnya orang-orang dari "kelompok kecepatan Yandex" berencana membuat laporan pasangan, dan kemudian berpisah: Andrey (
Andre_487 ) berbicara tentang online, dan Alex tentang pengukuran offline. Jadi demi kelengkapan, keduanya termasuk di bagian atas: Anda dapat menganggap mereka dua bagian dari satu keseluruhan.
Ini adalah laporan yang bagus untuk memulai seleksi kami - ini sederhana, dinamis, tetapi pada saat yang sama bermanfaat. Ini akan membantu Anda menghasilkan metrik dan memahami kecepatan produk dengan melakukan beberapa hal secara harfiah di atas lutut dan tanpa analisis yang tidak perlu.
Seperti yang dikatakan oleh salah satu pengunjung konferensi: "CI pada steroid oleh orang-orang ini!".
Membawa web seluler kembali hidup
Pembicara:
Imad ElyafiLokasi: 10
Peringkat: 4,28 ± 0,12
Presentasi laporanLaporan Imad Pinterest tentang cara menulis ulang versi web seluler dari proyek besar seperti Pinterest dalam 11 minggu (berhasil!), Dengan peningkatan metrik keterlibatan pengguna. Hasil - hasilnya dekat dengan aplikasi asli tanpa kehilangan kecepatan muat.
Tentu saja, jalan itu sulit dan sulit - Imad memberi tahu melalui contoh di mana mereka harus berurusan dengan masalah dan bagaimana mereka berhasil menyelesaikannya. Dia akan menjelaskan mengapa tim memilih versi seluler, tentang bekerja di halaman awal dan bagaimana situs dioptimalkan untuk koneksi 3G tanpa kehilangan sinkronisasi.
Debugging JS menggunakan Chrome DevTools sebagai contoh
Pembicara:
Alexey KozyatinskyLokasi: 9
Peringkat: 4,28 ± 0,08
Presentasi laporanTopik utama dari laporan ini adalah apa yang ada di dalam aplikasi web debugger. Alexey bekerja "di sisi lain dari barikade" - di tim Chrome DevTools, membuat dan meningkatkan alat debugging JavaScript di sana. Pembicaraan akan tentang hal itu: apa yang dapat dilakukan browser secara otomatis ketika debugging, alat apa yang merupakan teman dari pengembang, cara bekerja dengan tumpukan asinkron dan profil memori.
Dan dalam laporan tersebut, Alexey menjawab pertanyaan mengapa breakpoints dalam file dengan sourcemap bekerja hanya setelah memuat ulang halaman dan kontras pengambilan sampel dan instrumentasi, menyoroti kekuatan dan kelemahan masing-masing.
Laporan ini singkat namun terperinci: berisi banyak alat parsing, banyak kode, dan janji untuk memperbaiki bug :)
Pendekatan sistematis untuk kecepatan front-end: pengukuran offline
Pembicara:
Alexey KalmakovLokasi: 8
Peringkat: 4,29 ± 0,08
Presentasi laporanBagian kedua dari laporan tentang pendekatan pengukuran dari orang-orang dari Yandex. Sekarang tentang pengukuran offline: pendekatan yang sama sekali berbeda, dan informasi yang sama sekali berbeda. Yang terbaik adalah menonton kedua bagian untuk memahami apa yang terjadi dan bagaimana menerapkan pengetahuan di luar alat internal Yandex.
Alexey mengungkapkan pro dan kontra dari pendekatan rekannya, dan berbicara tentang kisah sedih dari satu rilis, tentang alat Pulse, yang membantu untuk mengumpulkan data dan pertanyaan dan mengidentifikasi masalah utama pengumpulan data offline. Laporan mudah, lucu dan bermanfaat.
Keynote: 30: JavaScript Terlalu Banyak
Pembicara:
Ilya KlimovLokasi: 7
Peringkat: 4,30 ± 0,08
Presentasi laporanKeynote motivasi terakhir ternyata sangat "mudah", hidup, dan cukup lucu. Minimal, ada baiknya mencari bagian tentang kategorisasi pelatihan. Ilya membuat jadwal yang luas tentang pentingnya dan relevansi pengetahuan, yang sangat disukai pendengar kami.
Laporan ini adalah jawaban untuk tiga pertanyaan yang diajukan oleh Ilya setiap minggu beberapa kali oleh murid-muridnya:
- Bagaimana cara mempelajari apa yang Anda butuhkan, bukan hype?
- Bagaimana cara menyusun informasi untuk pengembangan tercepat?
- Kemana harus lari?
Keynote: Teknologi Berkedip, atau Rekayasa Abad 21
Pembicara:
Maxim YuzvaLokasi: 6
Peringkat: 4,41 ± 0,07
Presentasi laporanJika kode tidak membantah, tidak mengajukan pertanyaan yang tidak perlu (yah, hampir), dan Anda tidak perlu bernegosiasi dengannya, maka dengan orang-orang semuanya jauh lebih rumit - setiap orang memiliki kebiasaan, kebutuhan, dan sebagainya. Tentang ini - laporan gaya Maxim TED, yang menyimpulkan hari pertama.
Maxim mem-parsing bagian dari pekerjaan yang berada di luar holivar tentang kerangka kerja, paradigma dan di luar keributan front-end abadi. Sebagai contoh, siswa mencatat tips berguna tentang cara memilih teknologi, mengajukan pertanyaan dengan benar dan berinteraksi dalam tim.
Maxim mengajarkan menjual refactoring pada sebuah proyek, meyakinkan kolega untuk menerapkan Linter dan berhenti mengkhawatirkan apa yang harus ditulis, Angular, React, atau Vue.
Laporan ini akan menjawab pertanyaan: "Bisakah Elon Musk meluncurkan dan mendaratkan roket jika dia tahu JavaScript, React, atau Angular terbaik di dunia?" Spoiler: "Ya. Tapi mengetahui js bukan intinya di sini. Bagaimanapun, Anda perlu mengunduh softskill, dapat berkomunikasi dalam tim, membuktikan sudut pandang Anda, dan banyak lagi. Anda dapat menulis kode dengan sempurna, tetapi kehilangan diskusi dengan seseorang yang memiliki bahasa hang yang bagus. Dan ini harus diingat.
Dekomposisi utas utama di Node.js untuk meningkatkan throughput
Pembicara:
Nikolay MatvienkoLokasi: 5
Peringkat: 4,42 ± 0,09
Presentasi laporanSetiap perusahaan menggunakan Node.js dengan caranya sendiri: mulai dari gaya bangunan, SSR dan templating hingga layanan microser dan berkomunikasi dengan basis data. Tetapi semua memiliki satu kesamaan - sebuah Main Thread dimuat. Nikolay, menggunakan Node.js sebagai contoh dalam proyek-proyek e-commerce perusahaan besar, memberi tahu cara meringankan Main Thread secara efisien dan bertahap untuk meningkatkan throughput.
Ada banyak alat untuk ini - mengambil logging ke aliran terpisah, mengumpulkan metrik dalam proses terpisah, meluncurkan pekerja untuk bekerja dengan tugas-tugas yang paling intensif sumber daya.
Tes, angka perbandingan spesifik, grafik - Nikolai mem-parsing setiap alat secara terperinci dan bijak. Harkorny, tetapi laporan yang sangat berguna, yang tidak direkomendasikan untuk dilewatkan.
Bekerja dengan pohon sintaksis JavaScript abstrak
Pembicara:
Kirill CherkashinLokasi: 4
Peringkat: 4,44 ± 0,07
Presentasi laporanKirill, yang lahir di Moskwa, sekarang tinggal di New York dan bekerja di Google untuk Firebase, dan juga
mengatur mitigasi Angular terbesar di dunia. Dia berbicara tentang contoh sederhana dan "menyakitkan" tentang bagaimana menganalisis kode Anda dengan benar dan mengubah orang lain.
Mengapa Anda perlu mengurai kode Anda? Misalnya, untuk menemukan console.log yang terlupakan sebelum melakukan. Tetapi bagaimana jika Anda perlu mengubah fungsi tanda tangan dalam ratusan entri dalam kode? Akankah ekspresi reguler mengatasi di sini?
Semua pertanyaan ini dijawab oleh Cyril dalam laporannya yang sederhana namun sangat bermanfaat. Dia mengeksplorasi pendekatan untuk mem-parsing dan mengubah kode sumber JavaScript berdasarkan parsing dan bekerja dengan Pohon Sintaksis Abstrak yang dihasilkan. Contohnya adalah Babel dan ESLint.
EME? Cdm? DRM? CENC? IDK!
Pembicara:
Sebastian GolaschLokasi: 3
Peringkat: 4,46 ± 0,17
Presentasi laporanBicara tiga kata - Netflix reverse engineering!
Laporan yang sangat menarik yang mengungkapkan detail teknis di balik sejumlah singkatan menakutkan dari tumpukan DRM: EME (Ekstensi Media Terenkripsi), CDM (Modul Dekripsi Konten), Widevine, dan DRM (Manajemen Hak Digital).
Dalam satu laporan, Sebastian akan membahas poin utama terkait dengan perlindungan video online: streaming, pengunduhan, anti-pembajakan, perizinan, dan banyak lainnya. Dia akan memberi tahu Anda cara membuat pemutar video Anda sendiri untuk Netflix dan mempelajari arsitektur layanan ini.
Laporan yang penuh dengan rincian teknis, yang mungkin tidak cocok untuk semua orang, tetapi akan memperkenalkan dasar-dasar bekerja dengan DRM atau menyarankan sesuatu yang berguna bagi mereka yang dihadapkan dengan pekerjaan layanan streaming setiap hari.
Trik kecil kotor dari sudut gelap eCommerce
Pembicara:
Vitaliy FridmanTempat: 2
Peringkat: 4,51 ± 0,11
Presentasi laporanVitaliy adalah orang yang berbicara hanya tentang yang penting. Misalnya, tentang apa yang salah dalam proyek eCommerce.
Ya, masalah dapat muncul secara harfiah di mana-mana: dari memilih produk dan menambahkannya ke keranjang ke surat dengan konfirmasi dan, pada kenyataannya, pengiriman barang. Setiap langkah harus diverifikasi dengan cermat untuk kemungkinan kesalahan dan kesalahpahaman.
Dalam laporan tersebut, Vitaliy menunjukkan sejumlah besar contoh bagaimana kinerja eCommerce buruk (untuk konversi atau dalam kaitannya dengan pengguna), dengan contoh nyata dan humor perusahaan.
Dalam laporan ini, Vitaliy akan mempertimbangkan bagaimana Anda dapat meningkatkan konversi, serta hanya meningkatkan pengalaman pengguna Anda dengan beberapa hal kecil. Seperti biasa - laporan Vitaly itu indah, sederhana (terlepas dari bahasa Inggris), dan sangat berguna untuk perancang dan pengembang UX.
Banyak ulasan positif dari pengunjung mengatakan satu hal - setiap pendengar dan pemirsa akan menemukan sesuatu yang berguna untuk pekerjaan dalam laporan Vitaly.
Keynote: Petualangan baru di frontend, Musim 2
Pembicara:
Vitaliy FridmanLokasi: 1
Peringkat: 4,56 ± 0,05
Presentasi laporan"Tapi dia tidak menebak, itu berdengung di kedua telinga!" Secara umum, jika karena gambar pembuka pos Anda mencoba menebak tempat Vitaliy Fridman, Anda hampir tidak menduga bahwa ia berhasil mengambil dua posisi teratas sekaligus.
Jika salah satu pertunjukan HolyJS sebelumnya yang paling terkenal adalah
laporan Vitaliy Fridman "Petualangan Baru dalam Desain Web Responsif", maka "sekuel" -nya menjadi yang terbaik di HolyJS Piter 2018!
Saat Anda mengepalai Majalah Smashing, Anda belajar banyak seluk-beluk front-end, kompleksitas dan trik kotor - sehingga laporan ini akan mencakup berbagai topik. Seperti yang diperingatkan oleh penulis, "Anda tidak dapat" mengenali kembali "apa yang Anda pelajari, dan kami tidak bertanggung jawab atas mimpi buruk Anda selanjutnya." Seperti yang dikatakan salah satu pendengar: "Trik akrobatik untuk mengoptimalkan kerja frontend akan selalu berguna!" Kami tidak bisa tidak setuju.
Jika laporan ini (dan yang lainnya dari daftar putar lengkap ) menarik, harap dicatat: HolyJS Moscow 2018 akan diadakan pada 24-25 November .
Informasi terbaru tentang program ini selalu dapat dilihat di situs web, Anda juga dapat membeli tiket di sana - dan mulai 1 November, harganya akan naik ke yang terakhir, jadi sekarang adalah kesempatan terakhir untuk menabung.