Latihan Bootstrap

  

Tugas Pertemuan 6: Latihan JavaScript

Programming Web A

Nama: Nathanael Oliver Amadhika Yuswana

NRP: 5025241109

Pada minggu keenam, saya diajarkan mengenai penggunaan Bootstrap dalam pembuatan website. Bootstrap adalah frameworkopen-source yang digunakan untuk mempercepat proses pembuatan tampilan website yang responsif dan konsisten di berbagai perangkat. Bootstrap menyediakan kumpulan komponen yang bisa digunakan seperti grid system, tombol, navigasi, form, serta mendukung kostumisasi melalui kelas CSS dan JavaScript bawaan. Website dan dokumentasinya dapat diakses melalui link berikut:

Source code: oliverrgh/Latihan-Bootstrap

Link website: Halaman Konten Modern Bootstrap

                       Login

Tampilan website:












Komentar

Posting Komentar

Postingan populer dari blog ini

Menguasai Skill Typing

Gambar
Tugas Pertemuan 1: Menguasai Skill Typing Programming Web A Nama: Nathanael Oliver Amadhika Yuswana NRP: 5025241109 Mengetik adalah salah satu kemampuan dasar yang perlu dikuasai oleh suatu programmer atau developer. Teknik yang umum digunakan, yang juga sedang saya pelajari saat ini, adalah mengetik menggunakan sepuluh jari. Dalam jangka satu minggu, dari 25 hingga 31 Agustus, saya melatih kemampuan mengetik saya melalui website monkeytype.com. Hasil yang saya dapat dari latihan selama seminggu ke belakang dapat dilihat pada gambar berikut: Angka WPM-nya mencapai 103, tetapi akurasinya masih berada di angka 98%. Selain itu, saya juga masih belum terbiasa untuk menggunakan jari kelingking kanan saya untuk mengetik.
Baca selengkapnya

Membuat Landing Page

Gambar
Tugas Kelompok Pertemuan 3: Membuat Landing Page Programming Web A Nama: Nathanael Oliver Amadhika Yuswana / 5025241109 Nama Partner : Mitra Partogi / 5025241017 Pada pertemuan tiga, kami diminta untuk membuat landing page dari sebuah objek wisata/kuliner yang ada di Surabaya. Berikut adalah detail rencana website yang kami harapkan : 1. Topik Landing Page : Kuliner (Depot Bu Rudy) 2. Rencana design : Pada bagian paling atas terdapat navbar berwarna gelap yang menampilkan logo restoran di sisi kiri, serta tautan navigasi di sisi kanan dengan pilihan Home, Menu, dan Contact. Tepat di bawahnya, halaman langsung menampilkan hero section berupa gambar makanan best seller. Gambar-gambar ini disusun dalam bentuk slider yang bisa digeser ke samping, sehingga pengunjung dapat melihat beberapa hidangan unggulan secara interaktif. Di bagian depan slider, terdapat teks mengenai menu dengan background transparan. Terdapat pula tombol Order Now dengan background oranye, sebagai ajakan untuk mem...
Baca selengkapnya
Gambar
  Tugas Pertemuan 3: Form dan Frame Programming Web A Nama: Nathanael Oliver Amadhika Yuswana NRP: 5025241109 Saya mengimplementasikan tabel, form, dan frame pada halaman website yang saya buat. Namun, karena tag <frameset>   tidak dapat digunakan di HTML5, saya menggunakan flex sebagai cara alternatif.  Dokumentasinya dapat dilihat pada gambar-gambar berikut: Source code:  oliverrgh/Form-dan-Frame: Implementasi table, form dan frame
Baca selengkapnya