Kursus Desain Web Privat di Surabaya

Titik berangkat kelas: halaman web berupa dokumen sebelum berupa tampilan

Halaman web lahir sebagai dokumen: judul bertingkat, paragraf, daftar, gambar, dan tautan yang tersusun dalam satu urutan bermakna. Peramban membaca urutan itu, pembaca layar membacakannya kepada pengguna tunanetra, dan mesin telusur mengambil petunjuk isinya dari sana. Warna, jarak antar unsur, dan susunan kolom menempel belakangan sebagai lapisan tampilan di atas dokumen tadi.

Kursus desain web Edubia menempuh urutan yang sama. Peserta menyusun dokumennya lebih dulu, memastikan halaman tetap terbaca runtut dalam keadaan polos, baru menambahkan tata letak, ukuran huruf, warna, dan gerak. Cara ini terasa lambat pada dua pertemuan awal, lalu menghemat banyak waktu sesudahnya, soalnya halaman yang dokumennya rapi jarang menuntut tambalan begitu isinya bertambah.

Pertemuannya berdua saja, satu tutor menemani satu peserta selama 90 menit, di alamat Anda di Surabaya atau lewat sesi online. Biayanya mulai Rp97.300 untuk satu pertemuan. Tutor bisa diganti tanpa biaya tambahan kalau ritme mengajarnya terasa kurang klop, dan permintaannya cukup disampaikan lewat WhatsApp.

Berapa biaya kursus desain web privat di Surabaya

Pertemuan dasar bertarif mulai Rp97.300 untuk 90 menit. Panjang itu dipilih karena satu lapisan teknis, misalnya menyusun tata letak dua kolom yang tetap rapi di layar ponsel, menuntut waktu menulis kode sekaligus waktu mengujinya. Sesi 60 menit biasanya berhenti tepat pada saat kesalahan pertama muncul, dan itu titik yang justru dinanti tutor.

Peserta yang meminta pendamping berpengalaman menangani situs berisi ribuan halaman produk masuk lapis mulai Rp186.500 per pertemuan. Kedatangan tutor ke alamat Anda tidak menambah biaya, sementara belajar di co-learning space Edubia menambah Rp15.000 tiap pertemuan.

Di luar biaya kursus, pengeluarannya ringan. Editor kode, peramban, dan gudang penyimpan kode tersedia gratis. Uang baru keluar saat situs diterbitkan: nama domain berkisar seratus sampai dua ratus ribu rupiah setahun, sedangkan penerbitan situs statis masih bisa memakai paket cuma-cuma. Tutor menghitungnya bersama Anda sebelum satu rupiah pun dikeluarkan, jadi tidak ada tagihan yang datang mengejutkan di tengah program.

Bagaimana satu pertemuan kursus desain web berjalan

Sesi dibuka dengan menjalankan halaman yang Anda kerjakan sepekan terakhir, di ponsel lebih dulu lalu di komputer. Urutannya disengaja: sebagian besar pengunjung situs usaha kecil di Surabaya datang dari ponsel, dan cacat tata letak menampakkan diri lebih awal di layar sempit.

Bagian tengah dipakai menambah satu lapisan baru. Tutor menulis potongan kode pertama sambil menjelaskan tugas tiap barisnya, lalu menghapus potongan itu dan meminta Anda menulis ulang dari ingatan. Penghapusan tadi penting, soalnya kode yang masih tertinggal di layar membuat peserta merasa sudah paham padahal baru selesai membaca.

Sepuluh menit penutup dipakai menyimpan pekerjaan ke gudang kode dan menetapkan satu tugas berbentuk hasil, misalnya halaman kontak yang berfungsi rapi di lebar 360 piksel. Tugas berbentuk hasil lebih mudah diperiksa daripada tugas berbentuk jam belajar, dan peserta tahu persis kapan pekerjaannya boleh disebut selesai.

Lapis pertama kelas: HTML semantik dan arti tiap penanda

Tiap penanda HTML membawa arti yang dibaca perkakas. Penanda header, nav, main, article, aside, dan footer menyatakan peran sebuah wilayah halaman, sedangkan h1 sampai h6 menyusun kerangka judul yang dipakai pembaca layar untuk melompat antar bagian. Daftar ditulis sebagai daftar, tabel dipakai untuk data yang memang berbentuk baris dan kolom, dan tombol ditulis sebagai tombol supaya bisa ditekan lewat papan tik.

