Walau bagaimanapun, terdapat beberapa kemahiran yang diperlukan oleh mana-mana pekerjaan pembangunan depan - kemahiran "teras" - dan beberapa orang lain yang anda harus mempertimbangkan secara serius untuk menambah repertoar anda.
Apa yang Anda Perlu Tahu
Semak imbas senarai pekerjaan dalam talian untuk mencari apa yang penting untuk pemaju depan untuk mengetahui dan memahami; terdapat tiga perkara penting.
Tidak boleh dirunding.
Dan mereka adalah:
- HTML
- CSS
- JavaScript (jQuery)
Inilah asas-asasnya. Nasib baik, terdapat banyak platform pembelajaran dalam talian percuma atau berpatutan di mana anda boleh mempelajari kemahiran ini jika anda tidak tahu mereka.
HTML
HyperText Markup Language, atau HTML, merupakan komponen utama struktur semua laman web di Internet. Seperti kata Jennifer Kyrnin,
"Ia adalah bahasa halaman web-bahasa markup yang dibaca penyemak imbas untuk memberikan halaman web."
Halaman web tidak boleh wujud tanpa HTML.
CSS
CSS dan HTML bekerja bersama-sama: CSS menambah gaya ke HTML. Saya suka menggunakan analogi bahawa HTML adalah seperti wajah, dan CSS seperti solek.
Walaupun CSS tidak perlu untuk mendapatkan laman web dalam talian, pada dasarnya setiap laman web dalam talian menggunakan beberapa jenis gaya.
Jika tidak, ia akan menjadi agak membosankan. Dengan versi CSS yang paling terkini, anda boleh melakukan perkara seperti animasi dan styling yang lebih canggih yang hanya mungkin dengan JavaScript atau Flash pada masa lalu.
JavaScript
JavaScript, atau JS, telah berkembang pesat selama bertahun-tahun. Ia mempunyai banyak tujuan pada masa kini dan boleh digunakan pada bahagian depan atau belakang.
Berhubung dengan perkembangan front-end, JS penting kerana ia membantu membuat laman web interaktif. Anda boleh melakukan perkara yang mengagumkan seperti membuat pemilihan, kuiz atau borang penyerahan.
Kini terdapat banyak perpustakaan JS dalam talian untuk membantu anda membawa halaman web anda ke peringkat seterusnya.
Walau bagaimanapun, untuk menjadi pemaju front-end, anda hanya perlu memahami JavaScript asas serta perpustakaan JS paling popular - jQuery.
Nice-to-Haves
Setelah mendapat asas-asas, ini adalah kemahiran lain yang bagus untuk dimiliki. (Dan banyak pekerjaan pembangunan front-end mencari mereka.)
Rangka Kerja JavaScript * MV
Rangka kerja JavaScript membantu anda menyusun dan memperkecil kod anda.
Setakat pilihan MV * (atau MVC) pergi, terdapat tiga puluh di luar sana: dua tulang belakang dan angular.js yang paling popular.
Tidak syak lagi, pembelajaran rangka kerja JS adalah bahagian yang paling sukar untuk menjadi pemaju front-end yang benar, tetapi ia adalah cara terbaik untuk mengambil kemahiran anda ke peringkat seterusnya.
Alat CSS
Berbanding dengan rangka kerja JavaScript di atas, alat CSS di bawah ini agak mudah dipelajari. Terdapat tiga jenis untuk mencari:
Precompiler: Menggunakan precompiler (atau preprocessor) mempunyai banyak kelebihan, daripada membuat pembersih kod untuk menjaga organisasi. Ini cara mudah untuk menulis CSS dan mempromosikan prinsip KERING (Jangan Ulangi). Penyetempatan CSS popular adalah Sass, Less, dan Stylus. Sekiranya anda baru bermula, terus belajar.
Rangka kerja CSS: Rangka kerja CSS membantu mengoptimumkan aliran kerja anda dengan grid terbina dalam dan komponen CSS lain. Dua contoh popular ialah Bootstrap dan Yayasan.
Reka bentuk responsif: Hari ini, terdapat banyak jenis peranti yang membolehkan laman web anda dapat menyesuaikan diri dengan mereka semua. Reka bentuk responsif membantu anda membina tapak yang berfungsi pada semua saiz skrin - desktop, tablet, dan telefon pintar. Rangka kerja seperti Bootstrap dan Yayasan mempunyai reka bentuk responsif yang dibina, jadi jika anda mengetahui salah satu daripada mereka, anda ditetapkan.
Alat Binaan Depan
Sebagai pemaju, anda harus dapat mengoptimumkan saiz fail dan kecekapan aliran kerja. Alat ini boleh membantu.
Pengurusan Pakej: Adalah sukar untuk menyusun semua perpustakaan, aset, dan sebagainya, terutamanya untuk projek besar atau yang mana anda bekerja dengan pasukan.
Gunakan pengurus bungkusan, seperti Bower, untuk mendapatkan semua yang disusun dan menyimpan log kemas kini anda.
Yeoman.io: Sekiranya anda kadang-kadang menghadapi masalah untuk mendapatkan projek-projek di luar tanah, gunakan Yeoman untuk memulakan projek dengan cepat dan teruskan produktif. Ia berjalan pada baris arahan.
Pelari Tugas: Gunakan Grunt atau Gulp, yang juga dijalankan pada baris arahan, untuk memampatkan fail dan mengoptimumkan aliran kerja. Mereka boleh bertindak sebagai penyusun untuk Sass atau Less preprocessor, dan juga mempunyai pelbagai plugin yang menawarkan ciri-ciri lain.
Kesimpulannya
Walaupun bagus untuk dijadikan seperti banyak, fikirkan mereka sebagai kemahiran yang anda perlu tambah dari masa ke masa. Perkara teras yang perlu anda ketahui ialah HTML, CSS, dan JavaScript.
Sekiranya anda mempunyai kemahiran web yang lain , walaupun mereka tidak berkaitan dengannya, bawa mereka ke meja seperti reka bentuk, video editing, SEO, dan sebagainya. Anda tidak pernah tahu apa yang dicari oleh syarikat .
Dan rasa apa? Anda mungkin patut sempurna.