Dalam sesi tutorial kali ini, kita akan mempelajari tentang JavaScript. Tutorial belajar JavaScript dasar untuk pemula dibuat untuk anda yang ingin mempelajari JavaScript. JavaScript merupakan salah satu bahasa pemograman web yang sangat pesat perkembangannya saat ini.
JavaScript adalah bahasa pemograman yang digunakan untuk membuat interaksi atau menambah fitur web dinamis kedalam sebuah web. Untuk membuat halaman web, anda tidak harus menggunakan JavaScript. Namun, saat ini JavaScript hadir dalam hampir setiap halaman web modern. Sehingga JavaScript adalah salah satu bahasa pemograman web yang wajib di kuasai.
Javascript merupakan bagian dari 3 teknologi penting yang harus dikuasai programmer web, yakni HTML untuk konten (isi dari website), CSS untuk tampilan (presentation), dan JavaScript untuk interaksi (behavior).
Hampir seluruh website modern saat ini menggunakan JavaScript untuk membuat berbagai aplikasi yang dapat berinteraksi dengan user, seperti validasi form HTML, games, kalkulator, fitur chatting, dll.
Contoh sederhana penggunaan JavaScript dapat anda lihat pada situs duniailkom ini. Cobalah scroll halaman web sampai bawah, dan pada pojok kanan bawah browser akan muncul tanda panah yang jika di-klik akan membuat jendela web browser kembali ke posisi awal halaman. Ini adalah fitur sederhana yang dapat di buat menggunakan JavaScript.
Dalam mempelajari JavaScript, anda sebaiknya telah menguasai dasar-dasar HTML, dan bisa membuat halaman web sederhana menggunakan HTML. Pengetahuan tentang CSS dan PHP juga akan membantu, walaupun tidak diharuskan.
Dalam halaman ini saya akan mengindex seluruh artikel Tutorial Belajar JavaScript di duniailkom. Semoga Tutorial JavaScript ini bisa bermanfaat untuk anda yang baru belajar JavaScript, atau sekedar refreshing dan menjadi bahan referensi untuk yang sudah mahir dengan JavaScript.
Tutorial JavaScript Dasar
Lingkungan Pemograman JavaScript:
- Tutorial Belajar JavaScript Dasar Untuk Pemula
- Tutorial JavaScript Part 1: Pengertian dan Fungsi JavaScript dalam Pemograman Web
- Tutorial JavaScript Part 2: Sejarah dan Perkembangan Versi JavaScript
- Tutorial JavaScript Part 3: Cara Menjalankan Kode Program JavaScript
- Tutorial JavaScript Part 4: Cara Menampilkan Pesan Kesalahan (Error) JavaScript
- Tutorial JavaScript Part 5: Cara Memasukkan (input) kode JavaScript ke dalam HTML
- Tutorial JavaScript Part 6: Posisi Terbaik Meletakkan kode JavaScipt di dalam HTML
- Tutorial JavaScript Part 7: Cara Menampilkan Hasil Program JavaScript
- Tutorial JavaScript Part 8: Pengertian Core JS dan DOM (Document Object Model)
Tutorial Core JavaScript:
- Tutorial JavaScript Part 9: Aturan Dasar Penulisan Kode Program JavaScript
- Tutorial JavaScript Part 10: Pengertian dan Cara Pembuatan Variabel dalam JavaScript
- Tutorial JavaScript Part 11: Jenis dan Pengertian Tipe Data Dalam JavaScript
- Tutorial JavaScript Part 12: Mengenal Tipe Data dan Operator Angka (Number)
- Tutorial JavaScript Part 13: Pengertian Hasil Operasi Matematis NaN dan Infinity
- Tutorial JavaScript Part 14: Mengenal Method Objek Angka (Number) JavaScript
- Tutorial JavaScript Part 15: Mengenal Konstanta Objek Angka (Number) JavaScript
- Tutorial JavaScript Part 16: Konstanta dan Method (fungsi) Objek Math dalam JavaScript
- Tutorial JavaScript Part 17: Mengenal Tipe Data String dan Operator String JavaScrip
- Tutorial JavaScript Part 18: Property dan Method (fungsi) Objek String JavaScript
- Tutorial JavaScript Part 19: Mengenal Tipe Data Boolean di dalam JavaScript
- Tutorial JavaScript Part 20: Cara Penggunaan Operasi Perbandingan dan Logika
- Tutorial JavaScript Part 21: Pengertian Nilai Null dan Undefined di dalam JavaScript
- Tutorial JavaScript Part 22: Cara Konversi Tipe Data dalam JavaScript
- Tutorial JavaScript Part 23: Cara Penulisan Struktur Logika IF ELSE dalam JavaScript
- Tutorial JavaScript Part 24: Cara Penulisan Struktur Logika SWITCH dalam JavaScript
- Tutorial JavaScript Part 25: Cara Penulisan Struktur Perulangan FOR dalam JavaScript
- Tutorial JavaScript Part 26: Cara Penulisan Struktur Perulangan WHILE dan DO WHILE
- Tutorial JavaScript Part 27: Cara Penulisan Struktur Perulangan FOR IN dalam JavaScript
- Tutorial JavaScript Part 28: Fungsi Perintah Break dan Continue dalam JavaScript
- Tutorial JavaScript Part 29: Mengenal Tipe Data Array dalam JavaScript
- Tutorial JavaScript Part 30: Mengenal Method (fungsi) Objek Tipe Data Array JavaScript
Okay, starting from here to learn javascript :)
bingung :/
Makasih gan ane newbie di javascript tapi ane suka ..dengan javascript Karen bisa membuat actian tersendiri buat ane makasih info nya gan
Terimakasih juga kunjungannya gan. Iya, dengan JavaScript memang bisa membuat web kita lebih interaktif. Mudah2an tutorial JavaScript ini bisa dengan mudah dipahami.
Iya gan pastinya ane akan selalu belajar dari blog agan hehehe :)
Kunjungan perdana om makasih info trick javascriptnya ..moga bermanfaat …
Terimakasih atas kunjungannya gan,.. :)
Sama2 agan semoga blognya makin sukses
wah, sampai sekarang belum pernah otak-atik JS, masih belajar CSS dan HTML.
Terimakasih gan sudah share ilmunya.
Terimakasih juga atas kunjungannya gan, mudah2an tutorialnya bisa dipahami dengan mudah..
thanks gan ilmunya sangat bermanfaat,…
Terimakasih gan.. :)
Terima kasih gan, sharing ilmunya(maklum newbie), dari mulai utak-atik HTML, PHP, sampe JavaScript. Sukses selalu dan semoga bermanfaat :)
Selamat belajar ariza, semoga tutorial di duniailkom ini bisa menjadi panduan dasar yang mudah dipelajari :)
Izinkan saya menjadikan blog ANDA sbg guru pembimbing dalam belajar tentang html, css, php, javascript dan yg sejenis. Saya sangat awam ttg hal2 tsb. Baru di tingkat html & css. Thx atas kesediaannya berbagi ILMU.
Hehehe,… saya kayaknya belum pantas disebut guru nih :), silahkan dibaca2 tutorialnya gan, mudah2an bisa cepat paham mengenai javascript, php dll. Tapi untuk tutorial javascript ini memang belum lengkap, saya berencana melengkapinya dalam ebook agar pembahasannya lebih mendalam.
Saya tunggu Ebook Bahasa Pemrogramannya mas, :)
Siap gan… :)
Jangan lupa share di fb kalo udah launching ebook nya :D
ane udah like fpnya gan
Siap gan!, tapi untuk ebooknya memang saya tulis bertahap. Semoga berkenan menunggu :)
Saya Newbie mo ikutan belajar boleh yah heee :D
Tutorialnya sangat bermanfaat mas, jadi betah belajar disini..hehehe
Sukses terus buat admin .
Amiin.. makasih gan, saya juga senang tutorialnya bisa bermanfaat :)
Ebook javascript yang versi pdf mas ..
Ane tunggu ..
Iya gan, suatu saat akan ada. Tapi rencanya saya setelah eBook CSS ke PHP dulu, baru setelah itu lanjut ke eBook JavaScript :)
disni lengkap banget belajar bahasa pemogramannya. jadi betah
kalau kayak gini percaya bgt web ini dikunjungi 5000 pengunjung perharinya. keren
sukses ya DI.. jgn bosen buat ajarin kita yg masih newbie. salam kenal
Terimakasih gan, semoga tutorial yang ada bisa dipahami dengan mudah :)
blog nya mas keren. saya sangat tertarik dengan daftar isi yang muncul di bawah postingan…. apakah bisa di share ilmu dan caranya
Daftar isi yang mana y mas? Kalau dihalaman ini, itu dibuat manual dari dalam wordpress. Yang pasti menggunakan HTML dan CSS :)
gan ada script supaya java bisa masuk ke browser opera, thanks ya sebelumnya
Maksudnya Java atau JavaScript gan? kalau Java, setahu sayang jarang yang pake, kecuali di sisi server seperti PHP.
Tapi kalau JavaScript, rata2 jalan di semua web browser kok. Kecuali buat tampilan popup, atau hal2 lain yang mengganggu biasanya langsung di blokir.
Bismillah…
Moga mudah masuk ke otak
Mulaiii !!!!
Permisi, Izin untuk saya pelajari materinya, ka. :)
Siip, lanjut gan…
gan boleh minta no hp nya gak bwt tanya2 tntang web nihh
Sementara ini no HP dan WA saya batasi untuk yang telah donasi atau membeli eBook Duniailkom gan. Soalnya takut g terlayani semua. Untuk tanya2 ringan bisa lewat kolom komentar ini atau email saya ke [email protected].
Semoga dapat dimaklumi :)
mas, kalo tutor java ada gk mas? sebenernya saya pendatang baru untuk bahasa pemrograman ..hehe , saya lebih tertarik sama java sih mas. :3
tapi makasih mas ,mas andre udah ngasih tutor gratis.. sukses selalu buat blognya. semoga maki jaya..
Amiin, terimakasih gan…
Tutorial java di duniailkom saat ini belum ada… Tapi ditunggu saja :)
Menurut saya, sebenarnya Java ini sudah bahasa pemrograman tingkat menengah (karena sudah full object) dan saya g sarankan untuk pemula. Agan bisa mulai belajar dari bahasa pemrograman yang lebih dasar seperti Pascal, C atau C++. Setelah paham basicnya, baru masuk ke Java.
Terimakasih Suhu Tutorialnya keren banget
Sederhana tapi, tidak sesederhana ilmunya bagi saya.
Berguna banget, saya lagi belajar, semoga bisa saya pahami betul seperti saya alhamdulillah paham dengan CSS dan HTML. Karena saya blogging 4 tahun, bukan fokus ke tulisan, malah fokus ke oprek design nya XD. Khususnya CSS dan HTML. Tapi selama 5 tahun, itu gak pernah ngerti dengan Javascript.
augusthingum.blogspot.com << ini blog saya.
whataminka.blogspot.com << ini malah terlalu fokus dengan html dan css XD
Maka dari itu, saya bertemu dengan artikel ini, untuk niat bgt mau pelajari Javascript. Karena rasanya hampa CSS dan HTML saya tanpa Javascript. Karena cmn javascript saya cmn modal copas doang, gk ngerti sama sekali.
Keren dah pokoknya. Sangat berguna, penyampaiannya bagi saya mudah mengerti.
Btw, saya lagi part Core JS alias part 10.
Oh iya, saya bwt bahan praktek, hanya perlu ke codepen.io atau yg ringan aja ke w3schools
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_filter_grayscale
Pada Tryit Editor nya. Pokoknya keren dah. Yang penting saya harus bisa mengerti Javascript ini. Karena dari dulu gak kelar kelar.
Siip, lanjut gan…
wow sangat detail gan saya ingin berlangganan disini tapi bagaimana caranya ???
Maksudnya berlangganan artikel y gan? silahkan input alamat emailnya di sidebar kanan, ada kolom untuk berlangganan. Setiap postingan terbaru akan masuk ke email :)
butuh waktu berapa jam untuk menguasai javascript sampai menjadi mahir??
Butuh ratusan jam gan :D, itupun baru dasar2nya.
Untuk bisa sampai ke tingkat mahir, bisa berbulan2 atau tahunan. Ibarat belajar matematika, dari tingkat SD sampai S3 tersedia. Begitu juga dengan bahasa pemrograman, selalu berkembang dan untuk bisa dikatakan "ahli" harus punya jam terbang tinggi.
Butuh ratusan jam gan :D, itupun baru dasar2nya.
Untuk sampai ke tingkat mahir, bisa berbulan2 atau tahunan. Ibarat belajar matematika, dari tingkat SD sampai S3 tersedia. Begitu juga dengan bahasa pemrograman, selalu berkembang dan untuk bisa dikatakan "ahli" harus punya jam terbang tinggi.
Ass. DUNIA ILKOM. Saya bisa belajar JavaScript, saya doakan semoga dapat pahala, amien.
wah ane belajar lagi ah makasih dah sharing
Siip, semoga bisa bermanfaat..
Permisi gan mau nanya,kalo buat lanjutan belajarnya di mana lagi materinya?? Setelah ilmu dasar"nya kita telah pahami
Bisa coba order eBook duniailkom gan… Materi di eBook jauh lebih lengkap, sekitar 70% merupakan materi baru yang tidak ada di website duniailkom.
Khusus untuk JavaScript bisa kesini: https://www.duniailkom.com/javascript-uncover-panduan-belajar-javascript-untuk-pemula/
gan supaya bisa buat akun dan bisa berteman gimana gan dan berchat an
Maksudnya gimana y? Di situs duniailkom ini memang belum mendukung pembuatan akun/berteman/chat gan…
Permisi mau nanya, kalo mau menjalankan file java (bukan java script) di pc gimana ya ?(bukan emulator, misalnya saya buat file java terus cara menjalankannya gimana ?)
Mohon bantuannya …. ????????????
Harus install compilernya dulu ke https://java.com, lalu install aplikasi IDE seperti Eclipse.
Ada baiknya agan ikuti blog/situs yang membahas JAVA secara khusus, soalnya saat ini duniailkom fokus ke web programming dulu (saya sudah lama g pakai JAVA lagi).
bos,ajarin aku javascript/jscript,jujur aku sama sekali gak ngerti masalah itu,cuma ada niat,bisa gak belajar tanpa guru IT,hanya memohon bantuanmu,maklum bos,aku cuma bisa belajar batas buka fb,twettir,bikin status hehehe,mohon ajarin,aktifkan dan kirim bos link update terbaru,di sini lagi,pasti selalu ku ari *duniailkom.co.id*by.fkip.b.i.uniskibaelah.makasih.
Jika pengen materi yang lebih lengkap, bisa coba order eBook JavaScript Uncover duniailkom. Disana saya sudah jabarkan mulai dari dasar hingga menengah terkait JavaScript. Selain itu dengan membeli eBook Duniailkom, agan juga sudah berkontribusi untuk biaya maintenance situs ini.
Tp sebelum ke JavaScript, wajib paham dulu HTML dan CSS dulu. Materi PHP juga sangat disarankan dipelajari sebelum masuk ke JavaScript.
Gan saya baru belajar html,,,,,,,, setelah html ngerti mau lanjut ke javascript,,,,,,karna saya ingin langsung ngerti dasar javascript buat bikin gAme,,,,,tanpa harus belajar css dan php langsung ke javascript setelah html,,,,,,kira kira bisa gak ya ????
Sebaiknya CSS tetap dipelajari, karena design dari halaman web itu harus dibuat dengan HTML + CSS. Programmingnya baru nanti ada di JavaScript.
Jika tidak punya background programming, saya tetap sarankan ke PHP dulu, karena programming di JavaScript sedikit lebih susah daripada PHP. Dengan ke PHP dulu, dasar pemrograman prosedural lebih kuat, baru lanjut ke JavaScript yang sudah menggunakan pemrograman object.
wah artikel nya keren juga tapi bikin artikel belajar javascript untuk blogspot juga dong sama teknik2 terbaru seperti html5 dan jquaery, thanks :)
Request di tampung… tp untuk saat ini tutorial JavaScript yang ada lebih bersifat umum, tidak hanya untuk blogspot saja. Tutorial dasar jQuery juga sudah tersedia di https://www.duniailkom.com/tutorial-belajar-jquery-bagi-pemula/
Semoga Bisa Membantu gan :(
Dengan JavaScript Kita bisa Membuat Kalkulator Sederhana :)
Terima kasih buat tutorial nya ini bro, sangat bermanfaat.
Semoga banyak pahala nya :)
Siip lah mulai belajar js ni… mohon pencerahannya bro
Mau tanya nih bang, gmna sih cara membuat class container lebih dari 1 . Soalnya mau buat 2 galeri foto yang berbeda dg jquery yang hrus ada 2 class container apa hrus di tulis class="container1" trus yg berikutnya class="container2" dan sterusya gtu bang ?
Boleh coba pelajari lagi dokumentasinya, karena saya juga kurang paham apakah class container ini cuma CSS seperti itu, atau ada kode JavaScript yang mesti ditulis. Selain itu penamaan containernya juga bisa beda2, misalnya juga bisa seperti class="container satu" class="container dua". Jadi ini tergantung menggunakan library apa..
mantab makasih gan semoga ilmunya berkah
Bang, bahas jg ttg javascript dalam penggunaan di imacros donk. Ini ga kalah seru, apalagi yang hobi auto-autoan, ｈｅｈｅｈｅ