Belajar Pemrograman Web dengan Editor Online

Belajar web saa ini jauh lebih mudah dibanding 5 tahun yang lalu, bukan hanya karena banyaknya tutorial yang tersedia, namun karena banyaknya tool online yang tinggal pakai. Sebelum membahas lebih jauh, saya akan bahas 3 teknologi dasar yang dipakai oleh sebagian besar website dari sisi bahasa pemrogramannya.

Kebanyakan website menggunakan MySQL untuk menyimpan datanya , menggunakan PHP untuk melakukan pemrosesan dan menggunakan HTML, CSS dan Javascript unuk menampilkan halaman input/outputnya ke browser. Sebenarnya masih banyak teknologi web yang lain, namun PHP/MySQL serta trio HTML,CSS, JS lah yang paling mendominasi.

Berikut ini adalah 3 website yang bisa kita gunakan untuk belajar Pemrograman web secara online. 3 Website ini saling melengkapi satu sama lain. Yang lebih penting, kamu harus praktek untuk belajar.

jsfiddle

Jsfiddle adalah editor online untuk belajar HTML,CSS dan javascript, termasuk jQUery dan libary javascript lainnya. Saat anda membuka JsFiddle, akant ersedia 4 panel. 3 panel pertama unuk mengetik HTML, CSS dan javascript dan panel keempat adalah panel Result yang merupakan hasil output dari kombinasi 3 bahasa tadi. Jika anda ingin memulai belajar, silahkan buka juga w3schools.com untuk materi pelengkapnya.

JSFiddle juga sudah dilengkapi dengan Tidy Up yang akan merapikan source code dan JSlint yagn akan mengecek kesalahan coding di javascript. Kelebihan lain dari jsfiddle, source code bisa dishare lewat link atau jejaring social. Terus bagaimana kalau butuh library seperti jquery? santai aja, jsfiddle juga sudah menyertakan kok. Intinya tinggal pakai.

jsfidle

 

 

phpfiddle

jika jsfiddle hanya bisa melakukan coding client side, maka, phpfiddle bisa dipakai untuk belajar server side programing dengan PHP. Layanan ini sangat cocok untuk belajar dasar dasar php atau cara pemakaian sebuah fungsi di PHP. Kelebihan dari phpfiddle adalah integrasinya dengan gist dan dropbox. kode bisa disimpan di gist atau di dropbox sehingga kita bisa melanjutkannya dikemudian hari atau berbagai snippet (potongan kode) dengan programer lain. Bagi yang belum tahu, GIST adalah layanan sharing snippet dari Github dan Dropbox adalah layanan penyimpanan file secara online.

php fiddle

php fiddle

SQLFiddle

Layanan terakhir sebagai pelengkap dua layanan diatas adalah SQLfiddle. Bagi yang sedang belajar SQL, cukup buka website ini. Anda bisa membuat table, menambah data dan melakukan berbagai macam query langsung. Sangat cocok bagi yang sedang melakukan test query, misal mengambil data dari 3 tabel yang saling berelasi. SQLfiddle mendukung database MySQL, SQlite, Oracle, MS SQL Server dan PostgreSQL.

SQL fiddle

SQL fiddle

Dengan 3 layanan diatas dan materi dari w3schools.com, anda bisa belajar pemrograman web hanya dengan sebuah browser. Tidak ada alasan lagi tidak belajar karena belum menginstall XAMPP atau memakai komputer publik. Sekarang tinggal anda mau belajar ga? 

Belajar Pemrograman Online

Apa yang anda lakukan saat berinternet ria? Browsing, chating, Update status?. Jika anda hanya memanfaatkan internet hanya untuk 3 hal diatas atau yang sejenis apalagi hanya untuk membunuh waktu, hanya ada satu kata :”kasihan!”. Browser+Internet adalah tool super canggih diera cloud saat ini. Hanya dengan browser kamu bisa menulis dokumen word, Membuat diagram, mengedit gambar dan bahkan untuk belajar coding.

Belajar coding? maksudnya baca tutorial pemrograman di internet gitu? Hahahaha… Ga bro, yang sama maksud, hanya dengan browser, kamu bisa tetap belajar coding tanpa perlu install apapun dalam artian tangan kamu harus mengetik code program dan langsung bisa dicek apakah codemu benar atau tidak. Website ini bisa sudah banyak bertebaran. Website ini mirip dengan elarning namun lebih interaktif. Singkatnya, belajar coding bisa dimana saja tanpa harus ribet install dan seting macam macam tool.

Langsung saja bro, cek 3 website ini untuk melatih kemampuan coding kamu.

KhanAcademy

Khanacademy adalah website nomor satu dalam masalah pembelajaran video online. Disini kamu bisa belajar sejarah, science dan matematika plus Coding. Khsusus untuk matematika dan coding (computer science), disediakan fitur interaktif. Anda benar benar harus mencoba sendiri.

Untuk belajar pemrograman di KhanAcademy, materi programing lebih fokus ke pengenalan. Jadi,tidak membahas bahasa pemrograman tertentu. Sangat cocok bagi yang baru masuk kuliah Teknik Informatika atau jurusan SMK TI. Salah satu contohnya dalah bagaimana menggambar pig di game angrybird dengan coding sederhana.

contoh belajar coding membuat gambar pig. Code disebelah kiri dan hasil akan muncul disebelah kanan

contoh belajar coding membuat gambar pig. Code disebelah kiri dan hasil akan muncul disebelah kanan

Code Academy

Berbeda dengan khan, Code academy langsung membahas kedalam bahasa pemrograman, khususnya untuk web. Materi yang dipelajari disini adalah HTML, CSS, jQuery, Python dan Ruby, tentunya secara interaktif. Setiap kita berhasil melakukan tantangan coding, kita akan mendapat point dan lencana. Model Gamifikasi seperti ini akan membuat sekaan akan kita sedang bermain, bukan sedang belajar :). Pokoknya kalo ga coba sendiri, rugi deh!.

Contoh belajar jQuery secara interaktif

Contoh belajar HTML+jQuery secara interaktif

Codeschool

Codeschools mirip dengan CodeAcademy. Perbedaannya, belajar disini ada yang gratis dan ada yang bayar. Beberapa materi kursus gratis yang tersedia adalah jQuery, Chrome Dev Tools, Github, RUby dan Ruby On rail.

beberapa kursus yang ditawarkan oleh codeschool

beberapa kursus yang ditawarkan oleh codeschool

Dua link tambahan yang sangat bermanfaat bisa anda baca sendiri disini

  1. Top 18 Social Media Resources for Developers
  2. 10 Social Networks for Developers