← Galeri
Pesan
Demo oleh abcweb.id
Ngoding Santai Tutorial web untuk pemula
Menu

Karier pemula Tingkat: Pemula 2 menit baca 1 contoh kode

Portofolio pertama: tiga proyek kecil yang tuntas

Memilih tiga proyek sederhana untuk portofolio pemula dan menulis penjelasan singkat yang membuat orang paham cara kamu berpikir.

Laras Wulandari Terbit

Daftar isi
  1. Tiga proyek, tiga kemampuan
  2. Tentukan batas selesai
  3. README yang berguna
  4. Tayangkan
  5. Ringkasan
  6. Latihan

Yang akan dipelajari

  • Memilih proyek yang menunjukkan kemampuan berbeda
  • Menentukan batas "selesai"
  • Menulis berkas README yang berguna
  • Menayangkan hasil agar bisa dibuka orang lain

Prasyarat

Portofolio pemula tidak perlu memukau. Tugasnya menunjukkan bahwa kamu bisa menyelesaikan sesuatu dan bisa menjelaskan keputusanmu. Tiga proyek kecil yang tuntas lebih meyakinkan daripada satu proyek besar yang separuh jadi.

Tiga proyek, tiga kemampuan

Pilih proyek yang masing-masing menonjolkan hal berbeda:

  1. Halaman profil atau halaman usaha fiktif. Menunjukkan struktur HTML yang rapi dan tata letak yang nyaman di ponsel.
  2. Halaman dengan interaksi sederhana. Misalnya daftar tugas atau kalkulator patungan; menunjukkan dasar JavaScript dan DOM.
  3. Tiruan tata letak dari sketsa. Gambar sketsa halaman di kertas, lalu wujudkan; menunjukkan ketelitian menerjemahkan rancangan menjadi kode.

Tentukan batas selesai

Sebelum mulai, tulis tiga sampai lima hal yang harus terpenuhi agar proyek dianggap selesai. Contohnya: semua tautan berfungsi, halaman tidak meluber di layar 320 piksel, setiap gambar punya teks alternatif. Daftar ini mencegah proyek melebar tanpa akhir.

README yang berguna

Setiap proyek sebaiknya punya berkas README.md. Orang yang membuka repositorimu sering kali membaca berkas ini lebih dulu daripada kodenya.

README.md Teks 
# Kalkulator patungan

Halaman kecil untuk membagi tagihan makan bersama.

## Yang saya pelajari
- Membaca nilai dari kolom isian dan mengubahnya menjadi angka
- Menampilkan pesan ketika masukan tidak sah

## Yang ingin saya perbaiki
- Pembulatan belum rapi untuk jumlah orang ganjil

## Cara menjalankan
Buka index.html di peramban.

Bagian "yang ingin saya perbaiki" penting. Mengakui kekurangan secara spesifik menunjukkan kamu memahami pekerjaanmu sendiri.

Tayangkan

Halaman yang hanya ada di komputermu sulit ditunjukkan. Simpan kodenya di repositori daring, lalu tayangkan melalui layanan hosting statis apa pun yang menerima berkas HTML, CSS, dan JavaScript. Cantumkan alamat hasilnya di README.

Ringkasan

  • Tiga proyek kecil yang tuntas cukup untuk portofolio pertama.
  • Tiap proyek menonjolkan kemampuan yang berbeda.
  • Batas "selesai" ditulis sebelum mulai.
  • README menjelaskan apa yang dipelajari dan apa yang masih kurang.

Latihan

Kerjakan tanpa melihat contoh dulu. Buntu itu wajar; intip seperlunya.

  1. Tulis daftar "selesai" untuk proyek pertamamu sebelum membuat satu berkas pun.
  2. Buat README untuk proyek yang sudah kamu punya dengan empat bagian seperti contoh.
  3. Minta satu teman membuka halamanmu di ponselnya dan catat hal pertama yang ia komentari.

Ditulis oleh Laras Wulandari

Penulis JavaScript · 5 tutorial

Pernah mengajar kelas komputer untuk remaja di balai warga. Percaya bahwa konsep paling rumit pun bisa dijelaskan dengan contoh sehari-hari, asal contohnya benar-benar dijalankan dulu.

Tutorial lain dari Laras

Tutorial terkait