Isi kandungan:
- Apa yang dilakukan oleh Pembangun Bahagian Depan
- Menguasai Asas
- Alat Pembangunan Web Asas
- Teknologi Penyokong Pembangunan Web Asas
Semua yang anda perlu ketahui untuk menjadi pembangun laman web hadapan!
Sekiranya anda ingin belajar membuat kod dengan tujuan menjadi pemaju depan, terdapat banyak perkara yang perlu anda ketahui agar berjaya dan mendapat pekerjaan. Anda harus bermula dengan memahami asas-asas pengembangan web, kemudian meningkatkan kemahiran anda dengan alat dan sumber tambahan yang digunakan oleh kebanyakan pembangun web.
Sekiranya anda telah melakukan penyelidikan dan anda pasti bahawa pembangunan front-end adalah cara yang sesuai untuk anda, periksa alat-alat ini yang juga perlu anda kuasai. Mengetahui alat dan sumber ini bukan sahaja dapat membantu anda dalam proses pengembangan web, tetapi juga akan membantu anda mengetuai persaingan langsung ketika melamar pekerjaan.
Akhirnya, jika anda tidak yakin 100% jika belajar membuat kod adalah sesuatu yang ingin anda cuba, berikut adalah 10 sebab mengapa anda harus belajar membuat kod.
Apa yang dilakukan oleh Pembangun Bahagian Depan
Anda perlu terlebih dahulu mengetahui dengan tepat apa itu pembangun web front-end. Secara umum, pembangunan web terdiri daripada tiga jenis pekerjaan yang tersegmentasi:
- Pembangun Bahagian Depan. Orang ini (juga disebut pembangun web front-end atau front-end engineer) adalah pembangun web yang bekerja dengan bahagian depan laman web dan aplikasi web, yang merangkumi semua yang dilihat dan digunakan oleh pengguna dalam penyemak imbas halaman web. Pembangun bahagian depan biasanya berfokus pada reka bentuk.
- Pemaju Back-End. Orang ini bertanggungjawab untuk bahagian belakang atau bahagian pelayan laman web dan aplikasi web. Bahagian belakang adalah di mana semua data dimanipulasi dan dikemas kini. Pemaju belakang biasanya pemikir logik.
- Pembangun Stack Penuh. Orang ini adalah ninja khas yang mahir di bahagian depan dan hujung belakang. Sekiranya anda gemar bekerja dengan "barang cantik" dan juga barangan "super berteknologi", pekerjaan ini mungkin sesuai untuk anda…
Juga, lama dahulu di galaksi yang jauh, jauh… ada tajuk yang dikenali sebagai Web Designer. Pereka web tidak semestinya berurusan dengan belajar membuat kod sama sekali, dan hanya fokus pada aspek reka bentuk laman web.
Hari-hari ini, kerana laman web dan aplikasi web menjadi jauh lebih berfungsi dan interaktif, pasaran kerja menuntut perkhidmatan orang yang tahu bagaimana merancang dan kod.
Masih ada beberapa pekerjaan yang tersedia untuk pereka web, tetapi kebanyakan pereka web berusaha untuk belajar membuat kod untuk peluang, gaji, dan keamanan pekerjaan yang lebih baik. Dalam banyak cara, tugas pemaju front-end dapat dilihat sebagai pereka web yang mahir dengan bahasa pengaturcaraan, mungkin JavaScript.
HTML adalah kerangka halaman web, CSS adalah kulit, dan JavaScript adalah otak.
Menguasai Asas
Anda benar-benar mesti memahami tiga teknologi asas yang digunakan dalam pembangunan web, iaitu:
- HTML: ini adalah blok bangunan asas pertama dari semua laman web, memberikan struktur ke laman web. HTML adalah bahasa pengekodan, tetapi bukan bahasa pengaturcaraan lengkap, sebaliknya bahasa pengantar. Bahasa markup membolehkan anda "mark up" teks untuk tujuan pemprosesan.
- CSS: ini adalah blok asas kedua dari semua halaman web, ia bertanggungjawab untuk "rupa dan nuansa" halaman web. CSS juga bukan bahasa pengaturcaraan.
- JavaScript: merupakan blok bangunan ketiga dan bahasa pengaturcaraan sebenar pertama yang dipelajari oleh kebanyakan pembangun web. JavaScript berjalan di penyemak imbas komputer, dan ia memungkinkan untuk fungsi laman web.
Sekiranya anda membayangkan tiga asas pembangunan web seperti yang anda bayangkan seseorang, anda boleh memikirkannya dengan cara ini: HTML adalah tulang dan kerangka laman web, CSS menyediakan kulit, dan JavaScript adalah otak.
Anda boleh terus belajar untuk membuat kod sekarang dengan mengikuti kursus kemalangan HTML oleh Brad Traversy, yang merupakan WHIZ dalam mengajar teknologi pembangunan web:
Alat Pembangunan Web Asas
- Teks Editor: kami menulis kod menggunakan editor teks, dan anda perlu memilihnya dan menjadi biasa dengan semua kemampuannya. Beberapa penyunting teks popular hari ini merangkumi: Atom, Teks Sublime, Kurungan, Kod Visual Studio, dan MS Notepad lama dan Edit Teks Mac.
- Alat Pembangun Penyemak Imbas: Google Chrome dan Mozilla Firefox kedua-duanya dilengkapi dengan alat pembangun dalaman yang membolehkan anda melihat dan memanipulasi kod mana-mana laman web di penyemak imbas anda.
- Alat ini bagus untuk tujuan penyahpepijatan, dan tentu saja… anda adalah satu-satunya yang dapat melihat perubahan yang anda buat pada laman web dengan alat pembangun, kerana anda hanya memanipulasi laman web seperti yang terdapat di dalam penyemak imbas anda sendiri.
- Versi Sistem Kawalan: Sistem kawalan versi membolehkan anda mengurus perubahan pada projek web anda. Ini membolehkan anda kembali ke versi projek yang berbeza tanpa mengganggu projek yang digunakan sehingga anda dapat menyempurnakan projek yang sedang anda kerjakan. Terdapat beberapa sistem kawalan versi yang digunakan, tetapi sejauh ini Git adalah yang paling dominan.
- Command Line (Terminal): Penguasaan menyeluruh terhadap command line diperlukan untuk pengembangan web profesional. Baris arahan kelihatan menakutkan, tetapi memudahkan memuat naik pakej perisian baru, dan juga menjadikannya sangat mudah untuk menavigasi fail dan folder. Anda boleh belajar menguasai baris perintah dalam sehari.
Teknologi Penyokong Pembangunan Web Asas
- Preprocessor CSS: teknologi ini menjadikan penulisan dan pemeliharaan CSS sangat mudah. Sejauh ini, preprocessor CSS yang paling biasa adalah SASS, dan ia dapat dipelajari dalam sehari
- Kerangka CSS: Ketika membuat tugas CSS yang rumit lebih sedikit memakan masa untuk dibuat, kerangka kerja CSS yang perlu anda ketahui adalah Twitter Bootstrap.
- CSS Flexbox & CSS Grid: Ini adalah kedua susun atur model web CSS yang banyak membantu menjadikan laman web anda bergerak pantas.
- Bundling Tools: Webpack dan Browserify with Gulp digunakan untuk membantu memuatkan halaman anda lebih cepat ke penyemak imbas. Alat-alat ini berfungsi untuk memperkecil atau memperkecilkan kandungan anda untuk masa muat yang lebih cepat.
- Perpustakaan & Kerangka JavaScript: perpustakaan dan kerangka kerja membolehkan anda menambahkan interaksi JavaScript ke laman web dengan cepat, lebih mudah, dan lebih berkesan. Mereka juga membantu mempermudah aspek JavaScript yang lebih kompleks. Beberapa perpustakaan dan kerangka kerja yang popular termasuk: JQuery, React, dan Angular.
Seperti yang anda lihat, ada banyak yang perlu anda pelajari untuk menjadi pembangun web yang paling maju. Berita baiknya ialah SEMUA alat, sumber dan teknologi ini dapat dipelajari secara percuma. Anda sudah dapat melihat bahawa terdapat banyak sumber percuma di YouTube sahaja…
Sekiranya anda memerlukan pembelajaran yang lebih komprehensif, semua alat ini dapat dipelajari tanpa menggunakan sumber pembelajaran dalam talian seperti Team Treehouse. Terdapat juga kursus tunggal yang tersedia, seperti kursus Pengembangan Front-End Lengkap atau Modern React on Udemy.