Web dan App Development

Build Your First Portfolio Website Bootcamp

Program 4 minggu untuk memilih karya yang layak dipajang, menuliskan konteks tiap karya, lalu menerbitkannya sebagai satu tautan yang pantas dikirim ke perekrut maupun calon klien.

Daftar Konsultasi Gratis
  • Kelas daring per angkatan
  • Perakit situs tanpa kode
  • Proyek akhir berupa situs tayang
  • Pendampingan mentor saat praktik
Materi promosi Build Your First Portfolio Website Bootcamp Cyberskill
6modul materi
4jenjang kesiapan
4minggu program

Tentang Program

Satu Tautan yang Memuat Seluruh Karya Anda

Build Your First Portfolio Website Bootcamp

Build Your First Portfolio Website Bootcamp adalah kelas daring 4 minggu yang mengantar Anda memiliki satu situs portofolio yang tayang. Lewat 6 modul, Anda memilih karya yang dipajang, menulis konteks tiap karya, merakit halaman dengan perakit tanpa kode, lalu menerbitkannya sebagai tautan yang siap dikirim ke perekrut.

  • Hasil akhirnya satu alamat web berisi profil singkat, karya pilihan, dan cara menghubungi Anda.
  • Perakit tanpa kode seperti GitHub Pages, Carrd, dan Canva Web dipakai supaya halaman cepat berdiri.
  • Dasar HTML dan CSS diperkenalkan secukupnya untuk merapikan susunan, jarak, dan warna.
  • Tiap karya diberi keterangan singkat berisi peran Anda, masalah yang dikerjakan, dan hasilnya.
  • Kelas berjalan daring per angkatan, dengan mentor mendampingi saat Anda mengerjakan halaman sendiri.
Materi

Enam Modul Menuju Portofolio yang Tayang

Modul Deskripsi Topik
M1

Modul 1: Pondasi Halaman yang Nyaman Dibaca

Modul pembuka membahas cara mata pengunjung bergerak di sebuah halaman. Anda berlatih menata judul, paragraf, dan gambar supaya isi halaman terbaca tanpa usaha, di layar besar maupun kecil. Latihannya memakai rangka halaman Anda sendiri sejak menit pertama.

Hierarki teks: ukuran judul, subjudul, dan paragrafJarak antarelemen dan ruang kosong yang menenangkan mataPemilihan warna terbatas agar halaman terasa tenangUkuran gambar dan potongan yang pas untuk galeri karyaPemeriksaan cepat keterbacaan di layar ponsel
M2

Modul 2: Struktur Halaman Portofolio

Anda menyusun peta isi situs sebelum menyentuh perakit apa pun. Peta ini menetapkan halaman apa saja yang dibutuhkan dan apa yang harus ada di setiap halaman.

Halaman depan: perkenalan singkat dan tiga karya teratasHalaman karya: daftar proyek beserta keterangannyaHalaman tentang: latar belakang, alat kerja, dan arah yang Anda tujuHalaman kontak: surel, WhatsApp, dan tautan profil profesionalMenu navigasi sederhana yang mudah diikuti pengunjung
M3

Modul 3: Kurasi dan Penulisan Karya

Modul inti program. Anda menimbang karya mana yang masuk, mana yang disimpan dulu, lalu menulis keterangan yang menjelaskan peran Anda di dalamnya. Latihan menulis ini yang paling sering mengubah kesan halaman di mata pembacanya.

Kriteria memilih karya: kedekatan dengan pekerjaan yang ditujuMenulis kartu konteks: peran, masalah, keputusan, hasilMenangani karya kelompok dengan menyebut kontribusi AndaMenyiapkan tangkapan layar dan gambar pendukungMenuliskan karya yang belum selesai secara jujur
M4

Modul 4: Merakit di Perakit Tanpa Kode

Rangka halaman mulai berdiri. Anda memakai perakit tanpa kode dan menyentuh dasar HTML serta CSS sejauh yang dibutuhkan untuk merapikan hasilnya.

Mengenal GitHub Pages, Carrd, dan Canva Web serta kekuatan masing-masingMemilih perakit yang paling cocok dengan isi situs AndaDasar HTML: judul, paragraf, gambar, dan tautanDasar CSS: warna, jarak, dan ukuran hurufMenyusun galeri karya yang rapi di berbagai lebar layar
M5

Modul 5: Identitas Visual Personal

Situs mulai terasa milik Anda. Modul ini membahas elemen visual yang membuat halaman mudah dikenali tanpa membuatnya ramai.

Menyusun palet warna dari karya Anda sendiriMemilih dua jenis huruf yang saling melengkapiMenyiapkan foto diri atau ilustrasi penggantiMembuat penanda sederhana seperti favicon dan tanda tangan visualMenjaga konsistensi visual antarhalaman
M6

