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 [email protected] / WA ke 083180285808 (andre).

1,003 Comments

  1. Fredik Nono Malo
    19 Feb 18
  2. Jevren
    01 Mar 18
  3. Eggi
    10 Mar 18
  4. Gomi
    28 Mar 18
  5. Anonymous
    29 Mar 18
  6. Anonymous
    02 Apr 18
  7. Lukman
    05 Apr 18
    • Andre
      05 Apr 18
  8. Firda
    15 Apr 18
  9. Firda
    15 Apr 18
    • Andre
      18 Apr 18
  10. Dodi Setyawan
    19 Apr 18
    • Andre
      19 Apr 18
  11. Fiqi
    24 Apr 18
    • Dodi Setyawan
      17 May 18
  12. Rizaldi
    03 May 18
    • Andre
      03 May 18
  13. Anonymous
    06 May 18
  14. rahmat hidayat
    15 May 18
    • Andre
      15 May 18
  15. CIPTO
    16 May 18
    • Andre
      17 May 18
  16. Hilmi
    25 Jun 18
    • Andre
      28 Jun 18
  17. Anonymous
    17 Jul 18
    • Andre
      17 Jul 18
      • Reno
        12 Jul 19
        • Andre
          13 Jul 19
  18. ipan
    24 Jul 18
  19. Reksa
    20 Aug 18
    • Andre
      21 Aug 18
      • Reksa
        24 Aug 18
  20. fatra
    30 Aug 18
    • Andre
      30 Aug 18
  21. Roy
    22 Sep 18
    • Andre
      23 Sep 18
  22. azis supriyadi
    26 Oct 18
  23. Soksimon.com
    15 Nov 18
    • Andre
      16 Nov 18
      • sunanda lesmana
        07 Jan 19
        • Andre
          08 Jan 19
  24. Roy
    22 Feb 19
    • Andre
      23 Feb 19
  25. Fahri
    13 Mar 19
  26. willy
    15 Mar 19
    • Andre
      15 Mar 19
      • willy
        15 Mar 19
        • Andre
          16 Mar 19
  27. willy
    16 Mar 19
    • Andre
      17 Mar 19
  28. havebeen
    25 Mar 19
    • Andre
      25 Mar 19
  29. Boy basayev
    10 May 19
    • Andre
      10 May 19
  30. Dunia IT
    25 May 19
    • Andre
      25 May 19
  31. jajangtea
    19 Jun 19
    • Andre
      19 Jun 19
  32. fahmi
    24 Jun 19
    • Andre
      25 Jun 19
  33. Reno
    12 Jul 19
    • Andre
      13 Jul 19
  34. Ali
    21 Jul 19
    • Andre
      21 Jul 19
      • Alip
        16 Sep 19
        • Andre
          19 Sep 19
  35. Androidkuma
    19 Aug 19
    • Andre
      21 Aug 19
  36. ahmad
    24 Sep 19
    • Andre
      25 Sep 19
  37. Salsa Billa A.
    17 Oct 19
    • Andre
      18 Oct 19
  38. Yerian
    22 Oct 19
    • Andre
      23 Oct 19
  39. Farina A
    30 Apr 20
    • Andre
      30 Apr 20
  40. fidaatag
    16 May 20
    • Andre
      18 May 20
  41. Euuu
    08 Jul 20
    • Andre
      09 Jul 20
  42. Otaku
    03 Nov 20
    • Andre
      04 Nov 20
  43. joni suhendar
    16 Dec 20
    • Andre
      16 Dec 20
      • joni suhendar
        22 Dec 20
        • Andre
          22 Dec 20
  44. Maulidin
    30 Apr 21
  45. Ical
    26 Jul 21
  46. Syarif Mauludin
    11 Apr 22
    • Andre
      11 Apr 22

Add Comment