Berkenalan dengan Aplikasi Berbasis Web
Mari kita mulai dengan menjelajahi dunia aplikasi web yang paling kalian sukai! Mungkin ada beberapa aplikasi web yang benar-benar kalian gemari atau gunakan dengan rutin. Seperti contohnya aplikasi belanja online, aplikasi chatting dan sebagainya. Coba buka satu aplikasi berbasis web yang teman-teman sukai, lalu bayangkan, bagaimana ya kalau nanti kita bisa buat aplikasi secanggih itu? Pasti seru banget.
Yuk, kita buat langsung sebuah halaman web sederhana!
<!DOCTYPE html>
<html>
<head>
<title>Halaman Webku</title>
</head>
<body>
<h1>Selamat Datang di Halaman Web Saya</h1>
<p>Ini adalah halaman web pertamaku, dan aku sangat senang membuatnya!</p>
</body>
</html>
Dengan membuat sebuah file baru dengan ekstensi .html pada aplikasi Visual Studio Code dan menuliskan kode di atas, teman-teman sebenarnya sudah berhasil membuat sebuah halaman web sederhana. Coba jalankan aplikasi tersebut dengan terlebih dahulu meng-install sebuah extension bernama Live Server pada VSCode.
Lalu Klik Kanan pada kode tersebut > Pilih Open With Live Server.
Sekarang, coba lengkapi halaman tersebut dengan menambahkan informasi yang teman-teman ingin tambahkan dengan menuliskannya pada kode HTML.
Contohnya dengan membuat judul baru dengan <h1>, membuat paragraf baru dengan <p> dan menambahkan sebuah gambar dengan <img> seperti kode di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Halaman Webku</title>
</head>
<body>
<h1>Selamat Datang di Halaman Web Saya</h1>
<p>Ini adalah halaman web pertamaku, dan aku sangat senang membuatnya!</p>
<img width="300px" src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1472&q=80"/>
</body>
</html>Sekarang, kita akan membahas beberapa hal dasar mengenai pengembangan aplikasi web yang penting untuk teman-teman pahami.
Web Browser: Portal ke Dunia Internet
Kalian tentu pernah mendengar tentang web browser, bukan? Web browser adalah alat yang sangat penting ketika kita menjelajahi internet. Mari kita jelaskan lebih lanjut apa itu web browser dan mengapa kita harus menggunakannya. Web browser, atau disebut juga peramban web, adalah program komputer yang dirancang khusus untuk membantu kita menjelajahi internet dan menampilkan halaman-halaman web. Jadi, bisa dikatakan, web browser adalah pintu gerbang atau portal kita ke dunia internet. Itulah mengapa setiap kita menjalankan kode aplikasi web yang sebelumnya kita buat, browser akan terbuka.
Sekarang mari kenali beberapa contoh web browser yang sering digunakan:
Google Chrome: Ini adalah salah satu web browser yang paling populer dan banyak digunakan di seluruh dunia. Chrome dikenal cepat, aman, dan memiliki berbagai ekstensi yang dapat menambahkan fungsi tambahan.
Mozilla Firefox: Firefox adalah web browser open source yang sangat disukai oleh banyak pengguna. Ini menonjol dalam kustomisasi dan privasi pengguna.
Microsoft Edge: Microsoft Edge adalah web browser yang dikembangkan oleh Microsoft. Ini menggantikan Internet Explorer dan memiliki integrasi yang baik dengan produk-produk Microsoft lainnya.
Safari: Safari adalah web browser yang dikembangkan oleh Apple dan biasanya digunakan pada perangkat Mac dan iOS. Ini dikenal karena kinerjanya yang cepat dan integrasinya dengan ekosistem Apple.
HTML: Fondasi Halaman Web
HTML adalah singkatan dari "HyperText Markup Language." Jadi, apa artinya semua ini? Bayangkan HTML sebagai fondasi atau kerangka tubuh dari sebuah halaman web, mirip dengan tulang-tulang dan struktur tubuh kita. Dengan HTML, kita membangun struktur dan tampilan dasar sebuah halaman web atau bahkan sebuah aplikasi web.
HTML adalah Bahasa Markup, Bukan Bahasa Pemrograman
Sekarang, penting untuk diingat bahwa HTML adalah bahasa markup, bukan bahasa pemrograman. Ini berarti HTML digunakan untuk memberi tahu browser bagaimana cara menampilkan konten di halaman web. Mirip dengan memberi petunjuk, seperti bagaimana menyusun paragraf, menambahkan gambar, membuat tautan, dan sebagainya.
Sederhananya, kita mengkodekan dengan HTML untuk memberi tahu browser apa yang harus ditampilkan dan bagaimana cara menampilkannya. Ini berbeda dengan bahasa pemrograman seperti JavaScript yang digunakan untuk membuat halaman web menjadi interaktif.
Last updated