Ingin Belajar Web Programming, Harus Mulai Dari Mana?

Pertanyaan di atas sangat sering diajukan oleh programmer pemula atau kalangan awam yang ingin mulai belajar web programming.

Saya juga sering ditanya terkait masalah ini baik melalui email maupun dari kolom komentar yang ada di duniailkom. Ini sangat sangat bisa dimaklumi, karena saking beragamnya materi terkait web programming, banyak programmer pemula bingung mesti memulai dari mana.

Oleh karena itu saya memutuskan untuk membuat artikel khusus mengenai hal ini, dan semoga bisa menjadi panduan dasar untuk rekan-rekan semua.


"Ingin belajar web programming, harus mulai dari mana?" Pertanyaan ini juga ada dipikiran saya sewaktu mulai belajar web programming, apakah mesti belajar algoritma dulu? HTML? PHP? atau apa? Juga berapa lama waktu yang dibutuhkan untuk menjadi web programmer yang ahli?

Saya akan mencoba menjawab semua pertanyaan ini berdasarkan pengalaman pribadi. Bagi rekan-rekan yang sudah lama 'makan asam garam' web programming, mungkin memiliki pendapat berbeda, silahkan tinggalkan komentar di akhir artikel…


Saya ingin mempelajari web programming, harus memulai dari mana?

Jawaban singkatnya: mulai dari HTML.

HTML adalah inti dari seluruh halaman web. Sangat mustahil untuk membuat website tanpa memiliki dasar pengetahuan tentang HTML. Untungnya, HTML juga sangat mudah dipelajari. Anda tidak perlu memiliki dasar programming atau pengetahuan tentang algoritma apapun. Satu-satunya kemampuan yang dibutuhkan adalah anda sudah cukup familiar dengan cara penggunaan web browser seperti Google Chrome atau Mozilla Firefox.

Duniailkom telah menyediakan tutorial dasar dan tutorial lanjutan seputar HTML. Anda bisa memulainya di sini: Tutorial Belajar HTML Dasar untuk Pemula.

Apabila 'serius' ingin mendalami HTML, duniailkom telah menyediakan eBook khusus yang membahas hampir seluruh materi dasar seputar HTML. Mulai dari dasar HTML, hingga materi HTML5 seperti form validation, tag <audio>, tag <video> dan <canvas>. Penjelasan lebih lanjut bisa ke HTML Uncover.

Setelah HTML, lanjut kemana?

Jika anda sudah menguasai HTML (minimal dasar-dasar HTML), bisa memilih antara CSS atau PHP. Apabila berminat dengan web design, silahkan lanjut mempelajari CSS. Apabila anda ingin membuat aplikasi web seperti pemrosesan form, menyimpan data ke database, membuat laporan, dll bisa lanjut ke PHP.

Saya pribadi lebih menyarankan untuk lanjut ke CSS. Dengan demikian, akan memiliki dasar yang pas dan bisa memahami bagaimana cara membuat tampilan website dan mempercantik desain halaman web.

Sama seperti HTML, CSS juga tidak membutuhkan pengetahuan apapun terkait programming. Baik CSS maupun HTML sebenarnya bukanlah sebuah 'bahasa pemrograman'. Keduanya adalah bahasa struktur yang terdiri dari perintah-perintah sederhana (walaupun CSS mungkin 'sedikit' lebih rumit daripada HTML).

Duniailkom juga sudah menyediakan Tutorial CSS dasar yang bisa menjadi panduan untuk memulai belajar CSS.

Saat ini sudah tersedia eBook CSS Uncover. Pembahasan tentang dasar-dasar CSS akan dibahas dengan lengkap, mulai dari dasar penulisan CSS hingga CSS3. Termasuk cara membuat halaman web responsive yang sudah menjadi standar web design saat ini.

Web Programming dengan PHP

Berikutnya, setelah mempelajari HTML dan CSS, anda bisa lanjut ke PHP. Berbeda dengan HTML dan CSS, PHP 'murni' sebuah bahasa pemrograman komputer. HTML dan CSS sendiri belum bisa dikatakan bahasa pemrograman, tapi lebih ke bahasa kode. Di PHP inilah web programming yang sebenarnya.

