Kursus Singkat 101
10 Modul
5 Minggu

Frontend & Backend

Klik untuk menyalin

Dasar-dasar frontend & backend


Nah, kami menemukan aplikasinya, kami melakukan klasifikasi dasar, kami memilah jenis aplikasi web. Tapi bagaimana cara kerjanya?

Dan di sini kita sampai pada istilah yang sangat penting.

Frontend dan Backend

Ilustrasi paling sederhana adalah teater. Kami datang ke pertunjukan, kami melihat artis di atas panggung, kami bertepuk tangan, kami mendapatkan busur sebagai balasannya. Dan pada saat yang sama, kita tahu pasti bahwa teater tidak terbatas pada auditorium, dan tidak berakhir dengan panggung. Di suatu tempat kostum dijahit, persiapan sedang berlangsung di ruang ganti, di suatu tempat sutradara memberikan instruksi. Kami tidak melihat semua itu, tetapi kami tahu pasti bahwa itu ada, dan tanpa semua itu teater tidak akan dapat bekerja.

Dengan cara yang hampir sama, semuanya diatur dalam aplikasi web.

Ada lapisan yang kita lihat. Halaman yang ditampilkan saat kita membuka beberapa situs. Halaman ini mungkin memiliki beberapa jenis animasi dan bahkan tombol yang dapat Anda klik.

Lapisan yang terlihat ini disebut " Frontend ". Ini mencakup semua yang ada di sisi pengguna. Segala sesuatu yang ditampilkan di layar perangkat Anda. Sesuatu yang dapat Anda lihat dan bahkan rasakan.

Tetapi pada saat yang sama, kita dapat yakin bahwa semuanya tidak terbatas pada frontend. Lagi pula, bahkan frontend itu sendiri, baru-baru ini, tidak ada di layar maupun di memori komputer. Itu muncul ketika kami memutuskan untuk membuka situs lain dan memasukkan alamatnya di browser.

Kami membuat permintaan untuk menampilkan situs dan menerima tanggapan. Blok apa yang dimilikinya, di mana letaknya, bagaimana tampilannya, font apa yang digunakan. Kami menekan tombol dan perintah masuk ke server untuk menghitung beberapa informasi, mengeluarkan jawaban, dan memberikan solusi untuk masalah tersebut. Sistem permintaan dan respons ini, Request-Response, adalah landasan bagaimana semua aplikasi Web bekerja.

Permintaan melalui Internet pergi ke server, ke sisi yang tidak terlihat oleh mata kita, ke " Backend ". Pada saat yang sama, permintaan itu sendiri juga berisi informasi tertentu, memiliki beberapa parameter. Berdasarkan informasi ini, backend memutuskan tanggapan mana yang akan dikirim (atau dapat mengangguk dengan sopan, mengakui penerimaan permintaan, tetapi tidak mengirimkan data lagi).

HTTP

Protokol transfer data itu sendiri disebut HTTP - HyperText Transfer Protocol. Anda dapat melihat 4 huruf ini di awal bilah alamat browser. Ini menginformasikan bahwa interaksi akan dilakukan menggunakan protokol HTTP. Kita dapat mengatakan bahwa para pihak setuju dalam bahasa apa mereka akan berkomunikasi.

Dan jangan biarkan namanya menipu Anda. Memang, pada awal Internet, protokol disusun secara eksklusif untuk hypertext. Artinya, teks dengan tautan, dengan kemampuan untuk pergi ke halaman lain, dapatkan teks lain. Sekarang Anda dapat mentransfer data apa pun: gambar lucu, lagu, video tarian dari Tik-Tok.

Dalam modul kursus selanjutnya, kita akan membahas struktur permintaan dan tanggapan secara rinci. Kami akan membuat permintaan dengan tanggapan, serta logika untuk pemrosesannya. Pada tahap ini, cukup memahami prinsip transfer data dari frontend ke backend dan sebaliknya.

Database

Omong-omong, data itu sendiri tidak muncul secara ajaib. Tampilan permintaan di sisi frontend mudah dimengerti - Anda memasukkannya sendiri. Tetapi untuk mentransfer informasi kepada Anda, Anda perlu mengatur penyimpanan dan pemrosesannya.

Untuk tujuan ini, " Database " (DB) berfungsi. Mereka menyimpan data dalam bentuk terstruktur. Dan ada sistem yang mengelola data ini - DBMS (Sistem Manajemen Basis Data). Mereka memungkinkan Anda untuk menulis data baru ke database, mendapatkan data dari sana, mengubahnya, menghapusnya (Semua ini bersama-sama dilambangkan dengan singkatan CRUD - Buat, Baca, Perbarui, Hapus). Kami juga akan mempelajari semua ini secara rinci dalam modul mendatang. Mari kita cari tahu apa itu database secara umum, bagaimana pekerjaan mereka diatur dan betapa mudahnya mengelolanya di AppMaster.io .

Was this article helpful?
Masih mencari jawaban?