Plain Vanilla - Mengembangkan Web dengan Teknologi Vanilla

• Memberikan gambaran umum tentang teknologi utama untuk membuat situs web dan aplikasi web hanya dengan editor, browser, dan standar web (HTML/CSS/JavaScript murni) tanpa menggunakan build tool atau framework
• Topik yang dibahas adalah sebagai berikut:
  • Components: menggunakan Web Components sebagai blok penyusun dasar untuk membuat primitive tingkat tinggi dengan HTML, JavaScript, dan CSS murni sebagai pengganti pendekatan komponen dari framework seperti React atau Vue
  • Styling: memaksimalkan kemampuan CSS modern untuk menggantikan kenyamanan CSS Modules, PostCSS, dan SASS
  • Sites: membuat proyek web berbasis Web Components dan menerapkannya ke production tanpa build tool, framework, atau logika server-side
  • Applications: cara membangun aplikasi web single-page dengan teknologi vanilla, cara melakukan routing, dan cara mengelola state
• Tutorial ini ditujukan bagi orang yang sudah memahami HTML, CSS, dan JavaScript. Jika Anda masih berada pada tahap mulai belajar pengembangan web, situs ini belum cocok untuk Anda

Mengapa melakukan ini?

• Framework pengembangan web modern memang memungkinkan pengembangan aplikasi web yang kaya fitur dan terstruktur dengan baik secara cepat, tetapi kelengkapan fitur tersebut dibayar dengan kompleksitas framework dan tool, sehingga proyek pada akhirnya memerlukan pemeliharaan rutin agar tetap aman dan mutakhir
• Pengembangan web gaya Plain Vanilla mengambil pilihan yang berbeda: mengorbankan kenyamanan jangka pendek demi manfaat jangka panjang seperti kesederhanaan dan secara efektif hampir tanpa pemeliharaan. Pendekatan ini dimungkinkan oleh lingkungan browser modern yang memberikan dukungan sangat baik terhadap standar web
• Jangan gunakan pendekatan Plain Vanilla sebelum Anda mencoba beberapa framework pengembangan web yang populer, memahami alasan mengapa Anda ingin bekerja tanpanya, dan merasa yakin tentang cara menyusun codebase tanpa bantuan framework
• Gunakan pendekatan ini jika Anda ingin lebih memahami tool yang disediakan browser, atau ingin membangun situs maupun aplikasi yang tidak memerlukan pemeliharaan, sangat stabil, dan dibangun untuk jangka panjang. Pada akhirnya, teknik yang dijelaskan di sini hanya bergantung pada standar web, dan standar web bertahan selama puluhan tahun

[yangeok]

Bahkan membuat aplikasi peta sederhana dengan vanilla pun file-nya jadi terlalu panjang.

[ahwjdekf]

Jika Anda ingin membangun situs atau aplikasi yang nyaris tidak memerlukan pemeliharaan, sangat stabil, dan dirancang untuk jangka panjang, gunakan pendekatan ini --> kalau begitu rasanya jawabannya sudah jelas. Kenapa ini tidak dilakukan..?

[cosine20]

Semua orang bilang itu merepotkan wkwk

[botplaysdice]

Pada zaman dahulu kala saat harimau masih merokok.... dulu kami menulisnya seperti ini...

int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}

[axgux]

Saya jadi teringat dulu pernah mengimplementasikan SPA dengan vanilla.. Waktu itu saya masih benar-benar pemula, jadi belum tahu fetch dan mengerjakannya satu per satu dengan xhr..

[aer0700]

Katanya, ujung dari tuning adalah versi standar...

[kandk]

Spesifikasi tuning juga bisa terserap ke spesifikasi bawaan..

[galadbran]

Episode ke-800 Syntax.fm menampilkan John Resig! ^^