PHP digunakan untuk membuat 'program' dari sebuah website. Mulai dari mengatur alur logika, memproses hasil form HTML, hingga berkomunikasi dengan database seperti MySQL. Jika anda membuat sebuah website modern, 80% waktu akan anda habiskan membuat kode program PHP, terutama website kaya fitur seperti sistem informasi, ujian online, portal berita, dll.

Untuk dapat mempelajari PHP, sebaiknya punya dasar-dasar programming. Walaupun begitu, Duniailkom telah menyediakan tutorial PHP dasar untuk pemula yang dilengkapi langkah-langkah dari awal, sehingga anda bisa mempelajari PHP walaupun tidak memiliki dasar programming.

Untuk materi PHP yang lebih lengkap, duniailkom telah menyediakan eBook PHP Uncover. Dalam buku ini akan dibahas konsep dasar pemrograman PHP hingga studi kasus membuat aplikasi sistem informasi sederhana / aplikasi CRUD.

Menyimpan Data di Database MySQL

Ketika membuat website dengan PHP, kadang kita perlu untuk menyimpan data seperti registrasi user, laporan penjualan, hasil perhitungan, dll. Media penyimpanan ini dikenal dengan database.

Terdapat beragam aplikasi database yang bisa digunakan, saat ini aplikasi database yang paling populer untuk web programming adalah MySQL. Anda bisa mempelajari MySQL pada saat bersamaan dengan PHP atau fokus ke PHP, baru kemudian lanjut ke MySQL.

Jika anda mengikuti perkembangan terbaru web programming, sekarang juga muncul aplikasi database baru: MariaDB. MariaDB sebenarnya adalah 'cloningan' dari MySQL. Seluruh perintah di MySQL tetap berjalan di MariaDB. Oleh karena itu anda tidak perlu khawatir untuk mulai belajar MySQL (walaupun nantinya akan menggunakan MariaDB).

Duniailkom juga telah menyediakan Tutorial Belajar MySQL Dasar.

Saat ini sudah tersedia eBook MySQL Uncover. Pembahasan tentang dasar MySQL dan MariaDB akan dibahas dengan lengkap, mulai query seperti SELECT, INSERT, UPDATE, DELETE hingga materi advanced seperti view, stored procedure dan trigger.

Animasi dengan JavaScript

Materi terakhir yang perlu dikuasai adalah JavaScript. Sama seperti PHP, JavaScript merupakan bahasa pemrograman murni.

JavaScript diperlukan untuk membuat halaman website yang interaktif, seperti apa yang terjadi ketika sebuah tombol di-klik, menampilkan pesan kesalahan jika salah mengisi form, membuat animasi hingga game online berbasis web.

Sebenarnya, anda bisa langsung mempelajari JavaScript setelah belajar HTML, tapi saya menyarankan untuk masuk ke JavaScript setelah paham PHP, terutama jika anda belum pernah mempelajari bahasa pemrograman komputer sebelumnya.

JavaScript menggunakan konsep pemrograman berbasis objek (Object Oriented Programming). Konsep OOP cukup sulit untuk pemula (terutama jika anda belum pernah belajar OOP). Walaupun begitu, dengan materi dan panduan yang sesuai, belajar JavaScript sangat menyenangkan. Fitur dan hasil akhir yang bisa didapat dengan JavaScript sangat menarik, seperti animasi, konten interaktif, dll.

Tutorial JavaScript dapat dipelajari di sini: Tutorial Belajar JavaScript Dasar untuk Pemula

Saat ini juga telah tersedia eBook JavaScript Uncover yang akan membahas JavaScript dengan lebih detail, mulai dari dasar hingga konsep lanjutan seperti DOM, Event dan AJAX.

HTML + CSS + PHP + MySQL + JavaScript, berapa lama untuk menguasai semua ini?

Jawabnya: tergantung

Ada beberapa faktor yang harus dipertimbangkan. Pertama, kata-kata 'menguasai' disini sangat relatif.