Modul 6: Menerbitkan dan Membagikan

Proyek akhir dituntaskan. Website portofolio naik ke alamat publik, diperiksa bersama mentor, lalu disiapkan supaya nyaman dibagikan dan mudah Anda perbarui sendiri.

Menerbitkan situs dan memilih alamat yang mudah diingatDaftar periksa sebelum tayang: tautan mati, ejaan, ukuran gambarMenyetel judul, deskripsi, dan gambar pratinjau tautanMenempelkan tautan di CV, profil LinkedIn, dan pesan lamaranRitme memperbarui situs setiap kali ada karya baru
Cara Kami Menyusun Halaman

Teknik Kurasi dan Penceritaan Karya di Situs Portofolio

Perekrut membuka tautan website portofolio dalam hitungan detik di sela pekerjaan lain. Enam teknik berikut dipakai supaya karya Anda terbaca cepat dan meninggalkan kesan yang jelas.

1

Kurasi tiga karya inti

Daftar panjang dipangkas jadi tiga sampai lima karya yang paling dekat dengan pekerjaan yang Anda incar, supaya pengunjung menemukan yang relevan di layar pertama tanpa menggulir jauh.

2

Kartu konteks empat baris

Tiap karya ditulis dengan pola tetap: peran Anda, masalah yang dihadapi, keputusan yang diambil, dan hasil yang terlihat. Pola ini membuat tugas kuliah lama pun terbaca terarah.

3

Kalimat pembuka lima detik

Baris pertama halaman depan menyebut bidang yang Anda kerjakan, alat utama yang Anda pakai, dan cara Anda bekerja, karena bagian itulah yang terbaca sebelum orang menggulir.

4

Rangka satu kolom

Susunan satu kolom dengan urutan profil, karya, lalu kontak dipakai sebagai kerangka aman. Variasi tata letak ditambahkan setelah isi halaman lengkap dan terbaca jelas, sehingga percobaan visual tidak mengorbankan kejelasan.

5

Uji layar kecil sejak awal

Halaman diperiksa di lebar layar ponsel sejak rangka pertama berdiri, karena tautan portofolio sering dibuka lewat ponsel saat orang menyaring kandidat di sela perjalanan.

6

Pratinjau tautan yang rapi

Judul halaman, deskripsi singkat, dan gambar pratinjau disetel agar tautan Anda tampil pantas ketika ditempel di WhatsApp, LinkedIn, atau badan surel lamaran.

Tangga Kesiapan Tautan Portofolio
T0 Karya masih tersebar di folder, surel, dan galeri ponsel
T1 Tiga sampai lima karya terpilih dan sudah berketerangan
T2 Rangka halaman berdiri dan terbaca nyaman di layar kecil
T3 Situs tayang di alamat publik yang bisa dibuka siapa saja
T4 Tautan rapi saat dibagikan dan mudah Anda perbarui sendiri
Tangga ini dipakai mentor sebagai penanda kemajuan, sehingga Anda tahu persis apa yang tersisa sebelum tautan layak dikirim. Peserta yang datang dengan bahan karya lengkap biasanya bergerak lebih cepat pada dua anak tangga pertama.

Halaman portofolio yang berhasil biasanya menang di pilihan isi, dengan animasi sebagai pelengkap. Karena itu porsi terbesar kelas dipakai untuk memutuskan apa yang dipajang dan bagaimana menceritakannya. Teknik teknis tetap diajarkan, dengan posisi sebagai alat yang melayani keputusan tersebut.

Jenjang

Empat Jenjang Kesiapan Portofolio

