Jika Anda seorang desainer visual yang menghabiskan waktu menggunakan software desain Photoshop dan Illustrator, Anda mungkin akan menunda dengan perlu mempelajari bagaimana membuat desain dengan teks, tapi sebenarnya itu cukup sederhana untuk memulai. Ada juga penulisan alat yang mempercepat proses produksi, sebagaimana yang akan saya bahas dalam artikel ini.
Berikut ini adalah daftar teknologi yang terkait dengan pengembangan web. Bahasa dan teknologi yang Anda pelajari akan tergantung pada peran Anda melihat diri Anda di dalam proses desain web. Namun, disarankan semua orang yang terlibat dalam membangun website untuk mengetahui cara di HTML dan Cascading Style Sheets, dan jika Anda ingin melakukan pengembangan web frontend sebagai mata pencaharian, pengetahuan JavaScript cukup banyak menjadi bagian sebuah persyaratan pekerjaan.
Lainnya yang cenderung teknis bagi profesional web mungkin menangani konfigurasi server database, dan kinerja situs, tetapi ini pada umumnya bukan tugas pengembang frontend (meskipun keakraban dasar dengan masalah backend tidak ada salahnya).
Baca juga: Apa yang Dilakukan oleh Desainer Web?
Hypertext Markup Language (HTML)
HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat dokumen halaman web. Ada beberapa versi dari HTML yang digunakan saat ini: HTML 4.01 adalah yang paling kuat dibangun dan lebih baru, lebih kuat HTML5 yang merupakan evolusi terbaru dari standar yang mendefinisikan HTML. Kedua versi memiliki implementasi lebih ketat disebut sebagai XHTML (eXtensible HTML), yang pada dasarnya bahasa yang sama dengan aturan sintaks yang lebih ketat.
HTML bukanlah bahasa pemrograman; ini adalah bahasa markup, yang artinya adalah sebuah sistem untuk mengidentifikasi dan menggambarkan berbagai komponen dokumen seperti judul, paragraf, dan daftar. Markup menunjukkan struktur dasar dari dokumen (Anda dapat menganggapnya sebagai sebuah terperinci, dapat dibaca oleh mesin kerangka). Anda tidak memerlukan keterampilan pemrograman hanya kesabaran dan nalar yang wajar untuk menulis HTML.
Cascading Style Sheets (CSS)
Sementara HTML digunakan untuk menjelaskan konten dalam halaman web, maka Cascading Style Sheets (CSS) yang menggambarkan bagaimana konten yang akan terlihat. Dalam bisnis desain web, cara halaman terlihat dikenal sebagai presentasi. Itu berarti font, warna, gambar latar belakang, spasi, tata letak halaman, dan seterusnya … semuanya dikontrol dengan CSS. Dengan versi terbaru (CSS3), Anda bahkan dapat menambahkan efek khusus dan animasi dasar ke halaman Anda.
CSS juga menyediakan metode untuk mengendalikan bagaimana dokumen akan disajikan dalam konteks selain browser desktop tradisional, seperti di media cetak dan atau pada perangkat dengan lebar layar kecil. Ini juga memiliki aturan untuk menentukan presentasi dokumen non-visual, seperti bagaimana mereka akan berbunyi ketika dibaca oleh screen reader (meskipun itu tidak didukung).
Style sheet juga merupakan alat yang hebat untuk mengotomatisasi produksi karena Anda dapat mengubah cara elemen terlihat di semua halaman di situs Anda dengan mengedit dokumen style sheet tunggal. Style sheet yang didukung untuk beberapa tingkat oleh semua browser modern.
Meskipun dimungkinkan untuk mempublikasikan halaman web menggunakan HTML saja, Anda mungkin ingin mengambil style sheet sehingga Anda tidak terjebak dengan style browser baku. Jika Anda sedang mencari ke dalam perancangan website profesional, kemahiran di style sheet menjadi sebuah keharusan.
JavaScript/DOM scripting
JavaScript adalah cross-platform, berorientasi objek bahasa scripting. Ini adalah bahasa yang kecil dan ringan. Di dalam lingkungan host (misalnya, web browser), JavaScript dapat dihubungkan ke objek lingkungannya untuk memberikan kontrol program di atasnya.
JavaScript digunakan untuk menambahkan interaktivitas dan perilaku untuk halaman web, termasuk ini (hanya untuk beberapa nama):
- Memeriksa entri form untuk entri yang valid
- Menukar style untuk elemen atau seluruh situs
- Membuat browser mengingat informasi tentang pengguna untuk waktu berikutnya ia mengunjungi
- Membangun widget antarmuka, seperti memperluas menu
JavaScript digunakan untuk memanipulasi elemen pada halaman web, style diterapkan kepada mereka, atau bahkan browser itu sendiri. Ada bahasa web scripting lainnya, tetapi JavaScript (juga disebut sebagai ECMAScript) adalah standar dan paling ditemukan di mana-mana.
Anda juga mungkin mendengar istilah DOM scripting yang digunakan dalam kaitannya dengan JavaScript. DOM singkatan Document Object Model, dan itu mengacu pada daftar standar elemen halaman web yang dapat diakses dan dimanipulasi menggunakan JavaScript (atau bahasa scripting lain). DOM scripting adalah istilah diperbarui untuk apa yang digunakan untuk disebut sebagai DHTML (Dynamic HTML), sekarang dipandang sebagai pendekatan sudah usang.
Menulis JavaScript adalah jenis pemrograman, sehingga mungkin memakan waktu untuk belajar jika Anda tidak memiliki pengalaman pemrograman sebelumnya. Banyak orang mengajar diri sendiri JavaScript dengan membaca buku dan mengikuti dan memodifikasi contoh yang ada. Kebanyakan alat penulisan web yang dilengkapi script standar yang dapat Anda gunakan langsung untuk fungsi umum.
Para pengembang web profesional dituntut untuk mengerti JavaScript, namun, banyak desainer visual bergantung pada pengembang untuk menambahkan perilaku untuk desainnya. Jadi saat JavaScript sangat berguna, pembelajaran menulis tidak mungkin wajib untuk semua desainer web.
Pemrograman server-side
Pemrograman server side adalah jenis pemrograman yang mengandalkan kode dioperasikan dari server website, bukan komputer yang sebenarnya mengakses itu. Dalam pemrograman server side, server melakukan sebagian besar fungsi script-menafsirkan ini.
Beberapa website sederhana adalah suatu kumpulan dokumen HTML statis dan file gambar, tetapi sebagian besar situs komersial memiliki fungsi yang lebih canggih seperti penanganan formulir, halaman yang dihasilkan secara dinamis, keranjang belanja, content management system, database, dan sebagainya. Fungsi-fungsi ini ditangani oleh aplikasi web yang berjalan di server.
Terdapat sejumlah bahasa pemrograman dan kerangka kerja (tercantum dalam tanda kurung) yang digunakan untuk membuat aplikasi web, termasuk:
- PHP (CakePHP, CodeIngniter, Drupal)
- Python (Django, TurboGears)
- Ruby (Ruby on Rails, Sinatra)
- JavaScript (Node.js, Rhino, SpiderMonkey)
- Java (Grails, Google Web Toolkit, JavaServer Faces)
- ASP.Net (DotNetNuke, ASP.Net MVC)
Mengembangkan aplikasi web adalah wilayah programmer dan tidak diharapkan dari semua web designer. Namun, itu tidak berarti Anda tidak dapat menawarkan fungsi seperti untuk klien Anda. Hal ini dimungkinkan untuk mendapatkan keranjang belanja, content management systems, milis, dan blog sebagai solusi sebelum paket, tanpa perlu memprogramnya dari awal.
Diah Sally says
Nice artikel mas 🙂
Oiya, main-main juga yaa ke web saya 🙂
http://www.diahsally.com/2016/10/5-hal-yang-wajib-dilakukan-agar-buku.html