Belajar Javascript

Bahasa program yang terkenal menjadi pelengkap di bagian frontend website, kini berkembang menjadi bahasa backend, membuat aplikasi mobile dan desktop, sampai IoT(Internet of Things)

gambar Belajar Javascript
Sudah tidak asing lagi untuk frontend web developer, kalau javascript menjadi bagian yang wajib dipelajari untuk membuat website kamu menjadi lebih powerful dibanding hanya menggunakan HTML & CSS. Dengan munculnya framework/library javascript yang semakin canggih, sebut saja angularjs, reactjs, dan vuejs, frontend bukan lagi sekedar membuat website statis. Kamu bisa membuat website SPA atau Single Page Application, dimana user tidak perlu terus berpindah halaman saat bermain dengan websitenya, membuat penggunaannya semakin nyaman. Mengakses dan berinteraksi dengan API pun menjadi semakin mudah. Tidak berhenti disana, saat ini javascript juga menjadi pilihan sebagai bahasa backend di website (nodejs), membuat aplikasi mobile dengan berbagai pilihan teknologi seperti Apache Cordova, React Native, Nativesript dll, aplikasi desktop (electronjs), sampai Internet Of Things. Dengan mempelajari Javascript, kamu bukan hanya punya modal dasar menjadi front-end web developer, tapi kamu punya kesempatan yang lebih luas seperti yang disebutkan di atas.

cover playlist Belajar Javascript

Daftar Pelajaran Track Belajar Javascript


Belajar javascript untuk pemula

Sekarang kita akan belajar javascript! javascript adalah bahasa program yang bisa kita gunakan pada frontend (bagian depan) website sehingga website akan menjadi lebih interaktif dan mempunya logika untuk berpikir


Daftar isi Belajar javascript untuk pemula


Intro belajar javascript

berkenalan dengan javsascript, bahasa program yang bisa digunakan pada bagian front-end website untuk membuatnya lebih interaktif


Menghubungkan file javascript

Bagiamana cara menghubungkan javascript dengan html, kita akan melihat beberapa cara yang bisa kita gunakan


Membuat variabel

Variabel adalah cara untuk menyimpan suatu nilai dengan memberikannya nama. Dengan nama ini kita bisa mengambil atau mengubah nilai tersebut dimana saja.


Tipe data string

String adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menulis suatu text atau karakter


Tipe data angka

Angka/Number adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menuliskan angka termasuk desimal ataupun angka dengan koma


Lebih dalam tentang variabel

Belajar lebih dalam tentang variabel pada javascript


Operator matematika

Dengan operator matematika pada javascript, kita bisa melakukan berbagai macam operasi matematika, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain-lain


Metode angka

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka


Metode angka bagian 2

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka (bagian kedua)


Metode string

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string


Metode string bagian 2

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string (bagian kedua)


Fungsi pada javascript

Belajar apa itu fungsi pada javascript dan bagaimana cara menggunakannya


Parameter pada fungsi

Setelah belajar fungsi, kali ini kita akan melihat guna paramater yang bisa kita masukkan pada fungsi di javascript


Parameter lebih dari satu

Paramter boleh lebih dari satu, lihat cara menggunakannya di sini


Return pada fungsi

Fungsi bisa memiliki 'return'.. apa itu return dan bagaimana cara menggunakannya?


Scope variabel

Variabel pada javascript memiliki scope atau ruang lingkup hidup yang menentukan dari mana saja variabel ini bisa diakses


Mengenal Array

Satu tipe data lagi dari javascript! namanya array, lihat bagaimana cara membuat array di javascript


Metode Array

Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number


Metode Array bagian 2

Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number (bagian 2)


Tipe data boolean

Tipe data boolean, tipe data pada javascript yang hanya memiliki 2 nilai, true dan false


If dan else

Mulai belajar logika, menentukan suatu kasus dan mengambil keputusan dengan if dan else


Operator logika