Kekeliruan yang berulang kali ditemui pada kode peserta baru adalah membungkus seluruh halaman dengan penanda serbaguna tanpa arti, lalu menempelkan penanganan klik di atasnya. Di layar, hasilnya terlihat benar. Pengguna papan tik tidak pernah sampai ke sana, pembaca layar mengumumkannya sebagai teks biasa, dan mesin telusur kehilangan petunjuk mana judul dan mana isi utama.

Ujian yang dipakai di kelas sederhana. Seluruh berkas gaya dimatikan, lalu halaman dibaca ulang dari atas. Kalau urutannya masih masuk akal dan tiap bagian masih terkenali perannya, dokumennya sudah benar. Ujian ini sulit diakali, dan hasilnya terlihat dalam hitungan detik.

Sesi responsif: titik henti yang lahir dari isi halaman

Rancangan responsif berangkat dari layar sempit. Satu kolom disusun rapi lebih dulu, baru ruang tambahan dimanfaatkan saat layarnya melebar. Urutan ini menghemat pekerjaan, soalnya menambah kolom pada rancangan satu kolom jauh lebih mudah daripada memampatkan rancangan tiga kolom ke lebar 360 piksel.

Titik henti ditentukan oleh isi halaman itu sendiri. Caranya begini: jendela peramban ditarik pelan-pelan sampai susunannya mulai terasa janggal, misalnya baris teks jadi terlalu panjang atau kartu terlihat terlalu kurus, dan di lebar itulah aturan baru dipasang. Menyalin daftar lebar perangkat populer dari internet melahirkan halaman yang rapi di ponsel tertentu dan berantakan di ponsel lain, sebab ukuran perangkat berganti tiap tahun sementara isi halaman Anda tetap.

Peserta juga berkenalan dengan satuan lentur. Lebar dinyatakan dalam persen atau pecahan grid, ukuran huruf boleh tumbuh mengikuti lebar layar dalam rentang yang dibatasi, dan gambar diminta menyesuaikan diri terhadap wadahnya. Yang tetap dijaga: gulir mendatar tidak boleh muncul di layar sempit mana pun.

Tipografi layar: ukuran, panjang baris, dan kontras yang terbaca

Teks menempati sebagian besar luas halaman, jadi keputusan tipografi terasa lebih cepat daripada keputusan warna. Di kelas, peserta menetapkan skala ukuran yang tetap: satu ukuran badan teks, tiga sampai empat ukuran judul, dan langkah antar ukuran yang konsisten. Skala tetap membuat halaman terlihat tenang sekaligus memangkas waktu memutuskan di tiap bagian baru.

Panjang baris ikut disetel. Baris yang terlalu lebar menyulitkan mata kembali ke awal baris berikutnya, jadi lebar kolom teks dibatasi pada kisaran empat puluh lima sampai tujuh puluh lima karakter. Jarak antar baris disetel lebih longgar untuk badan teks dan lebih rapat untuk judul berukuran besar.

Kontras diukur, tidak dikira-kira. Pedoman aksesibilitas W3C menetapkan rasio kontras minimum 4,5 banding 1 antara teks berukuran biasa dan latarnya, dan angka itu diperiksa lewat alat pengembang peramban. Warna abu muda di atas putih yang terasa lembut di mata perancang kerap jatuh di bawah ambang tadi, dan pembaca berusia lanjut yang duluan merasakan akibatnya.

Sesi performa: ukuran gambar, huruf, dan pemuatan yang ditunda

Halaman yang berat kehilangan pembacanya sebelum satu kata pun sempat dibaca, dan penyebabnya hampir selalu sama: foto berukuran empat ribu piksel yang diunggah apa adanya lalu dikecilkan lewat berkas gaya. Peramban tetap mengunduh berkas raksasa itu utuh. Di kelas, tiap gambar dikecilkan sesuai ukuran tayangnya, disimpan dalam format modern yang lebih ringan, dan diberi lebar serta tinggi supaya tata letak tidak melompat saat gambarnya selesai dimuat.