Untuk sekedar 'tahu' tentang fungsi masing-masing 'bahasa' ini, anda bisa meluangkan waktu sekitar 1 minggu (hari pertama belajar HTML, hari kedua belajar CSS, dst). Tapi sekali lagi, ini hanya untuk sekedar 'tahu', itu pun jika anda tidak pusing dengan pembahasan masing2nya.

Bahasan untuk setiap 'bahasa' ini sangat banyak. Apabila anda melihat-lihat buku terbitan luar seperti di amazon.com, beberapa buku bahkan memiliki hingga 1000 halaman, dan itu hanya khusus membahas satu macam materi seperti HTML saja, PHP saja, atau JavaScript saja. Buku manual resmi PHP dan MySQL bahkan bisa mencapai 2000 halaman.

Jadi, mungkin pertanyaannya bisa dibalik, yakni seberapa banyak yang ingin anda pahami? Dengan asumsi setiap hari meluangkan waktu 4-5 jam untuk belajar, dalam 1 bulan anda bisa dianggap sudah menguasai 1 materi (+ beberapa minggu untuk latihan kode program), sehingga total dalam 5 bulan sudah bisa menguasai HTML, CSS, PHP, MySQL, dan JavaScript. Ini dengan catatan anda sudah memiliki sumber bacaan yang mudah dipahami seperti buku, ebook, maupun tutorial online.


Huff, baiklah saya sudah cukup paham tentang HTML, CSS, PHP, MySQL, dan JavaScript, jadi apakah sudah selesai?

Sekali lagi, ini tergantung dari berbagai faktor. Jika anda berniat mempelajari web programming sebagai 'hobi' atau sekedar mengisi waktu luang, memahami kelima bahasa pemrograman web diatas dirasa sudah cukup. Tapi bagi anda yang berniat serius terjun ke dunia web programming, atau bahkan ingin memiliki karir sebagai web programmer, ini baru sebagai "gerbang awal".

Dunia ilmu komputer, terutama web programming berkembang dengan sangat cepat. Setiap bulan (jika bukan setiap hari) lahir teknologi baru yang bisa digunakan untuk membuat website yang lebih "wah" dari sebelumnya. Teknologi ini hadir dalam bentuk library, plugin, framework, CMS atau bahkan sebuah bahasa pemrograman baru.

Library, plugin, framework atau CMS adalah kumpulan kode program yang bisa digunakan untuk menghasilkan website dalam waktu singkat, atau menyediakan beragam fungsi 'siap pakai'. Hampir seluruh website modern menggunakannya.

Sebagai contoh, di dalam bahasa pemrograman PHP, anda juga akan dituntut untuk memahami framework. Framework adalah kumpulan kode program dengan aturan tertentu yang bisa digunakan untuk menghasilkan website dengan cepat. Beberapa framework PHP yang cukup terkenal adalah Laravel, Code Igniter, Yii Framework, dan Zend Framework.

Dari sisi desain web (CSS), terdapat framework seperti Bootstrap dan Zurb Fondation. Selain itu ada juga teknologi CSS preprocessor seperti Less dan Sass.

Untuk JavaScript tersedia berbagai teknologi library seperti jQuery, platform Node.js, framework Angular, Express, Vue dan lain-lain. Khusus untuk jQuery, duniailkom juga telah menyediakan tutorial dasarnya: Tutorial jQuery untuk pemula. Tapi sebelum ke sini, wajib paham HTML dan JavaScript.

Melihat banyaknya teknologi yang harus dikuasai, pada titik ini umumnya anda harus memilih akan fokus kemana. Jika fokus ke web designer (dikenal juga sebagai front-end developer), kuasai secara mendalam HTML+CSS+JavaScript beserta frameworknya. Jika anda ingin fokus ke web programmer (dikenal juga dengan back-end developer), khususkan diri untuk mendalami PHP, MySQL dan berbagai framework-nya.

