Ingin Belajar Web Programming, Harus Mulai Dari Mana?

Pertanyaan diatas 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.


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’, itupun 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, framework AngularJS, dan juga Node.js. Khusus untuk jQuery, duniailkom juga telah menyediakan tutorial dasarnya: Tutorial jQuery untuk pemula. Tp sebelum kesini, wajib sudah 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 :)

Duniailkom akan membantu anda dalam menguasai berbagai teknologi web programming. Walaupun masih jauh dari sempurna, tutorial yang ada bisa dijadikan sebagai penuntun dasar dalam belajar web programming. Secara reguler duniailkom juga akan menerbitkan eBook khusus dengan pembahasan yang lebih detail.

eBook HTML Uncover Duniailkom

eBook CSS Uncover Duniailkom

eBook HTML Uncover Duniailkom

eBook JavaScript Uncover Duniailkom

Saat ini sudah tersedia eBook HTML Uncover, CSS Uncover, PHP Uncover dan JavaScript Uncover. Buku-buku lainnya akan segera menyusul.

Apabila berminat untuk memesan eBook dan/atau Buku cetak Duniailkom, silahkan ikuti panduannya di: Cara Pembelian eBook & Buku Duniailkom atau boleh email saya langsung ke [email protected]


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 :)

Demikian,
Salam,

Andre
www.duniailkom.com


Tutorial Terkait:

851 Comments

  1. elan
    19 Mar 17
    • Andre
      20 Mar 17
  2. yardan
    21 Mar 17
    • Andre
      22 Mar 17
      • dimas maendra
        08 Jun 17
        • Andre
          10 Jun 17
    • Andre
      30 Mar 17
  3. setiawan
    06 Apr 17
  4. zasl
    06 Apr 17
    • Andre
      08 Apr 17
  5. brian
    13 Apr 17
    • Andre
      14 Apr 17
  6. alvian
    17 Apr 17
    • Andre
      17 Apr 17
  7. Riksa
    18 Apr 17
    • Andre
      18 Apr 17
  8. Ryo khrisna f
    25 Apr 17
    • Andre
      26 Apr 17
  9. YA
    29 Apr 17
    • Andre
      29 Apr 17
  10. mifta
    08 May 17
    • Andre
      08 May 17
  11. sahroni
    10 May 17
    • Andre
      10 May 17
  12. muh akbar
    13 May 17
    • Andre
      14 May 17
  13. Iqbal
    14 May 17
    • Andre
      14 May 17
  14. Romie
    15 May 17
    • Andre
      17 May 17
  15. alfi
    21 May 17
    • Andre
      21 May 17
  16. Wahyu ahmad
    22 May 17
    • Andre
      22 May 17
  17. rio
    24 May 17
    • Andre
      24 May 17
  18. RizkynurArpani
    24 May 17
    • Andre
      24 May 17
  19. Dikdik setiawan
    26 May 17
    • Andre
      27 May 17
  20. payjoe
    26 May 17
    • Andre
      27 May 17
  21. Hansen
    06 Jun 17
    • Andre
      06 Jun 17
  22. Hansen
    06 Jun 17
    • Andre
      06 Jun 17
  23. Masdar
    10 Jun 17
    • Andre
      11 Jun 17
  24. bagas briliandhika
    12 Jun 17
    • Andre
      12 Jun 17
  25. naufal
    01 Jul 17
    • Andre
      02 Jul 17
  26. stephanos
    02 Jul 17
    • stephanos
      02 Jul 17
      • Andre
        03 Jul 17
    • Andre
      12 Jul 17
  27. daniel
    10 Jul 17
    • Andre
      12 Jul 17
  28. frensco
    10 Jul 17
    • Andre
      12 Jul 17
  29. RÄÎŇ
    10 Jul 17
    • Andre
      12 Jul 17
  30. Andika
    11 Jul 17
    • Andre
      12 Jul 17
  31. Ardhi Atmaja
    18 Jul 17
    • Andre
      18 Jul 17
      • Ardhi Atmaja
        20 Jul 17
        • Andre
          21 Jul 17
  32. Dja_Brik
    19 Jul 17
    • Andre
      19 Jul 17
  33. Anonymous
    27 Jul 17
    • Andre
      27 Jul 17
  34. Jeks
    05 Aug 17
    • Andre
      05 Aug 17
  35. burhan
    12 Aug 17
    • Andre
      12 Aug 17
  36. Reski Sugianto
    13 Aug 17
    • Andre
      17 Aug 17
  37. gokil116z
    17 Aug 17
    • Andre
      20 Aug 17
  38. Retno Nugraha
    19 Aug 17
    • Andre
      20 Aug 17
  39. ahmad hanafi
    25 Aug 17
    • Andre
      28 Aug 17
  40. Ari Hernawa
    30 Aug 17
    • Andre
      30 Aug 17
      • Ari Hernawan
        01 Sep 17
        • Andre
          01 Sep 17
  41. yusep
    06 Sep 17
    • Andre
      07 Sep 17
      • yusep
        10 Sep 17
        • Andre
          10 Sep 17
  42. Freak Programmer
    07 Sep 17
    • Andre
      07 Sep 17
  43. handi lias tamara
    19 Sep 17
    • Andre
      19 Sep 17
  44. tri yuni
    29 Sep 17
    • Andre
      29 Sep 17
  45. Stevano Yandra
    30 Sep 17
    • Andre
      01 Oct 17
  46. IDprogrammer
    01 Oct 17
  47. wpr
    01 Oct 17
    • Andre
      01 Oct 17
  48. Dede Hatim
    04 Oct 17
    • Andre
      05 Oct 17
  49. Arief Ghozaly
    13 Oct 17
    • Andre
      14 Oct 17
  50. Jens
    19 Oct 17

Add Comment