Peserta masuk dengan titik awal berbeda. Empat jenjang berikut memetakan posisi Anda sekarang dan target yang wajar dikejar di setiap tahapnya.

  1. Jenjang 1: Kumpulan Karya

    Mengubah arsip berantakan menjadi daftar karya terpilih Belum pernah membuat halaman web

    Anda mulai dari mengumpulkan karya lama, memberinya nama yang jelas, dan memutuskan tiga sampai lima yang paling layak dipajang. Di akhir jenjang ini Anda memegang daftar isi situs, lengkap dengan bahan gambar yang sudah tersedia.

    Menyisir arsip tugas, desain, tulisan, dan pekerjaan kantorKriteria memilih karya yang mewakili arah pekerjaan AndaMenyusun daftar isi situs beserta urutannyaMenyiapkan tangkapan layar dan berkas pendukungMenyimpan bahan dalam satu folder kerja yang rapi
    Kurasi awalBahan gambarDaftar isi situs

  2. Jenjang 2: Rangka Halaman

    Menyusun kerangka yang enak dibaca sebelum masuk visual Daftar karya sudah terpilih

    Rangka halaman dibangun dengan urutan profil, karya, lalu kontak. Anda berlatih menulis keterangan tiap karya memakai pola empat baris dan memeriksa keterbacaannya di layar ponsel sebelum warna dan gambar dipercantik.

    Menyusun rangka kasar tiap halamanMenulis kartu konteks untuk setiap karyaMenata hierarki judul dan paragrafMemeriksa keterbacaan di lebar layar ponselMenyusun urutan karya berdasarkan kekuatannya
    Rangka halamanPenulisan karyaKeterbacaan

  3. Jenjang 3: Situs Tayang

    Merakit, memberi identitas visual, lalu menerbitkan Rangka halaman sudah berdiri

    Rangka dipindahkan ke perakit tanpa kode dan diberi warna, jenis huruf, serta foto yang mewakili Anda. Jenjang ini selesai ketika website portofolio bisa dibuka lewat alamat publik dan tampil utuh di ponsel maupun laptop.

    Memindahkan rangka ke perakit tanpa kode pilihanMerapikan tata letak dengan dasar HTML dan CSSMenerapkan palet warna dan jenis huruf yang konsistenMenerbitkan situs ke alamat publikMemeriksa kecepatan muat halaman setelah gambar masuk
    PerakitanIdentitas visualPenerbitan

  4. Jenjang 4: Tautan Siap Kirim

    Merapikan tampilan tautan dan menjaga situs tetap hidup Situs sudah tayang di alamat publik

    Fokus berpindah ke cara situs itu dipakai. Anda menyiapkan tampilan pratinjau saat tautan dibagikan, menyusun kalimat pengantar untuk lamaran, dan menetapkan ritme memperbarui halaman ketika ada karya baru. Jenjang ini juga melatih Anda menilai sendiri bagian mana yang perlu diganti nanti.

    Menyetel judul, deskripsi, dan gambar pratinjau tautanMenyusun kalimat pengantar saat mengirim tautanDaftar periksa berkala untuk tautan mati dan ejaanMenambahkan karya baru tanpa membongkar susunan lamaMenyiapkan versi singkat tautan untuk dipakai di CV
    Tampilan tautanPengirimanPemeliharaan
Rute Halaman Anda

Perjalanan dari Folder Karya ke Alamat Publik

Materi program tersusun sebagai lima tahap berurutan. Tiap tahap punya latihan dan penanda selesai sendiri, sehingga Anda selalu tahu sedang berada di bagian mana.

Jalur tunggal: situs portofolio pertama

Semua peserta

Untuk: Pelajar, mahasiswa, fresh graduate, pekerja kreatif, dan pekerja lepas yang ingin punya satu tempat untuk memajang karya. Latar belakang teknis tidak diperlukan; yang dibutuhkan adalah karya yang pernah Anda kerjakan dan kesediaan menuliskannya.

  1. Tahap 1: Inventaris karya

    • Menyisir arsip lama dan menandai karya yang layak tampil
    • Menimbang kedekatan tiap karya dengan pekerjaan yang dituju
    • Menyiapkan berkas gambar dan tautan pendukung

    Proyek yang dibangunDaftar tiga sampai lima karya terpilih beserta bahan gambarnya.

    Anda bisa menjelaskan alasan tiap karya masuk daftar.

  2. Tahap 2: Rangka dan tata letak

    • Menyusun urutan profil, karya, dan kontak
    • Menata hierarki judul, paragraf, dan gambar
    • Menguji keterbacaan rangka di layar ponsel

    Proyek yang dibangunRangka kasar seluruh halaman dalam satu berkas kerja.

    Rangka terbaca jelas walau belum ada warna dan foto.

  3. Tahap 3: Perakitan halaman

    • Memakai perakit tanpa kode untuk membangun halaman
    • Menyentuh dasar HTML dan CSS untuk merapikan hasil
    • Menyusun galeri karya yang lentur di berbagai lebar layar

    Proyek yang dibangunHalaman depan dan halaman karya yang sudah berisi.

    Situs bisa dibuka lokal dengan seluruh isi utama lengkap.

  4. Tahap 4: Identitas visual

    • Menyusun palet warna dan pasangan jenis huruf
    • Menyiapkan foto diri atau ilustrasi pengganti
    • Menjaga konsistensi tampilan antarhalaman

    Proyek yang dibangunSitus dengan tampilan yang seragam dari halaman depan sampai kontak.

    Orang lain bisa mengenali halaman Anda dari gaya visualnya.

  5. Tahap 5: Terbit dan bagikan

    • Menerbitkan situs ke alamat publik
    • Menjalankan daftar periksa sebelum tayang
    • Menyetel tampilan pratinjau tautan saat dibagikan

    Proyek yang dibangunTautan portofolio yang sudah dikirim ke satu orang untuk diuji coba.

    Tautan terbuka rapi di ponsel orang lain tanpa perbaikan darurat.

