Apa Itu Front End Developer

-

 1. Pendahuluan

Apa Itu Front End Developer?. Front end developer adalah istilah untuk pengembangan tampilan halaman web. Mengapa dalam pengembangan dipisahkan antara tampilan dan program dalam pembuatan website ?. Alasanya karena aplikasi berbasis web menggunakan kode yang bersifat open source. Kode-kode yang dikembangkan secara gratis sering memiliki keterbatasan. Dengan kata lain semua harus dikerjakan sendiri.

2. Front End Developer

Seperti sebuah buku. Kesan pertama datang dari cover. Begitu pentingnya penampilan di zaman ini. Menunjukkan pentingnya pekerjaan ini.

Apakah front end developer harus bisa desain. Jawabanya bisa iya bisa juga tidak. Jika desain sudah disiapkan oleh tim UI & UX maka front end developer cukup mengikuti desainnya saja.

Apakah front end developer tidak perlu keterampilan koding. Jawabanya perlu karena tampilan sendiri dibangun menggunakan kode.

Apakah front end developer harus kuat analisa dan logika. Jawabannya tidak. Urusan logika tangganggung jawab back end developer.

3. Kemampuan Front End

Kemampuan seorang front end developer yang harus dimiliki adalah html, css, javascript dan API.  

1. Html

Kode yang harus dikuasai front end developer adalah html. Html adalah pondasi sebuah tampilan. Fondasi tersebut tidak sembarangan. Karena penting bagi search engine seperti google. Maka perlu pengetahuan penulisan kode html yang baik dan benar.

2. Css

Css adalah gaya tambahan untuk menghidupkan tampilan. Efek animasi pun sudah ditangani css. Meskipun bisa dikembangkan sendiri. Banyak pihak yang mau membantu pengembangan kode css. Istilahnya framework css. Bootstrap dapat menjadi pilihan framework css yang powerfull.

3. JavaScript

Fungsi javascript dalam front end developer lebih mengarah kepada pemrograman sisi web browser. Untuk memberikan respon-respon cepat yang tidak dapat dilakukan oleh server. Framework yang wajib dikuasai adalah jQuery.

4. API

API sebagai penghubung kerja antara front end dan back end developer. Cara kerjanya mengambil data hasil pengolahan back end developer untuk ditampilkan ke halaman oleh front end developer. Front end cukup mengetahui cara memanfaatkan data JSON dari back end.

4. Node JS

Dewasa ini server side programming javascript banyak digunakan. Alasannya banyak kemudahan yang ditawarkan, diantaranya:

  1. Cukup belajar satu bahasa pemrograman untuk client maupun server side (front end & back end) yaitu javascript.
  2. Implementasi micro services.

5. Kesimpulan

Berikut ini beberapa kesimpulan yang dapat ditarik dari penjelasan di atas:
  1. Front end developer adalah perkerjaan pembuatan tampilan halaman website. Kemampuan yang harus dimiliki html, css, javascript, API dan juga Node JS.
  2. Front end developer dan back end developer terhubung dengan API.
  3. Javascript adalah rekomendasi bahasa pemrograman yang cocok untuk client side maupun server side programming.

Popular posts from this blog

Cara membuat Link ke Halaman lain dan Link ke bagian Halaman

-
Image
Link adalah bagian dari HTML yang fungsinya untuk menghubungkan satu halaman dengan halaman lain. Link juga bisa diartikan sebagai cara berpindah dari satu halaman ke halaman lain. 1. Link ke Halaman Lain Tag yang digunakan untuk membuat link adalah tag anchor atau tag <a> , yang berpasangan dengan </a> . Link biasanya menggunakan objek untuk di klik yang di letakkan diatara tag buka dan tag tutup. Teks Tombol (Button) Gambar Ketiga objek di atas sering dijadikan link, dan tidak ada kategori yang paling sering digunakan. Mimilih teks, tombol, atau gambar sebagai link sangat opsional atau tidak ada keharusan. Format link <a href="url" name="nama_link"> Objek Link </a> 1.1. Contoh Link Dengan Objek Teks <!--nama file link.html--> Untuk ke halaman selanjutnya <a href="link2.html">Klik disini</a> Teks klik disini jika di klik halaman akan berpindah ke link2.html. Pada conto
Read more

Cara Menggunakan Template Admin LTE Sebagai Template Web Dinamis

-
Image
Kali ini saya akan membuat tutorial bagaimana menggunakan template gratis sebagai template web dinamis. Pertama anda download terlebih dulu templatenya disini . Pada tutorial ini saya menggunakan template admin LTE 2. Pada template ini saya memecah bagian index.php dan menyatukan kembali dengan include, tujuannya agar template terbagi-bagi dan mudah dipahami. Selain itu, pembagian ini lah yang membuat web menjadi dinamis. Perlu diingat cara saya ini bukanlah cara satu-satu nya Cara Menggunakan template Admin LTE Sebagai Template Web Dinamis . Cara ini saya sharing karena menurut saya adalah cara yang cukup efisien dan mampu menangani semua halaman yang akan kita buat. Bagian terpenting nya adalah mampu menghasilkan program sesuai yang kita harapkan dengan cara yang lebih mudah dibuat. Pertama kita buat folder di htdocs template kemudian ekstrak file zip nya di folder tersebut. Selanjutnya buka folder template dan rename file index.html menjadi index.php  . Buka file
Read more

Cara Membuat Kalkulator Dengan Java Script

-
Image
Kali ini saya akan membagikan tutorial cara membuat kalkulator sederhana dengan java script. Kita ketahui java script adalah bahasa pemrograman klien. Artinya kode program dapat dilihat dari web browser. Kelebihan bahasa java script ini halaman tidak perlu reload. <!--nama file calc.php--> <!DOCTYPE html> <html> <head> <title>Calculator</title> <style type="text/css"> .tombol{ background-color: deepskyblue; } .tabel{ background-color: gold; margin: 10px; padding: 10px; } </style> </head> <body> <form name="calculator"> <table style="background-color: " class="tabel"> <caption>Calculator</caption> <tr> <td>Angka 1</td><td>:</td><td><input type="number" name="angka1"></td> </tr> <tr> <td>Angka 2</td&
Read more