Mengenal Codepen Lebih Dekat

Punya impian menjadi seorang front end developer yang handal? Codepen menjadi salah satu tempat yang bisa dicoba untuk berkreasi dan meningkatkan skill pemrograman. Berkembangnya teknologi saat ini membuat banyak jenis profesi baru pada bidang ini. Salah satu yang paling populer adalah sebagai seorang front end developer.

Peminat dari profesi ini semakin banyak tiap tahunnya. Hal itu disebabkan oleh beberapa faktor misalnya seperti gaji yang ditawarkan cukup fantastis hingga menjamurnya perusahaan startup. Nah, jika kita memiliki impian untuk menjadi seorang front end developer yang handal maka kita harus selalu berusaha dan memperbanyak ilmu. Salah satu cara termudahnya yaitu dengan bergabung ke sebuah komunitas seperti yang telah disediakan oleh Codepen. Ibaratnya, Codepen menjadi sebuah tempat bermain dan berkreasi para programmer. Semakin penasaran dengan apa itu Codepen dan apa manfaatnya untuk front end developer? Yuk ikuti terus

Seperti yang dijelaskan dari website resminya, Di sana pengguna akan dimudahkan untuk mencoba menulis bahasa pemrograman front end seperti contohnya HTML, CSS, dan JavaScript langsung di browsernya. Codepen juga sangat bermanfaat bagi orang yang masih belajar coding karena di sini kita bisa berdiskusi dengan orang yang sudah berpengalaman.

Codepen sendiri bersifat publik dan open source sehingga pengguna akan mudah untuk melakukan interaksi dengan pengguna lainnya. Misalnya dengan memberikan komentar atau mencoba coding yang tersedia dan mengubahnya sesuai dengan kebutuhan kita sendiri. Selain itu, Codepen juga memungkinkan penggunanya untuk membuat sebuah prototipe untuk dapat mengembangkan ide baru. Profesional juga bisa menggunakan Codepen untuk melakukan uji kasus lalu ditunjukkan pada klien. Perusahaan apapun bahkan bisa memanfaatkan Codepe, contohnya untuk keperluan mengevaluasi calon karyawan dengan menunjukkan kemampuan mereka saat membuat coding.Jadi, bisa dibilang Codepen adalah tempat berkumpulnya orang-orang yang tertarik belajar coding dan memamerkan karyanya.

Fitur Bermanfaat Codepen

Codepen adalah salah satu live code playgrounds yang paling populer. Namun, ada juga beberapa hal yang membuat situs ini cukup berbeda dengan live code playgrounds lainnya yaitu dari fitur yang disediakan. Supaya tidak penasaran dengan fitur dari Codepen, berikut ini adalah beberapa fitur bermanfaat dari Codepen, antara lain:

1. Banyak varian HTML, CSS, dan JavaScript
Salah satu fitur yang palingn menarik dari Codepen adalah banyaknya varian HTML, CSS, dan JavaScript yang tersedia. Untuk HTML, pengguna dapat mencoba menggunakan HAML, Markdown, Slim, atau Jade. Kemudian, untuk CSS, codepen sudah didukung dengan Sass dan SCSS serta Less dan Stylus. kemudian untuk JavaScript pengguna bisa menggunakan CoffeeScript atau LiveScript.

2. Terdapat pen view yang berbeda-beda
Codepen memiliki fitur pen views yang bermacam-macam. Setiap tampilan views dari codepen pun memiliki kelebihan masing-masing. Editor View merupakan tampilan default untuk mengedit atau koding. Pengguna bisa menyesuaikan ukuran preview coding dan memilih bahasa yang akan ditampilkan, berikut jenis view yang disediakan
- Details View akan memungkinkan penggunanya untuk dapat melihat pen’s tag, komentar, like dari orang lain.
- Full Page View akan membuat pen menjadi layar penuh dalam iframe dan hanya akan menyisakan footer Codepen.
- Debug View adalah tampilan layar penuh dan akan menghapus iframe dan footer Codepen.

Jika kita menggunakan Codepen Pro, kita juga dapat mengakses pen view lainnya, misalnya:
- Presentation Mode dibuat khusus untuk overheard projector. Jadi, header yang ada dilayar akan dihilangkan sehingga memberikan lebih banyak ruang untuk pengguna yang ingin mengubah ukuran font dan warna dengan cepat.
- Live View memungkinkan penggunanya untuk menguji karya yang dibuatnya di beberapa perangkat. Karena, pen dapat diperbarui secara otomatis saat pengguna menggunakan kode tertentu.
- Mode Profesor di dalam mode ini orang lain dapat melihat pengguna yang sedang menuliskan kode secara real time. Sesuai dengan namanya, dalam mode ini kita bisa menggunakannya untuk saling berdiskusi soal coding lewat ruang obrolan yang tersedia.
- Collab Mode sangat berguna bagi sarana kolaborasi karena beberapa programmer dapat membuat coding secara bersamaan. Di mode ini juga telah tersedia ruang obrolan untuk sarana berkomunikasi antar programmer.

3. Community
Community adalah salah satu fitur yang paling diunggulkan oleh codepen. Seperti yang telah dijelaskan di atas, Codepen menegaskan bahwa mereka adalah komunitas untuk saling berbagi pengalaman antar programmer. Tidak hanya untuk belajar membuat coding saja, di sini setiap pengguna juga bisa memberikan like dan komentar untuk karya orang lain. Jadi, komunitas telah menjadi bagian yang tidak terpisahkan dari Codepen dan menjadi salah satu fitur yang paling disukai oleh para penggunanya.
 

Codepen untuk Portofolio

Selain digunakan untuk mencari inspirasi, belajar coding, dan juga berdiskusi dengan sesama programmer lain, Codepen juga bisa digunakan untuk membuat portofolio. Menurut EnvatoTuts, Codepen merupakan tempat tujuan untuk memamerkan hasil karya programmer dengan mudah. Setelah berkreasi di Codepen, kita bisa sharing hasil karya dengan mudah. Jadi, tentu saja karyamu tersebut mungkin bisa dijadikan sebagai portofolio. Saat akan melamar pekerjaan, jangan lupa untuk cantumkan di portofolio apa saja karyamu yang sudah dibuat di Codepen. Dengan begitu semakin banyak orang yang melihat, memberikan like dan komentar pada karyamu di Codepen, tentunya portofoliomu akan lebih menarik perhatian perekrut.

Jadi, kita tidak perlu ragu lagi untuk mencoba belajar dan mulai menghasilkan karya di Codepen karena bisa dijadikan portofolio untuk mencari kerja. Itulah penjelasan mengenai Codepen yang bisa dimanfaatkan oleh front end developer untuk berkreasi dan meningkatkan skill. Tidak hanya dapat membantu mencari inspirasi, Codepen juga bisa digunakan untuk networking sesama programmer. Setelah kita mengetahui apa itu Codepen kita juga akan membahas tentang istilah Text Editor karena Codepen sendiri erat kaitannya dengan istilah Text Editor.
 

Text Editor

merupakan software yang digunakan untuk menuliskan kode program. Walaupun digunakan untuk menuliskan program tetapi aplikasi ini berbeda halnya dengan Microsft Word yang disebut juga sebagai Rich Editor. Jika kita sudah biasa membuat tulisan untuk dokumen, surat, laporan di Microsoft Word maka untuk menuliskan kode program tidak dilakukan di Microsoft Word. Bukan karena tidak bisa hanya saja ms word tidak sesuai dengan penulisan program. Apa alasannya?

Alasannya adalah karena Microsoft Word ditujukan untuk penulisan dokumen bukan kode program, kemudian di Microsoft Word tidak ada fitur-fitur yang mendukung programmer untuk menuliskan kode program seperti syntax higlighting, debugging, dll. Fitur-fitur tersebut hanya tersedia di Text Editor. Terdapat banyak Text Editor yang banyak digunakan oleh programmer, seperti:
- Visual Studio Code
- Sublime Text
- Atom

Text Editor di atas merupakan text editor yang populer dan paling banyak digunakan oleh Programmer. Selain itu, Text Editor harus diinstall di perangkat sebelum bisa menggunakannya. Selain itu, terdapat juga Text Editor Online yang bisa digunakan tanpa harus melakukan instalasi di perangkat. Untuk menggunakan Text Editor Online syaratnya kita harus memiliki koneksi internet.