Sebagai pembuktian untuk kebutuhan akan framework, silahkan anda lihat lowongan kerja web programmer. Hampir semuanya membutuhkan syarat menguasai beberapa framework seperti Code Igniter, Laravel, atau jQuery.


Wah banyak banget yang harus dikuasai mas…

Lagi-lagi, ini tergantung dengan tujuan anda mempelajari web programming. Jika butuh untuk keperluan edukasi seperti tugas sekolah / membuat skripsi, silahkan fokus untuk menyelesaikannya, gunakan web programming sebagai 'media' untuk mencapai tujuan ini.

Tetapi jika anda serius ingin berkarir sebagai programmer, mempelajari setiap teknologi ini akan terasa sangat menyenangkan. Istilahnya, tiada hari tanpa ngoding

Semoga tulisan singkat ini bisa memberikan gambaran apa yang akan anda hadapi dan apa yang harus anda kuasai untuk menjadi web programmer. Mudah-mudahan bermanfaat, dan jika ada ide/saran/pertanyaan/berbagi pengalaman, silahkan tinggalkan sepatah dua patah kata di kolom komentar


Untuk membantu anda menguasai semua materi ini, Duniailkom telah membuat tutorial khusus dalam bentuk Buku (tersedia versi eBook maupun buku cetak).

Pembahasan di dalam buku ini jauh lebih lengkap daripada tutorial yang ada di duniailkom. Jika dibandingkan, baru 30% materi yang ada di website duniailkom, 70% sisanya hanya ada di Buku.

Saat ini sudah tersedia Buku C++, Pascal, HTML, CSS, PHP, JavaScript, MySQL, Bootstrap, OOP PHP, Laravel, dan React. Materi lain segera menyusul.

...

 

...

 

...

 

...

 

...

 

...

 

...

 

...

 

...

 

...

 

...

 

...

 

 

Untuk pemesanan bisa ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke duniailkom@gmail.com / WA ke 083180285808 (andre).