Operator logika pada javascript, untuk membandingkan nilai-nilai. Lihat cara penggunaan operator logika pada javascript di sini


Dua syarat atau lebih

Bagaimana cara menggunakan operator logika jika ada lebih dari satu syarat?


True dan false

Kita sudah pernah melihat boolean, tapi ada sih sebenarnya kegunaannya yang hanya bisa bernilai true atau false


Else if pada javascript

Kita sudah pernah melihat if dan else, masih ada lagi yang namanya else if untuk mebuat syarat lebih dari satu


Syarat bercabang

Bagaimana jika kita punya syarat di dalam syarat? atau istilahnya nested if (if bercabang)


Switch case

persyaratan yang banyak bisa kita buat lebih simple dengan switch case


For loop untuk pengulangan

Melakukan hal yang berulang-ulang cukup dengan bantuan for loop


While loop

Mirip dengan forloop, kali ini kita akan melakukan hal yang berulang-ulang dengan bantuan while loop


Do while pasangan while loop

Pasangan dari while loop, yaitu do while, dimana kita akan mengeksekusi kode minimal satu kali sebelum menguji syarat


Ke mana sekarang

Selamat! kita sudah selesai belajar javascript dasar, masih banyak rahasia dan kekuatan javascript, mulai belajar teknik DOM pada javascript atau penggunaan objek



DOM pada Javascript

DOM adalah singkatan dari document object model, dengan menguasa DOM kita bisa berinteraksi dengan HTML dan CSS melalui Javascript dan memanipulasinya


Daftar isi DOM pada Javascript


Intro DOM Javascript

DOM adalah singkatan dari document object model, dengan menguasa DOM kita bisa berinteraksi dengan HTML dan CSS melalui Javascript dan memanipulasinya


Selektor DOM

Bagaimana cara memilih elemen HTML yang ingin dimainkan dengan DOM. Kita akan lihat cara menggunakan selektor


Menambahkan, menghapus dan edit elemen HTML

Cara menambahkan, menghapus dan mengedit elemen HTML, melalui DOM pada Javascript


Bermain dengan Attribute

Memainkan attribute pada HTML dengan DOM pada Javsascript


Bermain dengan CSS

Memainkan CSS yang dimilik suatu elemen melalui DOM pada Javsascript


Mulai belajar event

Dengan event pada javascript kita bisa mendengan aktivitas yang dilakukan oleh user dan menyiapkan respon yang ingin diberikan dari setiap aktivitasnya


Latihan event

Latihan event, dengan event pada javascript kita bisa mendengan aktivitas yang dilakukan oleh user dan menyiapkan respon yang ingin diberikan dari setiap aktivitasnya


Selektor luar biasa

Kita sudah melihat cara menggunakan selektor pada DOM di javascript, masih ada satu selektor lagi yang punya kekuatan super!



Objek pada Javacsript

Apa itu objek dan bagaimana cara membuatnya di Javascript


Daftar isi Objek pada Javacsript


Intro Objek

Apa itu objek dan bagaimana cara membuatnya di Javascript


Membuat Objek

Bagaimana cara membuat objek pada Javascript


Metode pada Objek

Bagaimana cara membuat metode pada objek di Javascript


Objek prototype

Apa itu objek prototype pada javascript


Sifat mutable

Objek pada Javascript memiliki sifat mutable, apa pengaruhnya dan kenapa kita perlu tahu?



Membuat galeri foto dengan javascript

Di kelas ini kita akan melihat bagaimana cara membuat galeri foto dengan javascript. Ikuti kelas javascript dasar dan DOM pada javascript agar lebih mudah


Daftar isi Membuat galeri foto dengan javascript


Membuat galeri foto

Kita akan melihat bagaimana cara membuat galeri foto dengan javascript, html dan css tentunya


Tombol sesudah dan sebelum

Menambahkan tombol sesudah dan sebelum agar user bisa mengatur bagian mana yang ingin ditampilkan


Caption pada gambar

