Langsung ke konten utama

Frontend dan Backend



Hallo semua, dah lama sudah tidak ngeblog lagi hehehe :D karna kesibukan real life. Kali ini saya akan sharing apa itu frontend dan backend dari pengalaman pribadi.

Umumnya didunia programming itu ada dua bagian yaitu ada frontend dan backend. Dan pasti disebuah aplikasi mempunya bagian yaitu frontend dan backend.

Dimana frontend ini bertanggung jawab mengurusi tampilan depan atau UI
(User Interface) yang mana tampilan ini bisa berintraksi dengan user, seperti user bisa mengclick sesuatu, user menginput sesuatu, dan sebagainya berhubungan dengan tampilan depan.

lalu, backend dia bertanggung jawab untuk mengurusi proses yang diminta oleh frontend, memanipulasi data, mengelola database, membuat api, dan membuat service lainnya.

Nah, disini yang menarik ada API(Application Programming Interface), apa itu ?

jadi, API ini dia adalah alat komunikasi antara frontend dan backend, dan API ini banyak sekali jenis nya ada:
1. SOAP
2. Rest API
data yang dikirim oleh api ini ada dua bentuk yaitu ada :
1. XML
2. JSON
dan data ini yang akan dikirim oleh backend melalui api atau response balikan backend ketika frontend merequest dari api dan frontend akan mencosume data tersebut alu menampilkannya ke user.

contoh:
User ingin mencari orang yang bernama 'ucup', lalu user mengetik kata 'ucup' di textfield lalu si frontend akan mendapatkan event tersebut lalu akan merequest ke api dan si backend akan mendapatkan request-an dari frontend. 

Lalu backend akan mencarikan data 'ucup' ini ada ngak ? di database, jika ada backend akan mengirim response data tersebut ke frontend. dan jika tidak ada backend juga akan mengirim response data tidak ada ke frontend, lalu frontend menerima response tersebut berbentuk json atau xml tadi dan menampilkanlah dalam bentuk tampilan keuser.





Komentar

Postingan populer dari blog ini

whois

  Pengertian:  whois adalah tools yang digunakan untuk melihat informasi mengenai kepemilikan domain dan website. ICANN meregulasikan domain name dan kepemelikian, tapi record listnya di adakan di semua company dikenal sebagai registrasi.  jadi orang bisa query list of records, dan register akan menghandle request anda dan mengirim detail dari whois record yang sesuai. How to Install whois :  sudo apt-get install whois How to use:  whois cnn.com dan hasilnya akan seperti ini. Domain Name: CNN.COM Registry Domain ID: 3269879_DOMAIN_COM-VRSN Registrar WHOIS Server: whois.corporatedomains.com Registrar URL: http://www.cscglobal.com/global/web/csc/digital-brand-services.html Updated Date: 2018-04-10T16:43:38Z Creation Date: 1993-09-22T04:00:00Z Registry Expiry Date: 2026-09-21T04:00:00Z Registrar: CSC Corporate Domains, Inc. Registrar IANA ID: 299 Registrar Abuse Contact Email: domainabuse@cscglobal.com Registrar Abuse Contact Phone: 8887802723 Domain Status: clien...

Membuat export dan import Excel di spring boot

Membuat export dan import Excel  di spring boot           Adakalanya seorang developer diminta untuk membuat fitur export dan import berbentuk excel dan sebenarnya java sudah menyediakan suatu liblary yang memudahkan kita untuk bekerja dengan MS-Office yaitu Apache POI. Disini saya akan menggunakan Apache POI untuk membaca dan menulis Excel. Catatan : Disini saya sarankan untuk belajar Apache POI Excel terlebih dahulu agar anda mengerti kode yang saya buat di bawah ini. Bahan : -  IntelliJ IDEA -  PostgreSQL -  Maven -  Java 8 Jika sudah tersedia bahan - bahan di atas langsung saja kunjungi situs ini Tambahkan dependency Apache POI di pom.xml seperti di bawah ini. <?xml version="1.0" encoding="UTF-8"?> <project xmlns= "http://maven.apache.org/POM/4.0.0" xmlns:xsi= "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation= "http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0...

Spring Boot CRUD Thymeleaf-Pagination + Bootstrap Dynamic Modals

Spring Boot CRUD Thymeeaf-Pagination + Bootstrap Dynamic Modals                Sebelumnya saya sudah sharing bagaimana cara membuat Spring Boot CRUD sederhana di artikel sebelumnya yang blum lihat silahkan lihat disini . Sekarang saya akan membuat Spring Boot CRUD lagi ala pagination dan Dynamic Modals dengan bootstrap. Bahan : - IntelliJ IDEA - PostgreSQL - Maven - JDK1.8 Jika bahan nya sudah tersedia agan bisa kunjungi situs resmi spring nya https://start.spring.io/  buat seperti ini lalu download dan exract. Buat database yang bernama "springbootcrud2" disini saya menggunakan pgadmin4. Buka intelliJ atau IDE kesayangan kalian buka file application.properties di dalam resources dan isikan ini untuk configurasi databasenya sesuai kan dengan database kalian lalu save. ## Spring DATASOURCE (DataSourceAutoConfiguration & DataSourceProperties) spring.datasource.url = jdbc:postgresql://loc...