 
  Bersama-sama membuat web yang lebih baik
            Kami ingin membantu Anda membuat situs yang menarik, mudah diakses, cepat, dan aman yang berfungsi di berbagai browser, dan untuk semua pengguna Anda. Situs ini adalah tempat kami menyediakan konten untuk membantu Anda dalam perjalanan tersebut, yang ditulis oleh anggota tim Chrome, dan pakar eksternal yang berspesialisasi dalam topik pengembangan web seperti aksesibilitas, performa, desain, dan lainnya.
          
        
        
        
      Dasar pengukuran
            Dasar Pengukuran Platform Web memberikan informasi yang jelas tentang dukungan browser untuk fitur platform web, sehingga memberikan informasi yang jelas tentang fitur platform web yang siap digunakan dalam project Anda saat ini. Saat membaca artikel di web.dev, jika fitur yang digunakan semuanya merupakan bagian dari Dasar Pengukuran, Anda dapat memercayai tingkat kompatibilitas browser.
          
        
        
        
          
        
      AI dan web
            Temukan referensi yang dibuat untuk membantu Anda memahami dan membuat pengalaman web-first yang berperforma tinggi dengan AI.
          
        
        
        
          
        
      Mengoptimalkan INP
            
    Interaction to Next Paint (INP) kini menjadi metrik Core Web Vitals. Mulai ukur dan optimalkan INP situs Anda.
  
          
        
        
        
          
        
      Pembayaran & Identitas
            Baca fitur terbaru dan praktik terbaik terkait identitas dan pemrosesan pembayaran.
          
        
        
        
          
        
      Mempelajari platform web
            Platform web adalah ekosistem fitur browser dan API yang terus berkembang yang dapat digunakan developer untuk membuat situs yang mudah dan menyenangkan untuk digunakan. Halaman ini adalah jalur bagi Anda untuk mempelajari setiap bagian platform web di web.dev—sesuai kecepatan Anda:
          
        
        
        
      HTML
            HTML adalah lapisan dokumen web yang menyediakan struktur dan semantik untuk halaman.
          
        
        
        
          
        
      CSS
            CSS adalah lapisan presentasi web, dan memungkinkan Anda membuat halaman web terlihat seperti yang Anda inginkan.
          
        
        
        
          
        
      JavaScript
            JavaScript memberikan interaktivitas yang kaya ke halaman web, sehingga developer dapat membuat situs yang sangat interaktif yang membantu pengguna melakukan tugas dan mencapai sasaran.
          
        
        
        
          
        
      Mempelajari platform web
            Baru menggunakan platform web? Kami siap membantu Anda. Pelajari setiap bagian platform web dengan kursus ini yang diseleksi khusus untuk pemula HTML, CSS, dan JavaScript.
          
        
        
        
      
  
  
  Kursus
        
        
    Mempelajari HTML
            Ikhtisar HTML yang solid untuk pengembang, mulai dari HTML tingkat pemula hingga ahli.
          
        
        
        
          
        
      
  
  
  Kursus
        
        
    Mempelajari CSS
            Panduan CSS dengan modul yang mencakup segala hal mulai dari aksesibilitas hingga indeks z.
          
        
        
        
          
        
      Ikuti berita pengembangan web
            Blog kami berisi berita terbaru tentang pengembangan web, termasuk fitur platform web baru, update pada Dasar Pengukuran, AI, Data Web Inti, dan lainnya. Ikuti perkembangan blog terbaru dengan membaca blog kami.
          
        
        
        
          
        
      Desain UI dan CSS
              Pelajari kiat dan teknik terbaru untuk digunakan dalam pekerjaan Anda, sekarang juga.
            
          
        Menyesuaikan tipografi dengan preferensi pengguna menggunakan CSS
            Sesuaikan {i>font
        
        
        
      
    Ruang warna dan fungsi CSS baru di semua mesin utama
            Semua mesin utama kini mendukung ruang dan fungsi warna CSS yang baru. Cari tahu bagaimana mereka bisa membuat desain Anda lebih hidup.
          
        
        
        
      Apa itu peta sumber?
            Meningkatkan pengalaman proses debug web dengan peta sumber.
          
        
        
        
      Subgrid CSS
            Subgrid sekarang dapat dioperasikan di ketiga mesin utama. Cari tahu cara menggunakannya.
          
        
        
        
      Core Web Vitals
              Buat situs dan aplikasi yang lebih cepat dengan memahami Data Web Inti dan metrik lainnya.
            
          
        Interaction to Next Paint menjadi Core Web Vital pada 12 Maret
            Interaction to Next Paint akan resmi menjadi Core Web Vital dan akan menggantikan Penundaan Input Pertama pada 12 Maret.
          
        
        
        
      Cara mengoptimalkan INP
            Pelajari cara mengoptimalkan metrik Interaction to Next Paint.
          
        
        
        
      Rekomendasi Core Web Vitals terbaik kami
            Kumpulan praktik terbaik untuk mengoptimalkan performa Data Web Inti situs berdasarkan status web
          
        
        
        
      Kesalahpahaman umum tentang cara mengoptimalkan LCP
            Pelajari kesalahpahaman umum tentang pengoptimalan Largest Contentful Paint (LCP) dengan melihat lebih dari sekadar pengoptimalan gambar dan mempertimbangkan faktor-faktor seperti Time to First Byte (TTFB) dan penundaan pemuatan resource.
          
        
        
        
      Progressive Web App
              Ciptakan pengalaman web yang andal.
            
          
        Mempelajari PWA
            Sebuah kursus yang menguraikan setiap aspek pengembangan progressive web app modern.
          
        
        
        
      TransformStream kini didukung lintas browser.
            Setelah streaming transformasi didukung di Safari, Firefox, dan Chrome, semuanya siap digunakan.
          
        
        
        
      Pola baru untuk aplikasi keren
            Jelajahi koleksi pola baru yang fantastis untuk aplikasi yang luar biasa, termasuk pola papan klip, pola file, dan pola aplikasi tingkat lanjut.
          
        
        
        
      Katalog Project Fugu API
            Di situs Chrome Developers, pelajari API kemampuan.
          
        
        
        
      Dapat diakses oleh semua
              Pelajari cara membuat situs Anda lebih mudah diakses oleh difabel, baik permanen, sementara, maupun situasional.
            
          
        Pelajari Aksesibilitas
            Kursus baru kami adalah titik masuk yang bagus dan referensi untuk topik aksesibilitas.
          
        
        
        
      Menguji kontras warna desain web
            Ikhtisar tentang tiga alat dan teknik untuk menguji dan memverifikasi kontras warna desain Anda yang mudah diakses.
          
        
        
        
      Membangun navigasi utama untuk {i>website
            Tutorial ini menjelaskan cara membuat navigasi utama yang dapat diakses dari sebuah {i>website
        
        
        
      
    Sorotan komunitas: Melanie Sumner
            Baca wawancara kami dengan Melanie, seorang software engineer yang berspesialisasi dalam aksesibilitas digital.
          
        
        
        
      Pembayaran dan identitas
              Temukan teknik dan praktik terbaik terbaru untuk pembayaran serta membantu pengguna login dengan aman ke situs dan aplikasi Anda.
            
          
        Buat kunci sandi untuk login tanpa sandi
            Kunci sandi membuat akun pengguna lebih aman, sederhana, dan lebih mudah digunakan.
          
        
        
        
      Login dengan kunci sandi
            Membuat pengalaman login yang menggunakan kunci sandi sekaligus tetap mengakomodasi pengguna sandi yang sudah ada.
          
        
        
        
      Ringkasan pembayaran web
            Pelajari lebih lanjut Pembayaran Web dan cara kerjanya.
          
        
        
        
      Praktik terbaik formulir pembayaran dan alamat
            Maksimalkan konversi dengan membantu pengguna melengkapi alamat dan formulir pembayaran secepat dan semudah mungkin.
          
        
        
        
      Newsletter Developer
              Dapatkan berita, teknik, dan info terbaru langsung ke kotak masuk Anda.
            
          
        
  
  
    
      [[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],[],[],[]]
    
  
            
          
        
         
   
   
   
   
   
   
  