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. ibnu
    22 Aug 16
    • Andre
      22 Aug 16
      • Yusril
        03 Sep 16
        • Andre
          04 Sep 16
      • Heri
        10 Nov 16
        • Andre
          10 Nov 16
  2. Khaza
    23 Aug 16
    • Andre
      23 Aug 16
  3. Heri
    23 Aug 16
    • Andre
      23 Aug 16
  4. Akim
    23 Aug 16
    • Andre
      24 Aug 16
  5. Andrian
    24 Aug 16
    • Andre
      24 Aug 16
  6. dede
    25 Aug 16
    • Andre
      25 Aug 16
    • Andre
      27 Aug 16
  7. Erwin
    28 Aug 16
    • Andre
      28 Aug 16
      • Erwin
        28 Aug 16
        • Andre
          28 Aug 16
  8. Buddy
    29 Aug 16
    • Andre
      29 Aug 16
  9. rohman
    31 Aug 16
    • Andre
      31 Aug 16
  10. Syafrizal
    06 Sep 16
    • Andre
      07 Sep 16
  11. Anonymous
    09 Sep 16
    • Andre
      09 Sep 16
      • Anonymous
        10 Sep 16
        • Andre
          10 Sep 16
  12. Nei
    14 Sep 16
    • Andre
      14 Sep 16
  13. anggi
    18 Sep 16
    • Andre
      19 Sep 16
  14. A.Hendra Gunawan
    20 Sep 16
    • Andre
      20 Sep 16
  15. Yudi Y
    21 Sep 16
    • Andre
      21 Sep 16
  16. Wisnu Nugroho
    21 Sep 16
    • Andre
      22 Sep 16
      • Wisnu Nugroho
        23 Sep 16
        • Andre
          24 Sep 16
  17. Yoga
    21 Sep 16
  18. Eko pamuji
    22 Sep 16
    • Andre
      22 Sep 16
  19. Jemsi
    22 Sep 16
    • Andre
      22 Sep 16
  20. Minol
    26 Sep 16
    • Andre
      26 Sep 16
  21. fery
    26 Sep 16
    • Andre
      26 Sep 16
  22. shodiq
    27 Sep 16
    • Andre
      27 Sep 16
  23. Aget
    27 Sep 16
    • Andre
      28 Sep 16
  24. Rami
    29 Sep 16
    • Andre
      29 Sep 16
  25. dzikri
    30 Sep 16
    • Andre
      30 Sep 16
  26. Aep Saepudin
    02 Oct 16
    • Andre
      02 Oct 16
  27. deny
    03 Oct 16
    • Andre
      03 Oct 16
  28. Andy
    03 Oct 16
    • Andre
      03 Oct 16
  29. Dzikri Ihsani Mahardika
    04 Oct 16
    • Andre
      04 Oct 16
  30. arif
    04 Oct 16
    • Andre
      05 Oct 16
  31. Dixie
    05 Oct 16
    • Andre
      05 Oct 16
  32. Harry
    05 Oct 16
    • Andre
      05 Oct 16
  33. teguh yulianto
    06 Oct 16
    • Andre
      06 Oct 16
  34. Indra
    06 Oct 16
    • Andre
      07 Oct 16
  35. labib
    07 Oct 16
    • Andre
      07 Oct 16
  36. tyar
    07 Oct 16
    • Andre
      07 Oct 16
  37. gilang
    07 Oct 16
    • Andre
      07 Oct 16
  38. Anonymous
    08 Oct 16
    • Andre
      08 Oct 16
  39. Afdal Darsil
    08 Oct 16
    • Andre
      08 Oct 16
  40. andhika
    09 Oct 16
    • Andre
      09 Oct 16
  41. Rudi Haryanto S
    10 Oct 16
    • Andre
      10 Oct 16
  42. triadi
    10 Oct 16
    • Andre
      10 Oct 16
  43. zack
    11 Oct 16
    • Andre
      11 Oct 16
  44. gilang
    12 Oct 16
    • Andre
      12 Oct 16
  45. Nugraha
    14 Oct 16
    • Andre
      15 Oct 16
  46. ivan
    14 Oct 16
    • Andre
      15 Oct 16
  47. Ari
    14 Oct 16
    • Andre
      15 Oct 16
  48. rizkysetyadi
    16 Oct 16
    • Andre
      16 Oct 16
  49. DAFFA
    18 Oct 16
    • Andre
      18 Oct 16
  50. Gamaliel Bayu Firmanto
    18 Oct 16
    • Andre
      19 Oct 16
  51. Dandy persada
    21 Oct 16
    • Andre
      21 Oct 16
  52. FAHRI REZA
    21 Oct 16
    • Andre
      21 Oct 16
  53. bagus
    24 Oct 16
    • Andre
      24 Oct 16
  54. Kusdinar
    25 Oct 16
    • Andre
      25 Oct 16
  55. jajang
    25 Oct 16
    • Andre
      25 Oct 16
  56. Herdiansyah
    26 Oct 16
    • Andre
      27 Oct 16
  57. fajar
    27 Oct 16
    • Andre
      27 Oct 16
  58. toni
    27 Oct 16
    • Andre
      28 Oct 16
  59. Faozi Prio
    30 Oct 16
    • Andre
      30 Oct 16
  60. ayadi
    01 Nov 16
    • Andre
      01 Nov 16
  61. tian
    01 Nov 16
    • Andre
      02 Nov 16
  62. Edi Santoso
    03 Nov 16
    • Andre
      03 Nov 16
  63. Andra
    03 Nov 16
    • Andre
      03 Nov 16
      • Andra
        03 Nov 16
        • Andre
          03 Nov 16
  64. Widari
    05 Nov 16
    • Andre
      05 Nov 16
  65. al
    11 Nov 16
    • Andre
      11 Nov 16
  66. Anonymous
    11 Nov 16
  67. Santosa
    11 Nov 16
    • Andre
      11 Nov 16
  68. Kreasikan
    12 Nov 16
    • Andre
      13 Nov 16
  69. Prayoga
    14 Nov 16
    • Andre
      15 Nov 16

Add Comment