Pemrograman Web

Postingan

Menampilkan postingan dari Juni, 2024

Praktek Front-end Frameworks dan Libraries

Juni 06, 2024

Praktek Front-end Frameworks dan Libraries 1. Setup Bootstrap Buka file HTML Anda (misalnya, index.html ). Tambahkan tautan ke CSS Bootstrap dari CDN (Content Delivery Network) ke dalam tag <head> . <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Landing Page Sederhana</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> </head> 2. Struktur HTML Dasar Buat struktur HTML dasar dengan tag <header> , <section> , dan <footer> . <body> <header class="container-fluid bg-dark text-white py-3"> </header> ...

Baca selengkapnya

Tugas Pembahasan Front-end

Juni 06, 2024

Front-end Frameworks dan Libraries Membangun Web Interaktif dengan Teknologi Modern: Perbandingan Bootstrap, jQuery, React.js, Vue.js, dan Angular Di era digital ini, membangun web yang menarik dan interaktif menjadi kebutuhan penting bagi banyak orang. Untungnya, terdapat berbagai teknologi modern yang dapat membantu Anda mewujudkannya. Dalam makalah ini, kita akan membahas lima teknologi populer: Bootstrap, jQuery, React.js, Vue.js, dan Angular, serta membandingkannya untuk membantu Anda memilih yang tepat untuk proyek Anda. 1. Bootstrap Bootstrap adalah framework CSS yang membantu dalam mendesain web responsif dengan cepat. Ini mencakup komponen siap pakai seperti tombol, form, navbar, modal, dan banyak lagi. Fitur Utama: Sistem Grid : Memungkinkan pembuatan layout yang fleksibel dan responsif. Komponen Pra-gaya : Elemen UI yang siap pakai seperti tombol, kartu, dan dropdown. Kelas Utilitas : Kelas CSS untuk margin, padding, warna, dan lainny...

Baca selengkapnya