18+ Situs yang Wajib Dikunjungi & Diikuti Front-End Developer/Designer

Front-end developer adalah salah satu cabang dari profesi web developer. Fokus pekerjaannya adalah seputar membuat dan mengembangkan bagian depan sebuah web. Sederhananya begitu. Front-end developer mengubah desain yang dibuat web designer menggunakan HTML, CSS dan Javascript sehingga menjadi halaman web interaktif yang bisa diakses oleh pengguna.

Terkadang, seorang front-end developer juga merangkap sebagai web designer. Bahkan, terkadang juga lebih dikenal sebagai web designer, disamping sering disebut juga sebagai Front-end Designer dan Front-end Engineer. Hal ini karena baik Front-end Developer maupun Web Designer membutuhkan hal yang sama yaitu ide dan kreatifitas yang tinggi. Web designer dituntuk untuk dapat menciptakan desain web yang enak dilihat (User Interface) dan mudah digunakan atau dimengerti (User Experience). Sedangkan Front-end Developer dituntut untuk membuat halaman web yang interaktif dan mudah digunakan oleh pengguna.

Menjadi seorang Front-end developer juga dituntut untuk selalu up-to-date terhadap teknologi-teknologi baru yang populer di dunia. Berbagai library, plugins, framework, dan template muncul atau diperbarui setiap harinya, menjadi bagian yang ikut andil dalam perkembangan front-end development.

Oleh karena itu, adalah hal yang sangat penting bagi front-end developer untuk selalu terupdate pada informasi-informasi terbaru, juga bergaul dan berkolaborasi dengan orang-orang yang satu profesi dari seluruh dunia. Berikut ini adalah situs-situs yang membahas front-end development sekaligus juga tempat berkumpulnya para developer saling menunjukkan karyanya. Saran saya, setidaknya ikutilah salah satunya agar anda menjadi seorang front-end developer atau web designer yang up-to-date.

*note :
– Semua situs di bawah berbahasa inggris. Untuk situs berbahasa indonesia, sangat sulit untuk menemukan yang benar-benar berkualitas dan lengkap.
– Urutan situs di bawah tidak mencerminkan kualitasnya.

Artikel dan Tutorial

1. Smashing Magazine

Smashing Magazine
Smashing Magazine secara khusus memang membahas seputar desain web dan front-end development. Kelengkapan kontennya sudah tidak diragukan lagi karena situs ini termasuk situs-situs pionir yang membahas tentang desain web. Kebanyakan kontennya adalah artikel-artikel seputar konsep-konsep dan tips-tips desain web beserta penerapannya.

2. Tutsplus

TutsPlus
Seperti yang anda lihat, sebenarnya Tutsplus bukanlah situs yang dikhususkan front-end dev. Situs ini juga membahas tentang Desain Grafis dan Fotografi. Namun karena situs ini merupakan situs ‘course’ dan tutorial yang dikelola secara professional oleh envato -salah satu perusahaan besar yang juga mengelola themeforest, codecanyon, dsb-, kontennya menjadi sangat lengkap dan berkualitas.

3. SitePoint

SitePoint
Sitepoint adalah situs yang memang kontennya khusus berisi hal-hal seputar web development. Konsepnya hampir sama seperti Tutsplus yang menyediakan berbagai kursus dan tutorial. Konten-konten di sini tidak hanya ditulis oleh beberapa orang saja, melainkan oleh banyak orang. Di sini juga tersedia forum yang memungkinkan anda untuk berdiskusi dengan sesama web programmer.

4. 1st Web Designer

First Web DesignerFirst Web Designer termasuk situs-situs awal yang membahas desain web. Jenis kontennya tidak jauh beda dengan Smashing Magazine yang membahas berbagai konsep desain web, berikut dengan panduan praktisnya. Situs ini juga membahas banyak tentang menjadi freelance web designer.

5. Web Designer Depot

Web Designer Depot
Web Designer Depot merupakan situs desain web yang terbilang kreatif dan tidak membosankan. Konten-kontennya tidak jauh beda dengan 1st web designer dan smashing magazine. Yang membedakannya, situs ini menerbitkan comics of the week sebagai konten kreatif dan intermezo. Selain itu, Web Designer Depot juga menerbitkan berbagai resources web design yang cukup berkualitas.

6. Hongkiat

Hongkiat
Hongkiat adalah situs yang membahas seputar teknologi digital, termasuk didalamnya web design dan web development. Walaupun tidak terfokus ke satu topik, situs ini mempunyai konten yang cukup lengkap dengan kualitas yang bagus, mengingat umur atau jam terbangnya yang sudah lama.

7. Scotch.io

Scotch.ioSejujurnya, saya belum begitu lama mengenal Scotch.io ini. Jika dilihat dari konten-kontennya, situs ini terfokus pada coding, bukan pada desain. Situs ini membahas tutorial-tutorial praktis mengenai front-end development dan back-end development dengan berbagai jenis platform dan bahasa pemrograman.

8. CSS-tricks

CSS Tricks
Sesuai dengan namanya, CSS-Tricks membahas berbagai tips dan tutorial CSS. Sejauh ini, CSS-Tricks merupakan situs terlengkap dan terbesar yang secara khusus membahas CSS. Selain sebagai situs blog, CSS-Tricks juga menyediakan Forum diskusi yang memungkinkan setiap pengunjungnya untuk daftar dan berdiskusi satu sama lain.

9. Html5 Rocks