Dibawa ke mana Pemilik website portofolio yang bisa dibagikan Anda punya satu alamat yang menjawab pertanyaan pertama perekrut maupun calon klien: apa saja yang pernah Anda kerjakan. Lamaran kerjaPenawaran kerja lepasPendaftaran magang

Lima tahap di atas adalah tahap MATERI. Pembagiannya ke dalam pertemuan mengikuti jadwal angkatan yang berjalan, dan tim menjelaskan rinciannya saat Anda bertanya lewat WhatsApp.

Metode

Empat Tahap dari Karya Berserakan ke Tautan Siap Kirim

Banyak orang menyimpan karya yang layak dilihat di folder unduhan, galeri ponsel, atau surel lama. Program ini menempuh empat tahap yang mengubah tumpukan itu menjadi satu halaman yang enak dibuka orang lain. Urutannya sengaja dimulai dari isi, karena halaman yang cantik dengan isi yang membingungkan tetap ditinggalkan pengunjung dalam hitungan detik.

1

Eksplorasi karya yang sudah ada

Pertemuan pembuka dipakai untuk membongkar arsip lama, memilah tugas kuliah, desain, tulisan, atau pekerjaan kantor, lalu menandai mana yang paling mewakili pekerjaan yang sedang Anda tuju. Karya yang sudah lama pun sering masih layak tampil setelah keterangannya dibenahi.

2

Fundamental tata letak halaman

Prinsip susunan, hierarki teks, jarak antarelemen, dan pemilihan warna dilatih langsung pada rangka halaman Anda sendiri sampai isinya nyaman dibaca di layar ponsel maupun laptop.

3

Project build halaman portofolio

Halaman profil, halaman karya, dan halaman kontak dirakit di perakit tanpa kode sampai website portofolio Anda utuh. Mentor mengoreksi urutan isi dan cara Anda menuliskan keterangan tiap karya sepanjang praktik.

4

Portfolio yang diterbitkan

Situs dinaikkan ke alamat publik, diperiksa di beberapa ukuran layar, lalu tautannya dirapikan supaya pantas ditempel di CV, profil LinkedIn, dan pesan pertama kepada calon klien. Anda juga menyusun kebiasaan memeriksa halaman secara berkala agar isinya tetap segar.

Sumber Acuan Materi

Rujukan Terbuka yang Dipakai Saat Merakit Situs

Materi kelas bersandar pada dokumentasi terbuka. Siapa pun boleh membukanya saat ingin memastikan sebuah langkah, termasuk Anda di tengah latihan. Empat rujukan berikut jadi pegangan mentor ketika website portofolio dirakit, sehingga kebiasaan yang Anda bawa pulang sejalan dengan praktik yang berlaku umum di web.

GitHub

Dokumentasi GitHub Pages

Langkah menerbitkan situs statis dari sebuah repositori dipakai sebagai acuan pada modul penerbitan.

W3C

Standar HTML dan CSS

Penulisan struktur halaman mengikuti standar terbuka yang sama dibaca semua peramban modern.

Mozilla

MDN Web Docs

Rujukan istilah dan contoh kode saat Anda ingin memeriksa sesuatu sendiri di luar jam kelas.

Google

Panduan Google Search Essentials

Dasar judul halaman, deskripsi, dan struktur konten supaya situs Anda mudah ditemukan lewat penelusuran.

Keempatnya berstatus rujukan materi. Cyberskill menyebutnya secara terbuka supaya Anda bisa memverifikasi setiap langkah yang diajarkan di kelas, termasuk saat Anda melanjutkan sendiri setelah program berakhir.

Keunggulan

Alasan Peserta Memilih Cohort Portofolio Cyberskill

Alasan Cyberskill unggul untuk pelatihan IT dan digital di Indonesia dibanding kelas rekaman massal, bootcamp generik, atau tutorial YouTube gratis.

Keunggulan 1

Titik selesai yang jelas

Program ini punya satu hasil akhir yang bisa diperiksa: website portofolio dengan alamat yang bisa dibuka orang lain. Semua materi diarahkan ke sana, sehingga Anda tahu kapan pekerjaan dianggap selesai.

Keunggulan 2

Kurasi karya yang dibimbing

Memilih karya sendiri sering terasa sulit karena Anda terlalu dekat dengan hasilnya. Mentor membantu menimbang mana yang menguatkan lamaran Anda dan mana yang lebih baik disimpan dulu.

Keunggulan 3

Alat yang menyesuaikan isi Anda

Perakit tanpa kode dipilih setelah isi situs Anda jelas. Peserta dengan banyak gambar dan peserta dengan banyak tulisan sering berakhir di alat yang berbeda, dan itu memang disengaja.

Keunggulan 4

Mentor dipilihkan Cyberskill