Menambahkan caption atau text yang dinamis sesuai gambar yang ditampilkan pada proyek galeri foto


Refactor Kode

Melakukan refactor, melihat ulang dan membuat kode jauh lebih rapi dan efisien dari sebelumnya



Belajar JQuery dari dasar

Kita akan belajar jquery, Library javascript yang sangat populer dan membuat syntax javascript kita jauh lebih simpel dan mudah dipahami


Daftar isi Belajar JQuery dari dasar


Intro JQuery

Kita akan mengintip JQuery. Library javascript yang sangat populer dan membuat syntax javascript kita jauh lebih simpel dan mudah dipahami


Cara menghubungkan JQuery

Bagaimana cara menghubungkan jquery dengan file yang ingin kita gunakan, ada cara apa saja?


Selection di JQuery

Kita akan mulai belajar JQuery, dengan melihat bagaimana cara memilih element HTML atau selektor pada JQuery


Event dan keyword this

Sama seperti pada javascript, event juga bisa digunakan untuk menyiapkan respon terhadap aktivitas user pada JQuery. Selain itu kita akan melihat apa itu keyword this


Mengambil dan mengubah konten HTML

Bagaimana cara kita mengambil nilai dari element HTML dan bagaimana cara mengubahnya


Menghapus dan menambah elemen

Bagaimana cara kita mengambil menambah element HTML dan bagaimana jika ingin menghapus elemen tersebut


CSS pada jquery

Bagaimana cara kita mengatur CSS di JQuery


Mengambil nilai dimensi

Tinggi dan lebar element HTML bisa kita ambil melalui JQuery


Mengubah nilai dimensi

Tinggi dan lebar element HTML bisa kita ubah melalui JQuery


Menampilkan dan menyembunyikan

Element HTML bisa kita mainkan melalui JQuery, disini kita akan lihat cara menyembunyikan dan menampilkannya


Stop animasi, chaining dan callback

Bagaimana cara menghentikan animasi? apa itu method chaining? apa itu callback method? temukan semua jawabannya di video ini


Traversing basic

Menelusuri element html melalui elemen yang kita pilih pada JQuery


Traversing sibling

Menelusuri element html melalui siblings elemen yang kita pilih pada JQuery


Traversing children dan parent

Menelusuri element html melalui anak dan pembungkus elemen atau children dan parent yang kita pilih pada JQuery



Membuat galeri foto dengan JQuery

Belajar bagaimana cara membuat galeri foto dan slider dengan JQuery


Daftar isi Membuat galeri foto dengan JQuery


Galeri foto JQuery

Belajar cara membuat galeri foto dengan jquery


Tombol galeri foto JQuery

Menambahkan tombol next dan prev untuk mengatur gambar sesudah dan sebelum pada galeri foto jquery


Slider JQuery

Membuat slider gambar dengan JQuery. Di bagian ini kita akan memberikan efek slider pada galeri foto sebelumnya



web interaktif dengan jquery

membuat web interaktif, seperti membuat game kita akan punya karakter yang bisa berjalan dan merespon berdasarkan keyboard yang ditekan oleh user


Daftar isi web interaktif dengan jquery


Intro animasi jquery

Membuat website dengan banyak interaksi melalui keyboard, mirip seperti sedang bermain game!


Karakter ke 4 arah

Bagaimana membuat karakter utama ini merespon 4 arah keyboard yang dipencet oleh user, siapkan 4 gambar yang berbeda sebelumnya


Visual tanda panah

Seperti beberapa game di mobile, user akan dibantu dengan tampilan visual, key apa yang sedang dipencet oleh user


Tabrakan div lain

Bagaimana ketika div bertabrakan atau bertemu dengan div lain, kita akan medeteksi berdasarkan lokasi tinggi dan lebar masing-masing div




Daftar Materi Belajar javascript untuk pemula

