Laporan akan bersifat umum pada topik front-end, pada sisa konferensi, pembicara akan berbicara lebih mendalam tentang setiap topik, dengan nuansa, detail, praktik, dan diskusi. Kami telah membicarakan tentang beberapa laporan yang akan ada pada 2 hari ini untuk semua orang, dan hari ini kami akan memperkenalkan Anda pada pidato terbuka lainnya.
Apa yang baru di Frontend dan apa yang bisa kami perbaiki?
Setiap tahun kami berbicara tentang tren baru yang muncul selama setahun terakhir, dan bagaimana tren tersebut memengaruhi seluruh Frontend. Beberapa telah menjadi alat yang sangat berguna, dan beberapa menjadi sesuatu dari masa lalu. Tahun lalu Vitaly Fridman berbicara tentang tren di dunia frontend, tahun ini Philip Nekhaev akan mengulas laporan “ Radar teknologi: tren seperti yang kita lihat ”. Philip adalah kepala frontend di Tinkoff, dan terutama untuk konferensi, dia akan membagikan teknologi apa, menurut Tinkoff, akan memimpin tahun depan, yang telah lama menjadi standar de facto, apa yang ditolak perusahaan di pasar dan apa yang telah ditinggalkan Tinkoff.
Kami mengharapkan setidaknya kinerja yang baik dari sistem baru dan lama, yaitu, seberapa cepat sistem menanggapi klik, ping, dan permintaan kami. Jika sistem merespons tanpa penundaan, bagi kami ini seperti berbicara dengan orang lain dalam kehidupan nyata kami. Dan di zaman kita, kita semakin mengharapkan ini dari komputer. Tentu saja, persepsi kita akan bergantung pada apa yang kita lakukan sementara kita menunggu - semua orang tidak suka menunggu pasif halaman dimuat, dan ketika kita aktif, waktu berlalu lebih cepat. Eva Ferreira dari Aerolab mengetahui jalan pintas untuk meningkatkan kinerja front-end Anda dengan cara yang sehat dan mudah diterapkan. Dalam pidatonya “ Dari 45 hingga 85, perjalanan pertunjukan”, Eva akan menunjukkan beberapa teknik yang dapat Anda gunakan untuk meningkatkan kinerja layanan web Anda, dan juga untuk mengukur bagaimana hal ini memengaruhi pemuatan situs Anda. Eve akan berbicara dalam bahasa Inggris.
Jika kita bisa mengukur sesuatu, kita bisa memperbaikinya. Tentu saja, untuk setiap perusahaan, metrik yang paling penting dan terbaik adalah cara yang berbeda untuk mengukur kinerja halaman web. Tidak ada indikator umum yang universal untuk semua orang, dalam setiap kasus pilihannya adalah individu. Namun, untuk pengukuran apa pun, pertama-tama kami memilih dari dasar yang biasanya mencakup metrik yang paling umum. Martin splittakan menyajikan pembicaraan yang sangat bagus "Core Web Vitals - apa itu dan mengapa itu penting?" tentang alat dari Google yang memungkinkan Anda memantau metrik dasar kinerja antarmuka. Laporannya akan dibuat dalam bahasa Inggris.
Dan sementara kinerja sedang diukur, kami dapat meningkatkan dan mengubah banyak hal dalam layanan web kami sehingga pengunjung situs tidak hanya melupakan perenderan gambar yang lambat, tetapi juga puas dalam berkomunikasi dengan Anda melalui formulir web. Ya, formulir feb terkenal itu, yang, seperti yang telah kami sajikan , akan disajikan oleh Vitaly Fridman “ Mendapatkan Formulir Web dengan Benar: Dari Kotak Centang Ke Dropdowns". Vitaly akan membagikan bagaimana pengunjung dapat mempercayai formulir web kami lagi tanpa menunggu untuk mengatasi kendala seperti menemukan hidran kebakaran atau negara mereka dalam daftar yang panjang (tidak perlu mencari!). Dan akan memberikan tip praktis untuk implementasi segera dan peningkatan pengalaman pengguna proyek web Anda.
Apakah semuanya hebat di dalam tim?
Tidak hanya pengunjung layanan web yang harus dipuaskan, tetapi juga tim pengembangan yang membuat, meningkatkan, dan mengubahnya. Banyak orang mengerjakan proyek apa pun: pengembang, manajer, petugas keamanan, penggiat jejaring, akuntan, dan kurir. Tidak hanya mereka semua bergantung satu sama lain, tetapi kesalahan, misalnya, dalam menghitung waktu per tugas, juga dapat memengaruhi klien. Scrum membantu menyelaraskan tindakan mereka satu sama lain, dan Alexandra Baptizmanskaya akan membicarakan hal ini dalam ceramahnya “ Scrum apa? Saya hanya ingin menulis kode! ". Berdasarkan pengalamannya yang luas dalam membangun tim yang sukses, Alexandra akan membagikan pengamatannya tentang bagaimana developer biasa bisa mendapatkan keuntungan dari Scrum, dan mengapa tim dan proses tim dibutuhkan sama sekali.
Setiap tim memiliki anggota junior. Jika dia memiliki tujuan, dia akan menemukan jalannya sendiri, tetapi terkadang membimbing yang lebih muda berguna untuk yang lebih tua. Daniil Pilipenko , Pendiri dan Direktur Pusat Perekrutan Spesialis IT SymbioWay, akan memberi tahu Anda mengapa sangat hebat dan berguna bagi pengembang menengah mana pun untuk mendapatkan June Padawan dan melatihnya dengan sukses. Dalam laporannya " The path to senior''s through mentoring junior'ov " Daniel akan menjelaskan mengapa tahap junior itu penting, bagaimana menumbuhkan spesialis junior yang berguna untuk tim, dan bagaimana berinteraksi dengannya untuk kepentingan umum baik untuk junior maupun untuk tim, dan untuk proyek tersebut.
Agar interaksi menjadi mudah, efektif, dan pada saat yang sama mempertimbangkan gaya hidup (dan pekerjaan) spesifik dari semua pengembang, akan ideal untuk menggunakan tidak beberapa messenger, tetapi satu, dengan banyak fungsi yang diperlukan, ke frontend. Sementara fungsionalitas portal dan obrolan perusahaan agak langka. Tetapi Georgy Bugakov (dia telah memprogram sejak dia berusia 7 tahun!) Memiliki ide bagaimana membuat SuperApp yang lengkap untuk karyawan yang menggunakan Slack dan Node.js. Dan ini adalah proyek nyata yang digunakan oleh lebih dari 40 tim pengembangan. Dalam ceramahnya " Membuat aplikasi super perusahaan berdasarkan Slack dan Node.js, " Georgiy akan menunjukkan apa yang benar-benar dapat dilakukan bot di Slack, dan apa yang dapat dikompensasikan dengan alat eksternal.
Tetapi tidak satu pun messenger yang akan membantu Anda men-debug dan mengikat proses pengembangan, pengujian, dan operasi. DevOps menjadi tautan penghubung, yang mencakup memahami banyak hal - baik kode itu sendiri, dan mengujinya, dan prinsip-prinsip arsitektur. Selain itu, Anda perlu memperhitungkan risiko dan kemungkinan kerentanan sistem, dapat mengotomatiskan proses. Belum lagi memberikan dukungan sebelum dan sesudah rilis. Dalam ceramahnya " Program pendidikan di CI / CD untuk frontend pada contoh GitLab " Timofey Tiunov akan menjelaskan dengan contoh apa yang dapat Anda "devops" di frontend, dan apa itu frontend dari sudut pandang seorang insinyur atau administrator sistem DevOps.
Tim Senang - Pengguna Senang?
Ketika semua orang dalam tim sudah bekerja secara harmonis, mereka memahami satu sama lain dan tenggat waktu rilis tidak terganggu, inilah saatnya untuk mengingat tentang bisnis itu sendiri dan kebutuhan pengguna layanan web pada khususnya. Desain hebat adalah yang pertama kali dilihat pengunjung di situs Anda. Dan Stéphanie Walter, dalam ceramahnya " Mendesain Komponen Adaptif (di luar breakpoint responsif) ", akan menarik perhatian Anda mengapa lebih baik memikirkan "konteks penggunaan" layar, daripada jumlah piksel. Stephanie akan menunjukkan bahwa terkadang bahan aktif bisa hilang dari layar, dan itu juga bisa menjadi desain yang bagus, yang akan disukai dan nyaman digunakan oleh penonton. Laporkan dalam bahasa Inggris.
Dan agar desain hebat itu juga sangat indah, Kathleen McMahondalam sesi diskusi “ Komponen React dengan rasa aksesibilitas membuat sistem desain Anda enak! »Akan berbagi pengalaman dan keahliannya tentang aksesibilitas desain dan sistem desain itu sendiri. Dalam Bahasa Inggris. Kathleen akan menjelaskan bagaimana dan apa yang dapat Anda gunakan di React untuk tujuan ini, cara mencampur berbagai komponen UI, menunjukkan contoh interaktif praktik terbaik, dan menguraikan aturan tentang apa yang dapat Anda lakukan untuk memanggang produk dan apa yang tidak boleh Anda lakukan.
Hui Jing Chen dari Shopify mengambil langkah tanggap lebih jauh. Bersama dengan HJ, kita akan melihat respon CSS melalui DevTools dalam pembicaraan Menggunakan DevTools untuk memahami tata letak CSS modern". Langsung dari Singapura, HJ akan mendemonstrasikan bagaimana DevTools dapat digunakan lebih dari sekadar alat debugging. Dan dia akan menunjukkan kepada Anda bagaimana DevTools dapat membantu Anda menyelaraskan tata letak yang ingin kami buat dengan apa yang sebenarnya ditampilkan di halaman. Ini akan membantu Anda lebih memahami bagaimana browser menafsirkan nilai CSS yang Anda tetapkan. Misalnya, mengubah ukuran dengan Flexbox atau berbagai opsi untuk mengubah ukuran trek di Grid. Hasilnya, teknik semacam itu akan memungkinkan desain untuk beradaptasi dengan lebih baik pada berbagai ukuran monitor. Laporannya, tentu saja, dalam bahasa Inggris.
Dan, melanjutkan tema bahasa yang berbeda. Seberapa sering Anda menemukan fakta bahwa saat mempelajari suatu informasi dalam bahasa Inggris, Anda ingin menontonnya dalam bahasa Rusia? Namun, setelah mengalihkan situs ke bahasa Rusia, Anda tidak hanya tidak menemukan informasi ini (sama untuk semua bahasa), tetapi secara umum situs tersebut tiba-tiba menjadi "sedikit" berbeda? Kemungkinan besar, pelokalan situs semacam itu berjalan sedikit salah seperti yang kami inginkan. Bagaimana mengatasi kesulitan lokalisasi seperti itu di sisi frontend, terutama ketika proyeknya besar dan timnya besar, Dmitry Andriyanov akan memberi tahu dalam laporannya " Ketakutan dan Kebencian terhadap Lokalisasi dalam Proyek Besar ." Dmitry akan menunjukkan bagaimana pelokalan diatur di Yandex.Direct - proyek dengan puluhan ribu fragmen teks dan tim yang terdiri dari 40+ orang.
Bisakah pengembang menjadi penyihir?
Tentu saja, konferensi front-end (dan, tentu saja, proyek apa pun) tanpa pengembang itu sendiri! Ketika Anda memiliki tim, desain, proses kerja diluncurkan, sprint mengikuti satu demi satu, tampaknya yang tersisa hanyalah menulis kode. Tapi bukan hanya orang-orang dalam tim yang memiliki masalah interkonektivitas. Di dalam aplikasi, bahasa yang berbeda dapat digunakan, komponen membutuhkan koneksi satu sama lain, tetapi pada saat yang sama, setiap kendala dapat berkembang menjadi tugas serius yang mengembangkan fronted dan memajukannya.
Kompleksitas dalam aplikasi dapat meningkat karena fakta bahwa status yang berbeda didistribusikan ke banyak komponen, dan mereka membutuhkan koneksi di antara mereka sendiri. Alexander Shushunov dalam ceramahnya “The Heart of Vue Application»Tidak hanya memperkenalkan manajer negara Vuex yang hadir dengan kerangka kerja Vue. Alexander akan berbicara tentang beberapa nuansa bekerja dengannya dan menjelaskan struktur internalnya. Manajer negara adalah jantung dari aplikasi web modern. Karena itu, Vuex cukup sederhana - tidak mudah untuk menemukan contoh rumit penggunaannya. Tetapi Alexander akan menunjukkan bagaimana Vuex digunakan di Sistem EPAM, masalah apa yang dihadapi tim, dan apa hubungannya kinerja dengan itu. Tidak masalah jika Anda menggunakan Veux atau belum - informasinya akan berguna untuk semua orang.
Tapi tantangan lain - apakah ada kehidupan tanpa JavaScript? Bisakah situs menjadi interaktif dengan alat lain? Tentu saja JavaScript berfungsi di Windows, macOS, Linux, dan di platform seluler, di mana saja. Di PC, platform Node.js, Angular, dan React Native telah mengeluarkan JavaScript dari batas browser. Dan, bagaimanapun, Dmitry Sharabin mengundang Anda untuk mendengarkan pendapatnya. Dmitry percaya bahwa masa depan HTML telah datang berkat Mavo, yang sedang dikembangkan di Massachusetts Institute of Technology (MIT) di bawah kepemimpinan Lea Verou. Dalam laporannya “ Rahasia Mavo. Memecahkan tugas pengembang web sehari-hari tanpa JavaScript"Dmitry dengan jelas akan menunjukkan kelebihannya dan menjawab pertanyaan apakah teknologi seperti pengembangan aplikasi web interaktif sekarang dibutuhkan hanya dengan menulis HTML dan CSS.
Pemrograman tanpa JC akan didukung oleh Ilya Chertorylsky , pengembang frontend di Raiffeisenbank. Dalam pidatonya " WebAssembly SPA-frameworks ", Ilya akan mempertimbangkan tren pengembangan frontend seperti GO, RUST, C #, PHP dalam hal penggunaan kerangka kerja lengkap yang memungkinkan Anda menulis situs web siap pakai dalam bahasa yang akrab tanpa JavaScript. Frontend dapat ditulis di hampir semua bahasa pemrograman, dan Ilya akan memberi tahu Anda cara menerapkannya dalam praktik. Vadim Patsev akan
melanjutkan topik menyanggah mitos tentang tidak adanya tugas penting dalam pengembangan front-enddari Yandex, yang akan ditampilkan dalam laporan " Di mana saya dan di mana mesin negara? “Bahwa dalam pengembangan web ada tugas yang kompleks dan menarik bagi programmer. Frontend tidak hanya memukau bentuk, tetapi solusi dari masalah dan hambatan serius, implementasi ide-ide besar. Vadim percaya bahwa Anda dapat mencoba hal-hal seperti mesin keadaan terbatas, rantai Markov, dll. Tanpa rasa takut. Datang dan dengarkan sesuatu yang tidak biasa!
Jika Anda ingin berdiskusi, meminta saran atau berbagi cerita dari pekerjaan, berlangganan saluran Telegram FrontendConf Talks . Dan kami akan menulis tentang acara-chip konferensi di telegram , facebook , twitter , dan VKontakte .