Kami memilihkan mentor yang terbiasa menyusun halaman karya dan menilai portofolio, sehingga masukan yang Anda terima menyentuh isi halaman, penulisan keterangan, dan cara membagikannya.

Keunggulan 5

Belajar bersama satu angkatan

Kelas daring berjalan per angkatan dengan peserta yang mengerjakan hal serupa. Melihat halaman teman satu kelas tumbuh membantu Anda menilai halaman sendiri dengan lebih jernih, dan pertanyaan mereka sering menjawab keraguan yang belum sempat Anda ucapkan.

Keunggulan 6

Latihan memakai karya asli Anda

Tidak ada studi kasus fiktif di kelas ini. Setiap latihan mengolah tugas, proyek, atau pekerjaan yang benar benar pernah Anda kerjakan, sehingga hasilnya langsung bisa dipakai.

Keunggulan 7

Situs yang bisa Anda rawat sendiri

Modul penutup menyiapkan Anda untuk menambah karya baru dan mengganti foto tanpa bantuan siapa pun. Situs portofolio berguna paling lama ketika pemiliknya sanggup memperbaruinya sendiri.

Empat Jalan Menuju Halaman Karya

Empat Cara Menyiapkan Situs Portofolio, Ditimbang Jujur

Empat jalan di bawah ini sama sama bisa mengantar Anda punya halaman karya. Yang membedakan adalah titik selesainya, siapa yang menilai isi halaman Anda, dan berapa lama Anda menunggu sebelum tautannya pantas dikirim. Timbang menurut kebutuhan Anda sekarang, termasuk waktu luang yang benar benar tersedia setiap pekan.

Cyberskill

Cohort portofolio Cyberskill

  • Titik selesai Satu website portofolio yang tayang di alamat publik
  • Bahan yang perlu Anda bawa Karya lama, foto diri, dan CV terakhir
  • Kurasi karya Dibimbing mentor sejak pemilihan karya
  • Umpan balik pada isi halaman Mentor mengoreksi susunan dan keterangan karya
  • Alat yang dipakai Perakit tanpa kode ditambah dasar HTML dan CSS
  • Waktu sampai tautan ada Terbit di jenjang ketiga dari empat jenjang
  • Biaya dan komitmen waktu Program pendek dengan jadwal angkatan tetap
  • Setelah program Anda merawat dan memperbarui situs sendiri
Alternatif

Merakit sendiri dari video tutorial

  • Titik selesai Bergantung ketekunan; sering berhenti di setengah jalan
  • Bahan yang perlu Anda bawa Ditentukan sendiri sesuai tutorial yang diikuti
  • Kurasi karya Anda menimbang sendiri tanpa pembanding
  • Umpan balik pada isi halaman Datang dari kolom komentar bila ada
  • Alat yang dipakai Mengikuti alat yang dipakai video yang Anda tonton
  • Waktu sampai tautan ada Tidak tentu, tergantung waktu luang Anda
  • Biaya dan komitmen waktu Tanpa biaya, dengan waktu belajar yang menyebar
  • Setelah program Anda mencari rujukan baru setiap ada kendala
Alternatif

Kelas rekaman massal

  • Titik selesai Selesai menonton seluruh materi
  • Bahan yang perlu Anda bawa Mengikuti contoh yang disediakan kelas
  • Kurasi karya Umumnya di luar cakupan materi
  • Umpan balik pada isi halaman Terbatas pada forum atau kuis otomatis
  • Alat yang dipakai Ditetapkan kurikulum rekaman
  • Waktu sampai tautan ada Tergantung kapan Anda mempraktikkannya sendiri
  • Biaya dan komitmen waktu Biaya rendah, jadwal menonton bebas
  • Setelah program Akses materi berlanjut sesuai ketentuan penyedia
Alternatif

Bootcamp pemrograman panjang

  • Titik selesai Beberapa aplikasi latihan dan proyek akhir
  • Bahan yang perlu Anda bawa Cukup laptop dan kesediaan berlatih menulis kode
  • Kurasi karya Fokusnya pada kode, kurasi karya menyusul
  • Umpan balik pada isi halaman Umpan balik terarah ke mutu kode
  • Alat yang dipakai Bahasa dan framework pemrograman penuh
  • Waktu sampai tautan ada Setelah materi dasar pemrograman terlewati
  • Biaya dan komitmen waktu Waktu dan biaya paling besar
  • Setelah program Melanjutkan ke proyek pemrograman berikutnya
Pegangan Selama Angkatan

Yang Kami Pastikan Selama Angkatan Berjalan

Cyberskill menjanjikan proses yang bisa Anda periksa sendiri. Hasil akhir tetap ditentukan karya yang Anda bawa dan waktu yang Anda sisihkan, sehingga janji kami berhenti pada hal-hal yang memang kami kendalikan.

