Embedded Files
Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
Web responsive adalah teknik atau metode untuk membuat website yang dapat menyesuaikan diri sesuai dengan ukuran layar, resolusi, platform, dan orientasi perangkat pengguna. Tujuan dari web responsive adalah untuk memudahkan pengguna untuk mengakses website di berbagai perangkat tanpa mengurangi kualitas tampilan dan fungsi
Berikut adalah beberapa langkah dalam membangun web responsive:
Selain itu, ada beberapa hal yang harus diperhatikan dalam membuat web responsive, seperti:
Layout dan Tata Letak: Layout website harus dapat menyesuaikan diri dengan berbagai jenis perangkat.
Media: Media seperti foto dan video harus dapat ditampilkan dengan baik di berbagai ukuran layar.
Typography: Typography juga harus responsif dan mudah dibaca di semua perangkat
2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.
Curriculum Vitae (HTML, CSS)
Curriculum Vitae (HTML, CSS)
Curriculum Vitae adalah sebuah alat branding yang digunakan untuk mengekspos kemampuan dan kualifikasi yang dimiliki seseorang. CV yang saya buat hari ini dikembangkan dengan menggunakan bahasa pemrograman HTML dan CSS, menghasilkan sebuah tampilan web yang representatif
Portal Berita
Portal Berita
Portal berita merupakan sebuah laman website yang mengandung informasi berupa berita paling terbaru. Berita yang diakses lewat internet lebih mudah untuk pengguna dalam meraih informasi paling baru.
Course Online
Course Online
Course online merupakan sebuah web yang menyediakan pelatihan serta materi-materi yang terverifikasi dari para ahli. Pengguna dapat mendaftar ke salah satu course dan mendapatkan skill baru.
Wedding Invitation
Wedding Invitation web merupakan sebuah situs yang menampilkan sebuah informasi tentang pasangan yang akan menikah. Informasi yang tersedia seperti pasangan, akad, resepsi, dan buku tamu.
Submit Form JS
Form JS merupakan sebuah form yang dibuat dari HTML, Tailwind CSS, dan script JS. Form yang dibuat pada kesempatan kali ini merupakan sebuah pendataan dosen wali FTEIC.
Bootstrap Form
Bootstrap Form merupakan sebuah form yang dibuat dari HTML, Bootstrap, dan script JS. Form yang dibuat pada kesempatan kali ini merupakan sebuah login form.
3. Sebuah perusahaan ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan.
4. Implementasikan desainmu dan buat dokumentasi.
Portal Berita
Portal Berita
Portal Berita merupakan sebuah laman website yang menyediakan berita-berita terkini. Selain berita, portal berita juga menyediakan lowongan kerja yang sedang dibuka. User juga bisa berinteraksi dengan artikel melalui komentar. Web Portal dibuat menggunakan HTML, TailwindCSS,CSS Vanilla, Splide.JS, dan Javascript
News Portal
News Portal menyediakan berita-berita terkini yang sedang hangat. Topik yang saya ambil adalah berita-berita mengenai dunia pemrograman.
Jobs Portal
Jobs Portal memiliki tawaran-tawaran lowongan kerja di dunia pemrograman. User bisa menyimpannya dengan "Bookmark" atau langsung "Apply Job"
Article
Artikel merupakan lanjut dari News Portal. User dapat menekan card pada News Portal yang berisi Artikel mengenai dunia pemrograman.
Navbar
Navbar berisi logo serta foto profile dari user. Selain itu terdapat poin yang user memiliki sehingga user termotivasi untuk terus membaca
Display Berita
Display Berita berisi card-card article yang dapat user klik dan akan mengarahkan ke halaman artikel.
Kategori
Sidebar berisi kategori-kategori halaman serta berita yang user ingin cari. Sidebar mempermudah user dalam menavigasi halaman-halaman pada portal.
Carousel Informasi Iklan
Carousel Informasi Iklan berisi iklan-iklan yang berhubungan dengan teknologi.
Comment Box
Article juga memiliki comment box yang berguna agar user dapat memberikan pandangannya mengenai artikel yang baru saja dibaca. User jgua dapat membaca komentar-komentar orang lain.
5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi
Page updated
Google Sites
Report abuse