Teknologi yang Digunakan Dalam Frontend Development

Hai, sobat INDI! pada artikel kali ini, kita akan membahas seputar dunia Frontend Development nih! bagi kamu yang belum tahu apa perbedaan dari Frontend, Backend, dan DevOps dapat membaca artikel Mengenal Frontend, Backend, dan DevOps. Apa Perbedaanya?. Kali ini kita akan coba cari tahu apa saja sih teknologi yang dipakai dalam Frontend Development. Yuk, kita simak dibawah ini!

Siapa Itu Frontend Developer?

Pertama, kita perlu tau dulu nih siapa sih Frontend Developer itu. Dilansir dari MasterBorn, Frontend Developer adalah pengembang yang berperan untuk membuat tampilan website/aplikasi yang interaktif menggunakan kode HTML, CSS, dan Javascript. Dialah yang memindahkan desain yang dibuat UI/UX Designer kedalam bentuk codingan website/aplikasi.

Tampilan website yang terlihat oleh User di browsernya adalah hasil kerja dari seorang Frontend Developer. Namun, dalam membuat website atau aplikasi seorang Frontend Developer pasti menggunakan teknologi atau tools yang bermacam-macam. Kira-kira apa saja sih? Yuk kita bahas sekarang.

Teknologi apa yang digunakan oleh Frontend Developer?

Seorang Front-End Developer harus menguasai dan paham dengan 3 aspek dasar dalam dunia Front-End loh!. Jadi, apa saja sih teknologi yang digunakan dalam Front-End Development?

1. HTML (Hypertext Markup Language)
   Sobat INDI perlu ingat nih, bahwa HTML bukanlah sebuah bahasa pemrograman loh! HTML adalah bahasa markup untuk membangun dasar dari sebuah website agar bisa tampil ke dalam browser. Analogi nya, HTML ini adalah kerangka/tulang dan badan dari sebuah website
   
2. CSS (Cascading Style Sheets)
   CSS ini mempunyai hubungan yang erat dengan HTML. Tugasnya adalah memperindah sebuah layout website yang telah dibuat dari HTML. Mulai dari font style, warna, ukuran, dan aspek lainnya. Kalau dianalogikan, CSS adalah pakaiannya dari sebuah website.
   
3. Javascript
   Javascript adalah bahasa pemrograman yang digunakan di sisi Frontend. Bahasa pemrograman ini digunakan untuk membuat seperti dropdown menu, forms, dan lainnya dapat interaktif dengan user. Kalau diibaratkan, Javascript ini seperti tangan dan kaki nya website.
   
4. Frameworks
   Framework adalah sebuah kerangka kerja yang memudahkan seorang Developer dalam mengembangkan suatu aplikasi. Framework yang dipakai seorang Frontend Developer adalah Framework CSS dan Javascript.
   Contoh Framework CSS :
   1. Bootstrap
   2. Tailwind CSS
   Contoh Framework Javascript :
   1. React JS
   2. Vue JS
   3. Angular JS

Disini, kita sudah paham nih teknologi yang dipakai Front-End. Namun, sepertinya belum lengkap kalau kita tidak membahas juga teman yang satunya, yaitu Backend. Bagi kamu yang tertarik dengan dunia Backend, kamu bisa membaca artikel Teknologi yang dipakai dalam Backend Development terlebih dahulu.

Kesimpulan

Kesimpulan yang bisa kita ambil diatas adalah seorang Front-End Developer memiliki peran untuk membuat tampilan dari website atau aplikasi yang dapat terlihat di browser. Seorang Frontend Developer menggunakan teknologi HTML, CSS, Javascript, dan juga Framework untuk membangun tampilan website atau aplikasi yang interaktif

Semoga pada artikel kali ini, dapat bermanfaat untuk Sobat INDI yang mulai tertarik di dunia Front-End. Thank You Guys!

Karya : Naufal Atha Yudha (@anaufaaal)

Sumber : MasterBorn