Jaminan 1

Obrolan pemetaan sebelum mendaftar

Sebelum memutuskan, Anda bisa mengobrol dengan tim lewat WhatsApp untuk memeriksa apakah materi program cocok dengan karya dan target Anda saat ini.

Jaminan 2

Penggantian mentor bila ritmenya tidak cocok

Kalau cara mentor menjelaskan terasa sulit Anda ikuti, sampaikan kepada tim akademik. Kami mencarikan mentor lain yang gaya penjelasannya lebih dekat dengan cara Anda belajar.

Jaminan 3

Koreksi pada karya Anda sendiri

Masukan mentor selalu menyasar website portofolio yang sedang Anda kerjakan, mulai dari urutan isi, pilihan karya, sampai kalimat keterangan yang terbaca membingungkan.

Jaminan 4

Materi tetap terbuka untuk diperiksa

Rujukan yang dipakai mentor disebutkan terang terangan di kelas, mulai dari dokumentasi perakit sampai standar penulisan halaman, sehingga Anda bisa menelusuri sendiri saat ragu.

Kesiapan Anda

Bekal Masuk Cohort Portofolio

Angkatan berjalan dengan tanggal yang sudah ditetapkan, jadi persiapan kecil di awal menghemat banyak waktu pada pertemuan pembuka. Tiga daftar berikut biasanya cukup untuk membuat sesi pertama langsung produktif.

  1. Titik Periksa1

    Perangkat dan lingkungan kerja

    • Laptop apa pun yang masih nyaman menjalankan peramban dan satu editor teks sudah memadai.
    • Pasang peramban versi terbaru dan sisakan ruang penyimpanan sekitar lima gigabyte untuk berkas proyek serta gambar.
    • Koneksi internet yang stabil membantu saat sesi daring, unggahan gambar, dan percobaan penerbitan pertama.
    • Siapkan satu alamat surel aktif untuk mendaftar GitHub dan layanan penerbitan yang dipakai pada modul penutup.
  2. Titik Periksa2

    Bahan karya yang sudah Anda punya

    • Kumpulkan tiga sampai lima karya lama, termasuk tugas kuliah, desain, tulisan, atau pekerjaan kantor yang boleh ditampilkan.
    • Siapkan satu foto diri dan satu paragraf perkenalan yang menyebut bidang pekerjaan yang sedang Anda tuju.
    • Bawa CV terakhir Anda sebagai bahan mentah untuk halaman tentang saya dan daftar keahlian.
    • Tangkapan layar, tautan, atau berkas asli karya lama mempercepat pengisian halaman karya saat perakitan dimulai.
  3. Titik Periksa3

    Waktu dan ritme angkatan

    • Tandai tanggal mulai angkatan di kalender dan jaga hari sesi bebas dari agenda besar lain.
    • Sisihkan sekitar empat jam latihan mandiri setiap pekan di luar jam sesi bersama mentor.
    • Kabari tim akademik bila ada pekan padat di kantor, supaya urutan tugas disesuaikan lebih awal.
    • Simpan kontak kelas agar pertanyaan yang muncul di tengah latihan terjawab sebelum sesi berikutnya.
Kosakata Perakitan Halaman

Istilah yang Muncul Saat Situs Anda Dirakit

Istilah berikut dipakai sepanjang program. Semuanya dijelaskan ulang di kelas saat pertama kali muncul, jadi daftar ini cukup dibaca sekilas sebelum Anda mulai.

Portofolio daring

Kumpulan karya yang dipajang di internet dalam satu alamat website, lengkap dengan keterangan peran Anda di tiap karya.

Perakit tanpa kode

Alat pembuat halaman web yang bekerja lewat tarik lepas dan isian formulir, sehingga halaman berdiri tanpa Anda menuliskan kode dari nol.

HTML

Bahasa penanda yang menyusun isi halaman: mana yang judul, mana paragraf, mana gambar, dan mana tautan.

CSS

Aturan tampilan yang mengatur warna, jarak, ukuran huruf, dan susunan elemen di halaman yang sudah ditulis dengan HTML.

Domain

Nama alamat situs yang diketik pengunjung, misalnya namaanda.com. Nama ini disewa tahunan dan bisa disambungkan ke situs mana pun milik Anda, termasuk halaman yang sudah tayang lewat layanan gratis.

Hosting

Tempat berkas situs Anda disimpan supaya bisa dibuka orang lain kapan saja lewat internet.

GitHub Pages

Layanan yang menayangkan berkas situs dari sebuah repositori GitHub, sering dipakai untuk portofolio pertama karena langkahnya ringkas.

Tampilan responsif

Halaman yang menyesuaikan diri dengan lebar layar, sehingga tetap terbaca rapi di ponsel, tablet, maupun laptop tanpa perlu diperbesar dengan jari.