Gambar yang berada jauh di bawah layar pertama diminta menunggu giliran, sehingga bagian atas halaman tampil lebih dulu. Berkas huruf mendapat perlakuan serupa: jumlah keluarga huruf dibatasi dua, ketebalannya dipilih seperlunya, dan teks diminta tampil memakai huruf cadangan selama huruf pilihan masih dalam perjalanan.

Semuanya diukur, tanpa mengandalkan perasaan. Peserta membuka panel Network, membatasi kecepatan jaringan supaya menyerupai sinyal seluler di jalan, lalu mencatat waktu muat sebelum dan sesudah perbaikan. Angka yang bergerak dari sekian detik menjadi kurang dari satu detik jauh lebih meyakinkan daripada nasihat mana pun.

Formulir dan pemeriksaan isian di sisi peramban

Formulir kontak adalah bagian situs usaha kecil yang menentukan apakah pengunjung berubah menjadi percakapan. Di kelas, formulir dibangun dari isian bawaan HTML yang tipenya dipilih sesuai isi: surel, nomor telepon, tanggal, dan pilihan. Ponsel otomatis memunculkan papan tik yang sesuai, dan itu satu perbaikan pengalaman yang harganya nol baris JavaScript.

Pemeriksaan isian dipasang berlapis. Penanda wajib isi dan pola sederhana ditangani peramban sendiri, sementara pesan bawaannya diganti kalimat yang menuntun, misalnya menyebutkan bentuk nomor telepon yang diterima. Pesan galat diletakkan menempel pada isian yang bersangkutan dan diumumkan kepada pembaca layar, sehingga pengunjung tahu isian mana yang perlu dibetulkan.

Satu hal ditegaskan sejak awal: pemeriksaan di peramban bekerja untuk kenyamanan pengunjung, dan layanan penerima data tetap memeriksa ulang isinya. Peserta yang memakai layanan pengirim formulir pihak ketiga diajak membaca dokumentasinya bersama tutor, lalu mencoba mengirim satu pesan sungguhan ke surelnya sendiri di dalam sesi.

Pengujian lintas peramban dan lintas perangkat

Halaman yang benar di satu peramban belum tentu utuh di peramban lain, dan selisihnya sering datang dari mesin tampilan yang berbeda. Peserta menguji karyanya di peramban berbasis Chromium serta di Firefox, lalu memeriksanya di peranti Apple bila ada, sebab mesin WebKit punya perilaku tersendiri pada tinggi layar dan pemutaran media.

Pengujian di ponsel dikerjakan pada perangkat nyata, tidak berhenti di pengecil jendela. Tutor menunjukkan cara menyambungkan ponsel ke komputer lewat kabel supaya panel pemeriksa membaca halaman yang sedang terbuka di sana, sehingga kesalahan bisa dilacak sampai ke barisnya tanpa perlu ditebak dari tangkapan layar.

Dua pemeriksaan lagi ditambahkan menjelang penutup program. Yang pertama menelusuri seluruh halaman memakai papan tik saja, dan yang kedua menyalakan pengaturan gerak minimal di sistem untuk memastikan animasi ikut mereda bagi pengunjung yang memintanya. Keduanya memakan waktu beberapa menit dan menutup keluhan yang lazim muncul sesudah situs dibuka umum.

Dasar SEO teknis yang dipasang di sesi penutup

Situs yang cantik dan tak pernah ditemukan orang adalah pekerjaan yang berhenti satu langkah sebelum garis akhir. Karena itu lapisan penutup program membahas pekerjaan teknis yang membuat halaman bisa dibaca mesin telusur: judul halaman yang berbeda di tiap alamat, keterangan singkat yang muncul di hasil pencarian, satu judul utama per halaman, dan susunan judul bertingkat yang menggambarkan isinya.

Sesudah itu barulah berkas pendukung disiapkan. Peta situs dalam bentuk sitemap dibuat dan didaftarkan ke perkakas mesin telusur, berkas robots disetel supaya halaman percobaan tidak ikut dirayapi, dan alamat halaman ditulis pendek serta terbaca manusia. Kecepatan muat dan kenyamanan di ponsel yang sudah digarap pada lapisan sebelumnya ikut terhitung di sini.

