Namun, ada beberapa keterampilan yang dibutuhkan oleh pekerjaan pengembangan front-end - keterampilan “inti” - dan beberapa lainnya yang harus Anda pertimbangkan secara serius untuk menambah repertoar Anda.
Apa yang perlu Anda ketahui
Jelajahi daftar pekerjaan online untuk mencari apa yang merupakan kunci bagi pengembang front-end untuk mengetahui dan memahami; ada tiga hal utama.
Tidak bisa dinegosiasikan.
Dan mereka:
- HTML
- CSS
- JavaScript (jQuery)
Ini adalah fundamentalnya. Untungnya, ada banyak platform pembelajaran online gratis atau terjangkau di mana Anda dapat mempelajari keterampilan ini jika Anda belum mengetahuinya.
HTML
HyperText Markup Language, atau HTML, adalah komponen struktural utama dari semua situs web di Internet. Seperti yang Jennifer Kyrnin katakan,
“Ini adalah bahasa laman web — bahasa markup yang dibaca browser untuk merender laman web.”
Halaman web tidak bisa ada tanpa HTML.
CSS
CSS dan HTML bekerja bersama: CSS menambahkan gaya ke HTML. Saya suka menggunakan analogi bahwa HTML itu seperti wajah, dan CSS seperti riasan.
Meskipun CSS tidak diperlukan untuk mendapatkan situs web online, pada dasarnya setiap situs online menggunakan beberapa jenis gaya.
Kalau tidak, itu akan sangat membosankan. Dengan versi terbaru dari CSS, Anda dapat melakukan hal-hal seperti animasi dan styling yang lebih canggih yang hanya mungkin dengan JavaScript atau Flash di masa lalu.
JavaScript
JavaScript, atau JS, telah berkembang pesat selama bertahun-tahun. Ini memiliki banyak tujuan saat ini dan dapat digunakan di bagian depan atau belakang.
Sehubungan dengan pengembangan front-end, JS penting karena membantu membuat halaman web interaktif. Anda dapat melakukan hal-hal hebat seperti membuat jajak pendapat, kuis atau pengiriman formulir.
Saat ini ada banyak perpustakaan JS online untuk membantu Anda membawa halaman web Anda ke tingkat berikutnya.
Namun, untuk menjadi pengembang front-end, Anda hanya perlu memahami JavaScript dasar serta perpustakaan JS paling populer - jQuery.
Nice-to-Haves
Setelah menguasai dasar-dasarnya, ini adalah keterampilan lain yang bagus untuk dimiliki. (Dan banyak pekerjaan pengembangan front-end mencari mereka.)
MV * Kerangka JavaScript
Kerangka JavaScript membantu Anda mengatur dan memadatkan kode Anda.
Sejauh opsi MV * (atau MVC), ada tiga puluh di luar sana: dua yang paling populer adalah backbone.js dan angular.js.
Tanpa ragu, mempelajari kerangka kerja JS adalah bagian tersulit untuk menjadi pengembang front-end sejati, tetapi ini adalah cara terbaik untuk membawa keterampilan Anda ke tingkat berikutnya.
Alat CSS
Dibandingkan dengan kerangka JavaScript di atas, alat CSS di bawah ini relatif mudah dipelajari. Ada tiga jenis yang harus dicari:
Precompilers: Menggunakan precompiler (atau preprocessor) memiliki banyak keuntungan, mulai dari membuat kode bersih hingga memelihara organisasi. Ini adalah cara mudah untuk menulis CSS dan mempromosikan prinsip-prinsip KERING (Don't Repeat Yourself). Prekursor CSS populer adalah Sass, Less, dan Stylus. Jika Anda baru memulai, tetaplah belajar.
Kerangka kerja CSS: Kerangka kerja CSS membantu mengoptimalkan alur kerja Anda dengan kisi-kisi bawaan dan komponen CSS lainnya. Dua contoh populer adalah Bootstrap and Foundation.
Desain responsif: Saat ini, ada banyak jenis perangkat yang berbeda sehingga situs Anda harus dapat beradaptasi dengan semuanya. Desain responsif membantu Anda membuat situs yang berfungsi pada semua ukuran layar - desktop, tablet, dan ponsel cerdas. Kerangka kerja seperti Bootstrap dan Foundation memiliki desain responsif yang dibangun di dalamnya, jadi jika Anda mempelajari salah satunya, Anda siap.
Alat Bangun Front-End
Sebagai pengembang, Anda harus dapat mengelola pengoptimalan ukuran file dan efisiensi alur kerja. Alat-alat ini dapat membantu.
Manajemen Paket: Ini bisa sulit untuk mengatur semua perpustakaan, aset, dan sebagainya, terutama untuk proyek-proyek besar atau di mana Anda bekerja dengan tim.
Gunakan manajer paket, seperti Bower, untuk menyelesaikan semuanya dan simpan log pembaruan Anda.
Yeoman.io: Jika Anda terkadang kesulitan menyelesaikan proyek, gunakan Yeoman untuk memulai dengan cepat proyek dan tetap produktif. Ini dijalankan pada baris perintah.
Task Runners: Gunakan Grunt atau Gulp, yang juga dijalankan pada baris perintah, untuk mengkompres file dan mengoptimalkan alur kerja. Mereka dapat bertindak sebagai kompiler untuk Sass atau Less preprocessors, dan juga memiliki berbagai macam plugin yang menawarkan fitur lain.
Kesimpulan
Sementara yang baik untuk kaya mungkin tampak seperti banyak, menganggap mereka sebagai keterampilan yang harus Anda tambahkan seiring waktu. Hal-hal inti yang perlu Anda ketahui adalah HTML, CSS, dan JavaScript.
Jika Anda memiliki keterampilan web lain , bahkan jika mereka tidak terkait di bagian depan, bawa mereka ke meja - seperti desain, penyuntingan video, SEO, dll. Anda tidak pernah tahu apa yang mungkin perusahaan cari .
Dan tebak apa? Anda mungkin sangat cocok.