Html5 Rocks

Sesuai namanya, Html5 Rocks membahas berbagai hal mengenai HTML5. Bahasannya, tentu tidak akan jauh dari browser compability, trik-trik menggunakan Html5 dan hal-hal lain yang berkaitan. Selain itu, situs ini juga membahas tool browser dan web development yang dapat memudahkan para developer.

Creative Resources

Situs-situs di bawah berisi berbagai resource atau sumber-sumber belajar yang berbentuk file demo yang bisa anda download secara gratis.

10. Codrops

Codrops

Dari semua situs yang saya tulis di sini, Codrops adalah situs desain web pertama yang saya kenal sejak saya belajar front-end development. Menurut saya, Codrops adalah situs desain web paling kreatif dan anti mainstream. Di sini tersedia berbagai resources sekaligus tutorial trik-trik CSS dan JS yang out-of-the-box. Konten-kontennya juga banyak yang merupakan hasil ide kreatif dan eksperimen dari penulisnya, yang sudah malang-melintang dalam front-end development. Selain itu, tersedia juga berbagai koleksi desain, ikon, font dan sebagainya.

11. W3 Layouts

W3 Layouts

W3 Layouts adalah situs yang menyediakan berbagai resources berupa template-template website terbaru, template dan desain UI website, dan sebagainya. Resources yang tersedia di sini diambil dari berbagai sumber/developer sehinga kualitas dan stylenya sangat beragam. Anda bisa mendownload dan mengunakan resources-nya secara gratis.

12. Codyhouse

Cody House

Sebenarnya, Codyhouse merupakan situs kursus belajar HTML, CSS dan JS yang berbayar maupun gratis. Walaupun tidak selengkap situs-situs lain yang secara khusus menyediakan resources, codyhouse juga menyediakan berbagai resources gratis dan juga berbayar dengan kualitas yang tidak kalah bagus.

Playgrounds

Situs-situs di bawah adalah tempat para front-end developer melakukan berbagai eksperimen, belajar dan saling berbagi satu-sama lain.

13. Codepen.io

Codepen

Bukan front-end developer kalau tidak kenal codepen. Sejauh ini situs ini merupakan playground terbesar dan terlengkap. Selain menyediakan tempat untuk bereksperimen dengan live demo, codepen juga memfasilitasi penggunanya yang ingin menulis seputar front-end development, membaca berbagai artikel, juga tempat untuk kolaborasi team (berbayar).

14. Jsfiddle

JS Fiddle

Seperti codepen, JS Fiddle adalah situs yang memfasilitasi para pengunanya untuk bereksperimen dengan HTML, CSS dan Javascript dengan berbagai librarynya. Walaupun fiturnya tidak selengkap codepen, JS fiddle juga sudah terkenal di kalangan front-end developer.

15. CSS Deck

CSS Deck

Konsep CSS Deck tidak jauh beda dengan codepen. Walaupun fitur dan popularitasnya tidak sebagus codepen, CSS deck sudah mempunyai cukup banyak pengguna dan project sebagai sarana diskusi dan belajar anda.

16. Plunker

Plunker

Sama seperti yang lainnya, plunker menyediakan tempat untuk para developer untuk bereksperimen dan berbagi karyanya.

Lain-Lain

Selain sumber-sumber di atas, ada juga link-link seputar front-end yang mungkin harus anda kunjungi juga.

17. Up-to-Date Front-end Rescue

Jika anda kurang puas dengan rekomendasi situs yang saya tulis di atas, mungkin anda baiknya anda mengunjungi situs ini. Situs ini juga berisi link untuk resources front-end developer agar tetap up-to-date. Di sini juga terdapat link mengenai newsletter minguan serta konferensi yang bisa anda datangi.

18. Javascript

Situs ini adalah pusatnya javascript, sesuai dengan namanya. Jika anda ingin mengetahui berbagai hal mengenai javascript yang meliputi tutorial, perkembangan, berita dan sebagainya, silahkan kunjungi situs ini.

19. Front-end Handbook

Terakhir, Front-end Handbook. Seperti namanya, ini adalah ‘buku saku’ untuk front-end developer yang berisi spesifikasi kerja, komunitas, resources, buku dan sebagainya. Situs ini di update setiap tahunnya sesuai perkembangan front-end development.

Itulah, situs-situs yang saya rekomendasikan bagi yang sedang belajar maupun sudah berprofesi sebagai web designer atau front-end developer. Jangan lupa juga untuk bergabung dengan grup-grup web designer yang pernah saya tulis di artikel ini : 10 Grup Web Designer & Developer yang Harus Anda Ikuti.

Jika sangat baru untuk memulai belajar koding, dan tidak tahu di mana harus memulai, silahkan baca juga artikel ini : 7 Situs Terbaik untuk Belajar Koding Website(HTML, CSS & PHP).

Demikianlah yang bisa saya share kali ini. Jangan lupa untuk anda re-share juga. Siapa tahu jadi pahala :D, hehe. Semoga bermanfaat.

~Muhammad Syakirurohman~

4 Comments

  1. Mantap nih,, komplit…
    terimak kasih mas untuk rekomendasinya,
    salam kenal,

  2. terimakasih untuk informasinya..sangat membantu sekali

  3. gan kok link ane masuk ke blog agan yak, kenapa ya
    http://www.outocar.info

  4. makasih pak bos, sangat komplit banget refrensinya. tambah semangat nih saya. mugi tambah barokah.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *