Unit 02 CSS dan Bootstrap Homework: Portofolio Responsif
Desain responsif memastikan bahwa aplikasi web memberikan berbagai perangkat dan ukuran jendela atau layar. Sebagai pengembang, Anda mungkin akan diminta untuk membuat aplikasi mobile-first atau menambahkan desain responsif ke aplikasi yang ada.
Arah
- Gunakan kerangka kerja Bootstrap CSS untuk membuat portofolio responsif seluler. Bagaimana Anda mengirimkan ini?
- Buat file file berikut:
- Menggunakan Bootstrap, kembangkan situs portofolio Anda dengan item berikut a. Navbar b. Tata letak yang responsif c. Gambar Responsif Portofolio Bootstrap harus meminimalkan penggunaan kueri media.
Petunjuk
- Gunakan sistem grid Bootstrap (wadah, baris, dan kolom).
- Pada layar
xs , konten harus mengambil seluruh layar. Di sm dan layar yang lebih besar, Anda harus memiliki beberapa margin di sisi kiri dan kanan layar. Lihat berbagai situs di perangkat seluler Anda vs komputer Anda untuk melihat contoh perbedaan ini.
- Gunakan layanan validasi HTML untuk memastikan bahwa setiap halaman memiliki HTML yang valid. Ekstra kecil <576px kecil ≥576px medium ≥768px besar ≥992px ekstra besar ≥1200px. Container 100% 540px 720px 960px 1140px. Container-SM 100% 540px 720px 960px 1140px. 1140px .container-lg 100% 100% 100% 960px 1140px .Container-xl 100% 100% 100% 100% 1140px .Container-fluid 100% 100% 100% 100%
Persyaratan minimum
o Aplikasi fungsional yang dikerahkan o Repositori GitHub dengan ReadMe yang menjelaskan proyek o Navbar harus konsisten pada setiap halaman. o Navbar pada setiap halaman harus berisi tautan ke rumah/tentang, kontak, dan halaman portofolio. o Semua tautan harus berfungsi. o Harus menggunakan HTML semantik. o Setiap halaman harus memiliki HTML yang valid dan benar. (Gunakan layanan validasi) o Harus berisi informasi pribadi Anda. (Bio, nama, gambar, tautan ke media sosial, dll.) o Harus dengan benar memanfaatkan komponen bootstrap dan sistem grid.
Bonus
- Menggunakan Bootstrap, buat footer lengket dan gunakan sub-baris dan sub-kolom di situs portofolio Anda ( Petunjuk: Lihat dokumentasi Bootstrap).
Berkomitmen lebih awal dan sering
- Salah satu keterampilan terpenting untuk dikuasai sebagai pengembang web adalah kontrol versi. Membangun kebiasaan berkomitmen melalui git penting karena dua alasan: sejarah komit Anda
- adalah sinyal bagi pengusaha bahwa Anda secara aktif mengerjakan proyek dan mempelajari keterampilan baru.
- Memungkinkan Anda untuk mengembalikan basis kode Anda jika Anda perlu kembali ke negara bagian sebelumnya.
Ikuti pedoman ini untuk melakukan:
- Buat komitmen serba guna tunggal untuk perubahan terkait untuk memastikan sejarah yang bersih dan mudah dikelola. Jika Anda memperbaiki dua masalah, buat dua komit.
- Tulis pesan komit yang bermakna dan bermakna sehingga Anda dan siapa pun yang melihat repositori Anda dapat dengan mudah memahami sejarahnya.
- Jangan melakukan pekerjaan setengah selesai, demi kolaborator Anda (dan diri Anda di masa depan!).
- Uji aplikasi Anda sebelum Anda berkomitmen untuk memastikan fungsionalitas pada setiap langkah dalam proses pengembangan.
Kami ingin Anda memiliki lebih dari 200 komitmen berdasarkan kelulusan, jadi berkomitmen lebih awal dan sering!
Pengajuan BCS
Anda diharuskan untuk mengirimkan yang berikut:
- URL dari aplikasi yang digunakan apakah ini berarti URL untuk setiap file HTML?
- URL repositori GitHub
- Tangkapan layar disediakan sebagai referensi di folder
Assets/Images . Aplikasi Anda tidak perlu persis seperti gambar. Gunakan Bootstrap untuk membuat tata letak yang serupa dan responsif.
C: Users JonPC Google Drive Bootcamp unc-chh-fsf-pt-03-2020-uc mathcodes.github.io homework homework2 readme.md