Pratinjau tautan

Kotak berisi judul, deskripsi, dan gambar yang muncul saat tautan Anda ditempel di WhatsApp atau LinkedIn.

Favicon

Ikon kecil yang tampil di tab peramban dan daftar penanda, penanda visual paling sederhana untuk situs Anda.

Studi kasus karya

Uraian singkat sebuah proyek yang menjelaskan masalahnya, peran Anda, keputusan yang diambil, dan hasil akhirnya.

Repositori

Folder proyek yang disimpan di layanan seperti GitHub, berisi seluruh berkas situs Anda beserta catatan perubahannya.

Alamat publik

Tautan yang bisa dibuka siapa saja tanpa izin khusus, misalnya halaman portofolio Anda yang sudah tayang di internet.

Tautan Sebagai Bukti

Yang Anda Pegang Setelah Program Selesai

Hasil program ini bisa diperiksa siapa pun lewat tautan. Angka di bawah merujuk pada isi kurikulum halaman ini, jadi Anda bisa menghitung sendiri apa yang dijanjikan.

1 Website portofolio yang tayang Satu alamat publik berisi profil, karya, dan cara menghubungi Anda
3 sampai 5 Karya berketerangan Masing masing menjelaskan masalah, peran, keputusan, dan hasil
6 Modul yang dituntaskan Dari pondasi tata letak sampai penerbitan dan pembagian tautan
4 Jenjang kesiapan terlewati Dari kumpulan karya sampai tautan yang rapi saat dibagikan

Kecepatan tiap peserta berbeda menurut jumlah karya yang dibawa dan waktu latihan yang tersedia. Mentor menyesuaikan urutan pekerjaan supaya target akhirnya tetap terjangkau. Angka di atas menggambarkan cakupan program, dan mutu halaman Anda tetap tumbuh setelah kelas usai lewat pembaruan berkala.

FAQ

Yang Ditanyakan Calon Peserta Sebelum Angkatan Dibuka

Saya belum pernah membuat website sama sekali. Bisakah ikut Build Your First Portfolio Website Bootcamp?
Bisa. Kelas ini dirancang untuk peserta yang baru pertama kali menyentuh pembuatan situs. Materi dimulai dari cara menata isi halaman, lalu perakit tanpa kode dipakai supaya halaman pertama Anda berdiri tanpa perlu menghafal sintaks. Dasar HTML dan CSS diperkenalkan setelah Anda melihat hasilnya, sehingga istilah teknis datang dengan konteks. Mentor mendampingi saat praktik, dan pertanyaan paling mendasar tetap layak diajukan.
Saya sudah punya CV dan profil LinkedIn. Apa gunanya menambah situs portofolio?
CV memuat riwayat, sedangkan situs portofolio memuat karyanya. Di satu alamat, orang bisa membuka hasil pekerjaan Anda, membaca peran Anda di dalamnya, dan menilai cara Anda menjelaskan keputusan. Tautannya bisa ditempel di CV, profil LinkedIn, maupun pesan lamaran. Untuk pekerja lepas, tautan itu sering jadi bahan pertimbangan calon klien sebelum membalas penawaran Anda, terutama saat mereka membandingkan beberapa kandidat sekaligus.
Karya saya baru tugas kuliah dan proyek pribadi. Cukup untuk dipajang?
Cukup. Tugas kuliah, proyek pribadi, kegiatan organisasi, sampai pekerjaan kantor yang boleh dibagikan semuanya bisa masuk. Yang membuat halaman terasa meyakinkan adalah keterangannya: masalah apa yang dikerjakan, apa peran Anda, dan hasilnya seperti apa. Pada Modul 3 Anda berlatih menulis keterangan itu, termasuk untuk karya kelompok dan karya yang belum tuntas.
Apakah saya perlu membeli domain atau hosting sebelum kelas dimulai?
Tidak ada yang perlu dibeli sebelum kelas. Pada modul penerbitan Anda dikenalkan pada jalur penayangan yang bisa dipakai tanpa biaya lebih dulu, termasuk GitHub Pages. Bila kemudian Anda ingin memakai nama domain sendiri, mentor menjelaskan cara menyambungkannya dan hal apa saja yang perlu diperhitungkan. Keputusan itu bisa diambil setelah situs Anda berdiri.
Apakah program ini menuntut saya bisa coding?
Tidak. Sebagian besar halaman dirakit lewat perakit tanpa kode. Dasar HTML dan CSS tetap diperkenalkan karena keduanya berguna saat Anda ingin menggeser jarak, mengganti warna, atau merapikan susunan yang membandel. Porsinya secukupnya untuk mengurus situs sendiri. Kalau setelah ini Anda ingin melanjutkan ke pemrograman web, mentor bisa menunjukkan arah lanjutan yang masuk akal.
Laptop saya sudah lama dan spesifikasinya biasa saja. Apakah cukup?
Cukup, selama laptop masih nyaman menjalankan peramban versi terbaru dan satu editor teks. Perakit tanpa kode bekerja di dalam peramban, jadi bebannya ke perangkat tergolong ringan. Yang lebih menentukan justru koneksi internet yang stabil saat sesi berlangsung dan saat gambar diunggah. Bila perangkat bermasalah di tengah jalan, kabari mentor supaya urutan latihan disesuaikan dan bagian yang berat dikerjakan belakangan.
Berapa lama sampai situs saya benar benar bisa dibuka orang lain?
Program berjalan 4 minggu. Situs Anda tayang pada akhir Jenjang 3, sementara Jenjang 4 dipakai untuk merapikan tampilan tautan saat dibagikan dan menyiapkan ritme pembaruan. Kecepatannya berbeda tiap peserta, terutama bila bahan karya belum terkumpul di awal. Rincian pertemuan dan tanggal mulai angkatan terdekat kami kirimkan lewat WhatsApp begitu Anda menanyakannya.
Bagaimana kalau saya berhalangan hadir di salah satu pertemuan?
Kabari tim sebelum hari pertemuan itu. Karena tiap tahap materi punya latihan dan penanda selesai sendiri, mentor bisa menunjukkan bagian mana yang perlu Anda kejar dan latihan mana yang boleh menyusul. Pengaturan penyusulan yang berlaku di angkatan Anda dijelaskan tim sebelum program dimulai, jadi tanyakan lebih dahulu bila jadwal Anda padat.
Setelah program selesai, apakah situsnya tetap milik saya?
Ya. Akun perakit dan alamat penayangan dibuat atas nama Anda sejak awal, sehingga seluruh isi situs tetap Anda kendalikan setelah kelas usai. Modul terakhir memang menyiapkan Anda untuk merawatnya sendiri: menambah karya baru, mengganti foto, dan memeriksa tautan mati secara berkala. Berkas latihan yang Anda buat selama kelas juga tetap Anda simpan.
Jalan Masuk

