Rabu, 03 Maret 2021

COURSE GRATIS : Chrome DevTools Introduction 2020 Web Developers Guide

COURSE GRATIS : Chrome DevTools Introduction 2020 Web Developers Guide
Rabu, 03 Maret 2021

COURSE GRATIS : Chrome DevTools Introduction 2020 Web Developers Guide

Pelajari bagaimana penggunaan Chrome DevTools meningkatkan Debugging, Menyesuaikan tampilan dan nuansa, dan mempelajari beberapa pintasan untuk pengembangan Web

Apa yang Akan Anda Pelajari?


  • Alat Pengembang Web yang dapat digunakan untuk mempercepat proses pengembangan web
  • Alat dengan bagaimana mereka dapat digunakan
  • Dapatkan detail tentang halaman web dan HTML, CSS dan JavaScript
  • Pengguna browser Chrome mendapatkan lebih banyak manfaat dari browser
  • Menggunakan dan debugging sebuah kode Kode

Kurikulum

Bagian 1: Pengantar Menggunakan Chrome DevTools

  • Chrome DevTools dan Cara Menggunakannya
  • Cara Membuka Opsi dan Menyiapkan DevTools
  • Cara Menggunakan Panel Elemen di Chrome DevTools
  • Cara Gunakan Chrome DevTools untuk Web Desain
  • DevTools permainan dan Tantangan
  • Cara penggunaan Chrome DevTools ke Debug JavaScript
  • Cara menjalankan Kode di Chrome DevTools
  • Cara Simpan File menggunakan Chrome DevTools
  • Tantangan Chrome DevTools
  • Cara Menggunakan Panel Jaringan
  • Cara Menggunakan Tab Aplikasi
  • Apa itu Tab Audit
  • Pintasan

Deskripsi


Pelajari cara menggunakan Chrome DevTools meningkatkan Debugging, Sesuaikan tampilan dan rasakan dan pelajari beberapa pintasan untuk pengembang Web.

BONUS - Panduan eBook PDF gratis untuk pelajaran
2 Tantangan pelajaran berburu web scavenger
Latihan di setiap pelajaran untuk mempraktikkan dan menantang keterampilan Anda
Kursus sempurna untuk menjelajahi lebih lanjut tentang apa yang ditawarkan Chrome DevTools dan bagaimana Anda dapat menggunakan devTools untuk pengembangan.
Chrome DevTools adalah seperangkat alat pengembang web yang dibangun langsung ke dalam peramban Google Chrome.

DevTools
Membantu Anda mengedit halaman dengan cepat
Mendiagnosis masalah dengan cepat
Menguji dan mencoba kode
Menulis cuplikan kode
Periksa Kode
Periksa respons
DevTools pada akhirnya membantu Anda membangun situs web yang lebih baik, lebih cepat. Kebanyakan browser memiliki versi devtools mereka sendiri.

Kursus mencakup
Open DevTools
Element Panel
Tempat untuk menghitung dan mendapatkan detail model kotak
menggunakan Konsol dan JavaScript Coding
Cuplikan kode yang berjalan dan disimpan di konsol
Akses sistem file lokal dengan DevTools
Network untuk waktu muat file dan debugging
tab Aplikasi untuk sesi dan nilai penyimpanan lokal
Audit Panel dan cara mendapatkan laporan peningkatan situs web
Pintasan dan mendapatkan bantuan lebih lanjut dengan DevTools
Diajarkan oleh instruktur dengan lebih dari 20 tahun pengalaman pengembangan web siap membantu Anda mempelajari tentang DevTools

Chrome DevTools
Chrome DevTools adalah seperangkat alat pengembang web yang dibangun langsung ke dalam Google Browser Chrome. DevTools dapat membantu Anda mengedit halaman dengan cepat dan mendiagnosis masalah dengan cepat, yang pada akhirnya membantu Anda membangun situs web yang lebih baik, lebih cepat.

Buka DevTools
Ada banyak cara untuk membuka DevTools, karena pengguna yang berbeda menginginkan akses cepat ke berbagai bagian DevTools UI.

Jika Anda ingin bekerja dengan DOM atau CSS, klik kanan elemen pada halaman dan pilih Inspect untuk melompat ke panel Elements. Atau tekan Command + Option + C (Mac) atau Control + Shift + C (Windows, Linux, Chrome OS).

Jika Anda ingin melihat pesan yang dicatat atau menjalankan JavaScript, tekan Command + Option + J (Mac) atau Control + Shift + J (Windows, Linux, Chrome OS) untuk langsung membuka panel Konsol.

Persyaratan

  • Akses Internet
  • Memhamai dasar Koding HTML dan JavaScript

Close Comments