# 02: Pengaturan File / Menghubungkan jQuery - Trik CSS

Dalam screencast ini saya membahas pengaturan minimum mutlak untuk memanfaatkan jQuery di situs web "nyata". Kami memiliki file index.html dengan struktur HTML5 dasar yang dimatikan. jQuery disertakan sebagai dan kemudian kami melakukan tugas jQuery yang sangat sederhana. Seluruh file terlihat seperti ini:

 Learning jQuery $("h1").css("color", "red");

Saya ingin segera membahasnya sehingga Anda dapat merasakan betapa mudahnya menggunakan jQuery. Dan juga karena kita akan menggunakan CodePen untuk banyak pengkodean langsung untuk sisa seri. CodePen hanya memberi kita lingkungan pengujian / demonstrasi yang mudah digunakan dan bagus untuk screencast. Apa yang dilakukannya di balik layar pada dasarnya sama dengan apa yang baru saja kita lakukan di sini. Saya ingin itu dipahami - jadi Anda tidak berpikir menggunakan CodePen adalah tempat aneh / ajaib yang berbeda dari cara Anda menulis kode.

Hal yang persis sama seperti yang kita lakukan dengan file index.html adalah seperti ini di CodePen:

Lihat Pena 7e6827079ef62ec19ed37ea763ef79a1 oleh Chris Coyier (@chriscoyier) di CodePen