1,003 Comments

  1. henri
    18 Mar 16
    • Andre
      21 Mar 16
      • Rismantono
        22 Mar 16
        • Andre
          22 Mar 16
  2. Mera
    28 Mar 16
  3. Fajar
    28 Mar 16
    • Andre
      28 Mar 16
  4. Ngudi
    30 Mar 16
    • Andre
      30 Mar 16
  5. fahmi
    30 Mar 16
    • Andre
      30 Mar 16
  6. khozin
    02 Apr 16
    • Andre
      03 Apr 16
  7. Eka Arisamn
    05 Apr 16
    • Andre
      05 Apr 16
  8. rijal
    05 Apr 16
    • Andre
      06 Apr 16
  9. Andika Pratama
    06 Apr 16
    • Andre
      06 Apr 16
      • Dachi
        15 Jul 16
        • Andre
          15 Jul 16
      • Andre
        15 Jul 16
  10. Rizal
    09 Apr 16
    • Andre
      11 Apr 16
  11. Siti
    11 Apr 16
    • Andre
      11 Apr 16
      • Siti
        12 Apr 16
  12. fathur
    12 Apr 16
    • Andre
      16 Apr 16
  13. Irfan Maulana
    15 Apr 16
    • Andre
      16 Apr 16
    • Anonymous
      13 May 16
  14. mochdie.rd
    20 Apr 16
  15. joy
    20 Apr 16
    • Andre
      21 Apr 16
      • Guntur prayogo
        06 Aug 16
  16. Alfian W
    24 Apr 16
    • Andre
      25 Apr 16
      • deka
        29 Apr 16
        • Andre
          29 Apr 16
  17. idoyz
    02 May 16
    • Andre
      03 May 16
  18. idoyz
    04 May 16
  19. Ahmad
    08 May 16
    • Andre
      08 May 16
  20. idoyz
    09 May 16
    • Andre
      09 May 16
  21. ukie
    09 May 16
    • Andre
      09 May 16
  22. Yuza
    09 May 16
    • Andre
      09 May 16
  23. Yadi Supriadi
    14 May 16
    • Andre
      14 May 16
  24. salman alfarisi
    16 May 16
    • Andre
      16 May 16
  25. Edo
    18 May 16
    • Andre
      18 May 16
  26. faqih
    18 May 16
    • Andre
      18 May 16
  27. uwais
    19 May 16
    • Andre
      19 May 16
  28. ALI EJ
    20 May 16
    • Andre
      20 May 16
  29. ALI EJ
    20 May 16
    • Andre
      20 May 16
  30. vlad
    21 May 16
    • Andre
      21 May 16
  31. wijanarko
    24 May 16
    • Andre
      25 May 16
  32. Juli
    25 May 16
    • Andre
      25 May 16
  33. iyan
    27 May 16
    • Andre
      27 May 16
  34. iyan
    27 May 16
    • Andre
      27 May 16
  35. eko
    31 May 16
    • Andre
      01 Jun 16
  36. Dayat
    01 Jun 16
    • Andre
      01 Jun 16
  37. fuad rifai
    04 Jun 16
    • Andre
      05 Jun 16
  38. Muhammad Ilyas
    08 Jun 16
    • Andre
      08 Jun 16
  39. Puji Rahayu
    10 Jun 16
    • Andre
      10 Jun 16
  40. One
    12 Jun 16
    • Andre
      13 Jun 16
  41. ale huda
    17 Jun 16
    • Andre
      17 Jun 16
  42. Rusli
    19 Jun 16
    • Andre
      19 Jun 16
    • Andre
      20 Jun 16
  43. Omi
    22 Jun 16
    • Andre
      23 Jun 16
  44. Diky Wahyudin
    23 Jun 16
    • Andre
      23 Jun 16
      • Diky Wahyudin
        23 Jun 16
      • Diky Wahyudin
        23 Jun 16
        • Andre
          24 Jun 16
  45. Ferry
    23 Jun 16
    • Hmmm.....
      24 Jun 16
      • Andre
        24 Jun 16
    • Andre
      24 Jun 16
      • Hmmm.....
        24 Jun 16
        • Andre
          24 Jun 16
  46. pamuji
    24 Jun 16
    • Andre
      25 Jun 16
    • Frid
      12 Jul 16
  47. ilyasin
    25 Jun 16
    • Andre
      25 Jun 16
  48. Hestia
    26 Jun 16
    • Andre
      27 Jun 16
  49. erlina
    27 Jun 16
    • Andre
      28 Jun 16
  50. ferdiyanzah
    28 Jun 16
    • Andre
      28 Jun 16
  51. rey
    05 Jul 16
    • Andre
      05 Jul 16
  52. herrycahyadi
    07 Jul 16
    • Andre
      07 Jul 16
  53. Lalu Yudhi Prihadi
    10 Jul 16
    • Andre
      11 Jul 16
  54. Hartono M. Tri
    17 Jul 16
    • Andre
      18 Jul 16
  55. Lina
    18 Jul 16
    • Andre
      18 Jul 16
  56. Aliel
    18 Jul 16
    • Andre
      18 Jul 16
  57. Lina
    18 Jul 16
  58. Resky
    19 Jul 16
    • Andre
      20 Jul 16
  59. Rangga
    20 Jul 16
    • Andre
      20 Jul 16
  60. rudi heryanto
    23 Jul 16
    • Andre
      24 Jul 16
  61. April
    28 Jul 16
  62. rudi
    29 Jul 16
    • Andre
      29 Jul 16
  63. adit
    30 Jul 16
    • Andre
      30 Jul 16
  64. Anonymous
    04 Aug 16
  65. Kevin Moniaga Suharta
    05 Aug 16
    • Andre
      05 Aug 16
      • Kevin Moniaga Suharta
        05 Aug 16
      • Kevin Moniaga Suharta
        07 Aug 16
        • Andre
          07 Aug 16
  66. minarto
    06 Aug 16
    • Andre
      06 Aug 16
  67. Anonymous
    09 Aug 16
    • Andre
      10 Aug 16
  68. Priambada
    17 Aug 16
    • Andre
      17 Aug 16
    • Andre
      20 Aug 16

Add Comment