Kursus ChromeVox

Pengantar Progressive Web App

Dalam kursus ini, Anda akan mulai mengerjakan Progressive Web App pertama Anda - aplikasi web yang dapat memanfaatkan banyak fitur yang telah dinikmati aplikasi native. Anda juga akan mendapatkan lebih banyak pengalaman dalam membuat aplikasi web yang berfungsi secara offline menggunakan Pekerja Layanan. Terakhir, Anda akan membuat aplikasi dapat diinstal ke layar utama pengguna dengan file Manifes Aplikasi Web.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Aksesibilitas Web

Dalam kursus ini, Anda akan mendapatkan pengalaman langsung dalam membuat aplikasi web dapat diakses. Anda akan memahami kapan dan mengapa pengguna membutuhkan aksesibilitas. Kemudian, Anda akan mendalami “cara”: membuat halaman berfungsi dengan baik bersama pembaca layar, dan mengelola fokus input (misalnya, sorotan yang Anda lihat saat berpindah-pindah formulir). Anda akan memahami arti “semantik” dan “markup semantik” untuk halaman web dan menambahkan markup ARIA untuk mengaktifkan navigasi antarmuka dengan berbagai perangkat pendukung. Terakhir, Anda akan mempelajari teknik penataan gaya yang membantu pengguna dengan visi sebagian menjelajahi halaman Anda dengan mudah dan andal.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Pengoptimalan Rendering Browser

Performa penting bagi pengguna. Developer web perlu mem-build aplikasi yang bereaksi dengan cepat dan merender dengan lancar. Pakar performa Google, Paul Lewis hadir di sini untuk membantu Anda menghancurkan jank dan membuat aplikasi web yang mempertahankan performa 60 frame per detik. Anda akan menyelesaikan kursus ini dengan alat yang diperlukan untuk membuat profil aplikasi dan mengidentifikasi penyebab jank. Anda akan mempelajari pipeline rendering browser dan menemukan pola yang memudahkan pembuatan aplikasi berperforma tinggi.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Desain Web yang Responsif

Dalam kursus ini, Anda akan mempelajari dasar-dasar desain web yang responsif dengan Pete LePage dari Google. Anda akan membuat halaman web responsif sendiri yang berfungsi dengan baik di perangkat apa pun - ponsel, tablet, desktop, atau apa pun di antaranya.

Anda akan mulai dengan mempelajari apa yang membuat situs responsif dan bagaimana beberapa pola desain responsif umum berfungsi di berbagai perangkat. Dari sana, Anda akan mempelajari cara membuat tata letak responsif menggunakan tag area pandang dan kueri media CSS. Saat melanjutkan, Anda akan bereksperimen dengan titik henti sementara utama dan minor, serta mengoptimalkan teks untuk pembacaan.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Jalur Rendering Penting

Anda akan mempelajari cara mengoptimalkan kecepatan situs apa pun dengan mempelajari detail cara browser seluler dan desktop merender halaman.

Anda akan mempelajari Jalur Rendering Penting, atau serangkaian langkah yang harus dilakukan browser untuk mengonversi HTML, CSS, dan JavaScript menjadi situs yang aktif dan menarik. Dari sana, Anda akan mulai menjelajahi dan bereksperimen dengan alat untuk mengukur performa dan strategi sederhana untuk menyajikan piksel pertama ke layar sedini mungkin. Anda akan mempelajari cara memahami rekomendasi dari PageSpeed Insights dan tampilan Linimasa Developer Tools Google Chrome untuk menemukan data yang Anda butuhkan untuk langsung meningkatkan performa.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Gambar Responsif

Tahukah Anda bahwa gambar rata-rata menyumbang lebih dari 60% byte yang diperlukan untuk memuat halaman web?

Dalam kursus ini, Anda akan mempelajari cara menggunakan gambar di web modern, sehingga gambar Anda terlihat bagus dan dimuat dengan cepat di perangkat apa pun.

Dalam prosesnya, Anda akan mempelajari berbagai keterampilan dan teknik untuk mengintegrasikan gambar responsif dengan lancar ke alur kerja pengembangan Anda. Pada akhir kursus, Anda akan mengembangkan dengan gambar yang beradaptasi dan merespons berbagai ukuran area pandang dan skenario penggunaan.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Aplikasi Web Offline

Kursus ini berfokus tepat pada pengalaman pengguna, dan berusaha menunjukkan kepada developer bahwa berpikir offline-first adalah cara terbaik untuk memastikan bahwa aplikasi memberikan performa terbaik dalam semua skenario, bukan hanya yang ideal. Anda akan mempelajari perbedaan antara konektivitas yang baik, buruk, terputus-putus, dan tidak ada untuk pengguna , serta cara membuat aplikasi yang dapat mengatasi kondisi tersebut dengan mudah.

Dengan memanfaatkan keterampilan yang diperoleh dalam kursus ini, Anda akan menyimpulkan dengan membuat aplikasi yang berfungsi baik secara online maupun offline, serta memuat data baru jika memungkinkan. Aplikasi web Anda akan berinteraksi dengan jaringan seperti halnya aplikasi native. Hal ini akan memberikan pengalaman pengguna yang lebih baik bahkan dalam skenario koneksi yang sulit secara tradisional seperti terjebak di terowongan kereta api, harus mengandalkan Wi-Fi konferensi yang terlalu padat, atau bepergian melalui "zona mati" seluler.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Alat Web dan Otomatisasi

Dalam kursus ini, Anda akan mempelajari cara menyiapkan pengembangan, meningkatkan produktivitas selama pekerjaan sehari-hari dan iterasi, mencegah diri Anda dan situs dari bencana, serta menghemat banyak waktu dan upaya dengan pengoptimalan dan otomatisasi otomatis. Terakhir, Anda akan mempelajari cara melakukan semua ini sambil merasa yakin bahwa kode Anda berjalan di banyak perangkat di dunia nyata.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus

Membuat Formulir Web Berkonversi Tinggi

Setiap pengalaman yang bermakna di web memiliki bentuk. Entah itu bentuk yang terdiri dari kotak teks, tombol, tombol, kotak centang, atau widget yang dapat disentuh, developer web harus memiliki tujuan yang jelas terkait formulir untuk membuat pengguna puas dan meningkatkan konversi.

Dalam kursus ini, Anda akan mempelajari praktik terbaik untuk formulir modern. Anda akan mempraktikkan keterampilan selama prosesnya dengan beberapa project yang mandiri, termasuk checkout e-commerce dan aplikasi perencana acara.

Sebagai hadiah spesial, Anda juga akan menonton serangkaian wawancara dengan Luke Wroblewski, Google Product Director dan penulis Desain Formulir Web, untuk mendapatkan interaksinya di web modern.

Ini adalah kursus gratis yang ditawarkan melalui ChromeVox

Ikuti Kursus