Halo, ketemu lagi dengan saya 🙂 apa kabarnya ? semoga baik yah, amin.
Pada kesempatan kali ini saya akan sedikit berbagi tips bagi para pemula yaitu mengenai 5 Tips Codepen Bagi Para Pemula, nah dibawah ini saya akan jelaskan beberapa codepen yang bisa kalian gunakan ketika menuliskan atau mengetikan kode pemerograman.
1. Multiple Cursors
Pada Multiple Cursors kalian dapat menempatkan kursor di beberapa titik dalam kode sumber , kemudian ketik atau mengedit sekali titik-titik pada waktu yang sama . Ini hanya bekerja jika memasukkan info yang sama , dan mengurangi kebutuhan untuk copy – paste . Hanya tahan tombol Ctrl / Cmd saat mengklik pada beberapa titik .
2. Export
Setelah tersimpan , pena (Codepen entitas tunggal ) dapat diekspor sebagai file ZIP dengan semua dalam HTML , CSS dan kode JS dalam file . Ada juga pilihan untuk menyimpan pena sebagai inti Github ( repositori Git ) . kalian dapat menemukan tombol Ekspor di sudut kanan bawah setiap pena.
3. Find & Replace
Find & Replace – operasi penting bagi orang-kalian yang cenderung untuk mengubah nama nama variabel setiap saat . Ctrl / Cmd + Shift + F adalah combo kunci untuk membuka “Find & Replace”.
4. Emmet Tab Trigger
Emmet adalah alat produktivitas untuk pengembang front-end yang memungkinkan kalian untuk mengetik kode kerangka itu akan diperpanjang . Untuk melakukan hal ini di Codepen , hanya cepat ketik singkatan yang sesuai ke editor , tekan tombol Tab , dan kode lengkap muncul sekaligus. Hanya tersedia untuk HTML di Codepen .
5. Turn Pen to Template
Untuk mengaktifkan pena ke dalam template , centang pilihan Template di bawah menu Settings . Ketika nanti membuat pena baru , kalian bisa mulai dengan template yang disimpan dengan mengklik panah bawah di sisi kanan tombol New Pen . Ini akan membuka daftar dropdown dengan semua template yang disimpan untuk memilih.
Baik itulah beberapa tips dari codepen untuk para pemula, semoga bermanfaat, amin.