Empat Langkah Menuju Kursi Angkatan Berikutnya

Pendaftaran dimulai dari obrolan singkat, supaya Anda masuk kelas dengan gambaran yang jelas tentang website portofolio yang akan dikerjakan.

1

Sapa tim lewat WhatsApp

Ceritakan bidang yang Anda kerjakan dan karya apa yang sudah Anda punya. Tim menjelaskan cakupan Build Your First Portfolio Website Bootcamp, angkatan yang sedang dibuka, dan hal apa saja yang akan Anda kerjakan di tiap modul.

2

Periksa kecocokan materi

Kami memeriksa titik awal Anda: jumlah karya, kesiapan bahan gambar, dan target pemakaian tautan nanti. Dari sini terlihat apakah program ini memang jawaban yang tepat.

3

Amankan kursi angkatan

Setelah cocok, tim mengirimkan formulir pendaftaran beserta rincian angkatan. Kursi terhitung aman ketika pendaftaran Anda dikonfirmasi tim, dan sejak saat itu Anda menerima daftar persiapan sebelum kelas dimulai.

4

Siapkan bahan sebelum sesi pertama

Anda menerima daftar bekal awal: karya lama, foto diri, dan CV terakhir. Pertemuan pembuka langsung dipakai untuk mengurutkan bahan itu, jadi peserta yang menyiapkannya lebih dulu berangkat dengan kepala lebih ringan.

Tanya Jadwal Angkatan
Selanjutnya

Program Terkait

CodingFondasi logika pemrograman, struktur data dasar, dan kebiasaan menulis kode yang rapi.PythonKuasai Python dari sintaks dasar sampai skrip otomasi dan pengolahan data harian.Basic Web DevelopmentMulai dari nol: struktur HTML, styling CSS, dan interaksi JavaScript untuk halaman pertama Anda.Mobile App Development BootcampBangun aplikasi mobile pertama Anda dari rancangan layar sampai build yang bisa dipasang.Python For BeginnerLangkah pertama Python untuk pemula: variabel, perulangan, fungsi, dan proyek kecil.Web DevelopmentBangun website dari HTML, CSS, dan JavaScript sampai siap tayang di domain sendiri.

Siapkan Tautan Portofolio Pertama Anda

Ceritakan karya yang sudah Anda kumpulkan dan pekerjaan yang sedang Anda tuju. Tim Cyberskill membantu memetakan langkah pertama menuju satu website portofolio yang layak dibuka orang lain.

Konsultasi Gratis via WhatsApp

Kursi tiap angkatan terbatas supaya mentor sempat mengoreksi halaman setiap peserta.