Skip to main content

10. Task

10.1 Instruksi

Setelah mempelajari terkait layouting dan navigation, maka silakan lakukan styling beserta berikan navigasi yang saling terhubung antara page home dan contact me seperti pada gambar berikut:

image1image1

10.2 Pengumpulan

  • Setelah menyelesaikan tugas, silakan push pekerjaan Anda ke repository dengan cara

  • Membuat branch day-3-creating-navbar-and-layouting.

    git checkout -b day-3-creating-navbar-and-layouting

  • Push ke branch day-3-creating-navbar-and-layouting.

    git add .
    git commit -m "Creating navbar and Layouting"
    git push origin day-3-creating-navbar-and-layouting

Referensi:

10.3 Deploy to Vercel

Setelah melakukan push ke repository, silakan melakukan deploy ke Vercel agar dapat direview

Referensi:

10.4 Project Management

Tambahkan deskripsi berikut ke dalam kanban pada project management Anda

Membuat sebuah tampilan navigasi di bagian atas dari tampilan website. Pada tampilan navigasi ini kita akan memberikan beberapa pilihan menu yang nantinya bisa di akses oleh pengguna. Setelah membuat tampilan navigasi, nantinya kita akan menggabungkan tampilan navigasi ini dengan tampilan informasi data diri kita yang telah dibuat pada pertemuan sebelumnya. Serta adanya penambahan informasi - informasi lainnya menggunakan layouting agar tersusun rapi. Berikut list task dalam membuat Navigation Bar & Layouting:

- [ ] Membuat Daftar Menu
- [ ] Menambahkan Logo pada Navigation
- [ ] Menambahkan Button "Contact Me" pada Navigation Bar
- [ ] Styling Navbar Menggunakan CSS External
- [ ] Menggunakan Flexbox Layouting
- [ ] Refactor Styling Menggunakan CSS Eksternal
- [ ] Combine Navbar with Form & Add Page Link
- [ ] Layouting Card pada halaman Home

![image](https://raw.githubusercontent.com/DumbwaysDotId/project-management-template/main/assets/day-3-navbar-and-layouting-home.png)

![image](https://raw.githubusercontent.com/DumbwaysDotId/project-management-template/main/assets/day-3-navbar-and-layouting-contact-form.png)
image1-7

Referensi:

10.5 Diskusi

Silakan diskusikan terkait kendala atau kesulitan selama pembelajaran pada platform diskusi (slack/link.ink) dengan membuat thread, misalnya "Day 3 Creating Navbar and Layouting: problem layouting with flexbox"