Sekarang kita akan belajar javascript! javascript adalah bahasa program yang bisa kita gunakan pada frontend (bagian depan) website sehingga website akan menjadi lebih interaktif dan mempunya logika untuk berpikir


intro belajar javascript

berkenalan dengan javsascript, bahasa program yang bisa digunakan pada bagian front-end website untuk membuatnya lebih interaktif


Menghubungkan file javascript

Bagiamana cara menghubungkan javascript dengan html, kita akan melihat beberapa cara yang bisa kita gunakan


Membuat variabel

Variabel adalah cara untuk menyimpan suatu nilai dengan memberikannya nama. Dengan nama ini kita bisa mengambil atau mengubah nilai tersebut dimana saja.


Tipe data string

String adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menulis suatu text atau karakter


Tipe data angka

Angka/Number adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menuliskan angka termasuk desimal ataupun angka dengan koma


Lebih dalam tentang variabel

Belajar lebih dalam tentang variabel pada javascript


Operator matematika

Dengan operator matematika pada javascript, kita bisa melakukan berbagai macam operasi matematika, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain-lain


Metode angka

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka


Metode angka bagian 2

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka (bagian kedua)


Metode string

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string


Metode string bagian 2

Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string (bagian kedua)


Fungsi pada javascript

Belajar apa itu fungsi pada javascript dan bagaimana cara menggunakannya


Parameter pada fungsi

Setelah belajar fungsi, kali ini kita akan melihat guna paramater yang bisa kita masukkan pada fungsi di javascript


Parameter lebih dari satu

Paramter boleh lebih dari satu, lihat cara menggunakannya di sini


Return pada fungsi

Fungsi bisa memiliki 'return'.. apa itu return dan bagaimana cara menggunakannya?


Scope variabel

Variabel pada javascript memiliki scope atau ruang lingkup hidup yang menentukan dari mana saja variabel ini bisa diakses


Mengenal Array

Satu tipe data lagi dari javascript! namanya array, lihat bagaimana cara membuat array di javascript


Metode Array

Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number


Metode Array bagian 2

Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number (bagian 2)


Tipe data boolean

Tipe data boolean, tipe data pada javascript yang hanya memiliki 2 nilai, true dan false


If dan else

Mulai belajar logika, menentukan suatu kasus dan mengambil keputusan dengan if dan else


Operator logika

Operator logika pada javascript, untuk membandingkan nilai-nilai. Lihat cara penggunaan operator logika pada javascript di sini


Dua syarat atau lebih

Bagaimana cara menggunakan operator logika jika ada lebih dari satu syarat?


True dan false

Kita sudah pernah melihat boolean, tapi ada sih sebenarnya kegunaannya yang hanya bisa bernilai true atau false


Else if pada javascript

Kita sudah pernah melihat if dan else, masih ada lagi yang namanya else if untuk mebuat syarat lebih dari satu


Syarat bercabang

Bagaimana jika kita punya syarat di dalam syarat? atau istilahnya nested if (if bercabang)


Switch case

persyaratan yang banyak bisa kita buat lebih simple dengan switch case


For loop untuk pengulangan

Melakukan hal yang berulang-ulang cukup dengan bantuan for loop


While loop

Mirip dengan forloop, kali ini kita akan melakukan hal yang berulang-ulang dengan bantuan while loop


Do while pasangan while loop

Pasangan dari while loop, yaitu do while, dimana kita akan mengeksekusi kode minimal satu kali sebelum menguji syarat


Ke mana sekarang

Selamat! kita sudah selesai belajar javascript dasar, masih banyak rahasia dan kekuatan javascript, mulai belajar teknik DOM pada javascript atau penggunaan objek


Tag: Kenapa belajar Javascript, Mengenal apa itu Javascript, Di mana mulai belajar Javascript, mulai dari mana belajar Javascript , tutorial Javascript bahasa indonesia untuk pemula dari dasar, apa kegunaan Javascript, bagaimana cara menggunakan Javascript, belajar bertahap Javascript, kursus online Javascript