Batasnya disebutkan terang-terangan supaya harapan Anda tepat. Penyusunan strategi kata kunci dan penulisan isi halaman adalah pekerjaan tersendiri yang menuntut riset pasar, dan program ini berhenti pada sisi teknisnya. Tutor menunjukkan cara memeriksa hasil pemasangan lewat pratinjau tautan di aplikasi pesan, uji cepat yang bisa Anda ulangi sendiri kapan saja.

Wilayah kunjungan tutor desain web Edubia

Peserta program ini tersebar di seluruh Kota Surabaya, dan biasanya jatuh ke tiga kelompok. Kelompok pertama pemilik usaha kecil di Sawahan, Wonokromo, dan Tambaksari yang selama ini bersandar penuh pada akun media sosial. Kelompok kedua mahasiswa di sekitar Sukolilo dan Gubeng, termasuk yang berkuliah di ITS maupun Universitas Airlangga, yang menyiapkan portofolio sebelum melamar magang. Kelompok ketiga karyawan di Tegalsari dan Genteng yang menyiapkan perpindahan bidang pekerjaan.

Jangkauan kunjungan juga mencakup Rungkut, Gunung Anyar, Tenggilis Mejoyo, Wonocolo, dan Mulyorejo, wilayah yang dekat dengan kampus UPN Veteran Jawa Timur, Universitas Surabaya, Universitas Kristen Petra, serta Universitas Islam Negeri Sunan Ampel. Di Sidoarjo, tutor melayani Waru, Gedangan, Taman, Buduran, Candi, dan Krian.

Pekerjaan pada program ini berupa berkas kode yang mudah dibagikan, jadi sesi online berjalan sama efektifnya dengan tatap muka. Tutor dan peserta membuka gudang kode yang sama, dan perubahan yang ditulis salah satu pihak bisa langsung ditarik pihak lainnya dalam hitungan detik.

Latar belakang tutor desain web Edubia

Edubia berdiri dan bekerja khusus di Surabaya dan hari ini menaungi 2.500+ tutor terverifikasi di berbagai bidang. Latar belakang mereka beragam. Sebagian bekerja di agensi digital Surabaya, sebagian pengembang lepas yang menangani klien dari luar kota, sebagian lagi lulusan Teknik Informatika maupun Sistem Informasi dari kampus setempat yang mengajar di sela pekerjaannya. Beberapa di antaranya terbiasa nongkrong di ruang kerja bersama Koridor di lantai tiga Gedung Siola, Jalan Tunjungan, tempat pemerintah kota menampung komunitas digital sejak 2017.

Sebelum jadwal disepakati, Anda menerima profil ringkas beserta contoh karyanya, dan boleh meminta tutor yang jenis situs garapannya dekat dengan rencana Anda. Permintaan seperti itu lazim, dan tim penjadwalan memperlakukannya sebagai bagian wajar dari proses.

Yang dibawa pulang peserta sesudah sesi terakhir

Keluaran utamanya satu situs yang tayang di alamat milik Anda sendiri, dibangun sendiri, dan bisa diperbarui sendiri. Kode sumbernya tersimpan di gudang GitHub lengkap dengan riwayat perubahan, sehingga pekerjaan itu sendiri berlaku sebagai bukti kemampuan saat Anda melamar kerja atau menawarkan jasa kepada calon klien.

Di luar berkasnya, ada dua kebiasaan yang jarang tertular dari tayangan tutorial. Yang pertama membaca pesan galat sampai habis sebelum menyalin pertanyaan ke mesin pencari. Yang kedua memeriksa hasil di ponsel sebelum sebuah halaman dinyatakan selesai. Dua kebiasaan sederhana ini yang membedakan orang yang bisa menulis kode dari orang yang bisa menyelesaikan halaman.

Bagi pemilik usaha, kemampuan tadi berarti perubahan harga atau menu bisa tayang pada hari yang sama tanpa menunggu siapa pun. Bagi peserta yang menyasar pekerjaan, ia menjadi pijakan yang tenang untuk melangkah ke kerangka kerja yang lebih besar, dan tutor menyusun urutan belajar lanjutan bersama Anda di pertemuan penutup.