Inilah beberapa hal yang harus dipelajari sebelum menjadi Frontend Developer. Simak ulasan dibawah ini!
1. HTML
Hypertext Markup Language (HTML) adalah bahasa markup standar yang digunakan untuk membuat layout sebuah halaman web.
2. CSS
Cascading Style Sheet (CSS) adalah bahasa pemrograman yang digunakan untuk membuat style web.
3. JavaScript
JavaScript berfungsi untuk membuat web menjadi lebih interaktif seperti membuat animasi pada halaman web.
4. Framework CSS dan JavaScript
Jangan lupa belajar framework CSS (Bootstrap, Foundation, Materialize, dll) dan framework Javascript (Angular, React, Vude, Node, dll).
5. CSS Preprocessing
Preprocessor CSS seperti Sass, LESS, atau Stylus berfungsi untuk melakukan preprocessing kode CSS.
Contoh ketika anda ingin mengubah warna merah yang anda gunakan diseluruh situs. Dengan preprocessor CSS, anda hanya perlu mengubah nilai hex disuatu tempat saja dan itu akan mengubah nilai hex dimana-mana.
6. Responsive Design
Setelah paham dengan HTML, CSS dan JavaScript, silahkan pelajari tentang Responsive Design.
Responsive Design membuat aplikasi web yang anda buat dapat terlihat rapi dan menarik disemua ukuran layar.
Popularitas smartphone dan tablet dengan ukuran layar yang berbeda, penting untuk menjadikan desain responsif sebagai prioritas disetiap situs web atau aplikasi yang anda buat.
7. Browser Developer Tool
Belajar juga developer tool pada browser.
Pengguna pada akhirnya akan berinteraksi dengan situs web anda melalui browser web. Cara situs anda dirender oleh peramban/web browser ini akan menjadi bagian besar apakah pekerjaan anda berhasil atau tidak.
Semua browser web modern dilengkapi dengan alat pengembang. Alat-alat ini memungkinkan anda untuk menguji dan menyempurnakan halaman web anda di browser itu sendiri, dengan cara-cara khusus bagaimana browser menginterpretasikan kode anda.
Spesifikasi akan bervariasi pada tiap-tiap browser, tetapi alat pengembang setiap browser umumnya terdapat inspektor dan konsol Javascript.
Inspector memungkinkan anda untuk melihat seperti apa runtime HTML pada halaman anda, seperti apa CSS yang dikaitkan pada setiap elemen pada halaman, dan juga memungkinkan anda untuk mengedit HTML dan CSS anda dan melihat perubahan langsung saat terjadi.
Konsol JavaScript memungkinkan anda melihat kesalahan apapun yang terjadi saat browser mencoba mengeksekusi kode JavaScript anda.
8. Automation Tools
Program-program seperti Grunt dan Gulp dapat digunakan untuk mengotomatiskan pengoptimalan gambar, CSS dan JS minifying, dan web lainnya.
Itulah beberapa hal yang harus dipelajari sebelum menjadi Frontend Developer, semoga bisa membantu anda yang ingin menjadi seorang Fronted developer dan bingung ingin memulai dari mana.
Jika artikel ini dirasa bermanfaat silahkan share ke media sosial supaya yang lain bisa membaca artikel ini juga. Terimakasih..