Skodev
Belajar coding dalam bahasa Indonesia
Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini
XSkodev
Belajar coding dalam bahasa Indonesia
Daftar Isi:
Kamu tertarik untuk belajar JavaScript, ya? Kita berada di halaman yang tepat! Di artikel ini, kita akan ngobrol tentang apa sih JavaScript itu, kenapa kita harus belajar JavaScript, asal-usulnya, dan tentunya, bagaimana cara terbaik untuk mulai belajar JavaScript.
Jadi, JavaScript itu adalah salah satu bahasa pemrograman yang sering digunakan untuk membuat website jadi lebih ‘hidup’. Misalnya, kamu pernah lihat gambar yang bisa digeser-geser di website, atau form yang langsung beri tahu kalau kamu lupa isi bagian tertentu? Nah, itu semua berkat JavaScript, loh!
function sapaPengguna(nama) {
alert("Halo, " + nama);
}
sapaPengguna("Siapa Namamu?");Intinya, JavaScript bisa bikin website kamu jadi lebih interaktif. Dengan JavaScript, kamu bisa buat berbagai fitur keren, seperti validasi form, slideshow, fitur autocomplete, dan banyak lagi.
Pertama, JavaScript itu penting banget di dunia web development. Banyak loh, website yang menggunakan JavaScript. Jadi, dengan belajar JavaScript, kamu bisa membuat website yang lebih keren dan interaktif. Selain itu, belajar JavaScript juga bisa membuka banyak peluang kerja di bidang teknologi.
JavaScript pertama kali dibuat oleh Brendan Eich pada tahun 1995, saat dia bekerja di Netscape. Dari situ, JavaScript berkembang menjadi bahasa pemrograman yang sekarang kita kenal dan cintai.
Nah, ini dia nih yang ditunggu-tunggu. Gimana sih caranya belajar JavaScript?
Mudah-mudahan, artikel ini bisa membantu kamu untuk memulai perjalananmu belajar JavaScript. Selamat belajar dan semoga sukses, ya!
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.
Kuasai pelajaran javascript untuk membuat website kita lebih interaktif dengan daftar kelas ini
Daftar isi Belajar javascript untuk pemula
berkenalan dengan javsascript, bahasa program yang bisa digunakan pada bagian front-end website untuk membuatnya lebih interaktif
Bagiamana cara menghubungkan javascript dengan html, kita akan melihat beberapa cara yang bisa kita gunakan
Variabel adalah cara untuk menyimpan suatu nilai dengan memberikannya nama. Dengan nama ini kita bisa mengambil atau mengubah nilai tersebut dimana saja.
String adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menulis suatu text atau karakter
Angka/Number adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menuliskan angka termasuk desimal ataupun angka dengan koma
Belajar lebih dalam tentang variabel pada javascript
Dengan operator matematika pada javascript, kita bisa melakukan berbagai macam operasi matematika, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain-lain
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka (bagian kedua)
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string (bagian kedua)
Belajar apa itu fungsi pada javascript dan bagaimana cara menggunakannya
Setelah belajar fungsi, kali ini kita akan melihat guna paramater yang bisa kita masukkan pada fungsi di javascript
Paramter boleh lebih dari satu, lihat cara menggunakannya di sini
Fungsi bisa memiliki ‘return’.. apa itu return dan bagaimana cara menggunakannya?
Variabel pada javascript memiliki scope atau ruang lingkup hidup yang menentukan dari mana saja variabel ini bisa diakses
Satu tipe data lagi dari javascript! namanya array, lihat bagaimana cara membuat array di javascript
Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number
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 pada javascript yang hanya memiliki 2 nilai, true dan false
Mulai belajar logika, menentukan suatu kasus dan mengambil keputusan dengan if dan else
Operator logika pada javascript, untuk membandingkan nilai-nilai. Lihat cara penggunaan operator logika pada javascript di sini
Bagaimana cara menggunakan operator logika jika ada lebih dari satu syarat?
Kita sudah pernah melihat boolean, tapi ada sih sebenarnya kegunaannya yang hanya bisa bernilai true atau false
Kita sudah pernah melihat if dan else, masih ada lagi yang namanya else if untuk mebuat syarat lebih dari satu
Bagaimana jika kita punya syarat di dalam syarat? atau istilahnya nested if (if bercabang)
persyaratan yang banyak bisa kita buat lebih simple dengan switch case
Melakukan hal yang berulang-ulang cukup dengan bantuan for loop
Mirip dengan forloop, kali ini kita akan melakukan hal yang berulang-ulang dengan bantuan while loop
Pasangan dari while loop, yaitu do while, dimana kita akan mengeksekusi kode minimal satu kali sebelum menguji syarat
Selamat! kita sudah selesai belajar javascript dasar, masih banyak rahasia dan kekuatan javascript, mulai belajar teknik DOM pada javascript atau penggunaan objek
Daftar isi DOM pada Javascript
DOM adalah singkatan dari document object model, dengan menguasa DOM kita bisa berinteraksi dengan HTML dan CSS melalui Javascript dan memanipulasinya
Bagaimana cara memilih elemen HTML yang ingin dimainkan dengan DOM. Kita akan lihat cara menggunakan selektor
Cara menambahkan, menghapus dan mengedit elemen HTML, melalui DOM pada Javascript
Memainkan attribute pada HTML dengan DOM pada Javsascript
Memainkan CSS yang dimilik suatu elemen melalui DOM pada Javsascript
Dengan event pada javascript kita bisa mendengan aktivitas yang dilakukan oleh user dan menyiapkan respon yang ingin diberikan dari setiap aktivitasnya
Latihan event, dengan event pada javascript kita bisa mendengan aktivitas yang dilakukan oleh user dan menyiapkan respon yang ingin diberikan dari setiap aktivitasnya
Kita sudah melihat cara menggunakan selektor pada DOM di javascript, masih ada satu selektor lagi yang punya kekuatan super!
Daftar isi Objek pada Javacsript
Apa itu objek dan bagaimana cara membuatnya di Javascript
Bagaimana cara membuat objek pada Javascript
Bagaimana cara membuat metode pada objek di Javascript
Apa itu objek prototype pada javascript
Objek pada Javascript memiliki sifat mutable, apa pengaruhnya dan kenapa kita perlu tahu?
Daftar isi Membuat galeri foto dengan javascript
Kita akan melihat bagaimana cara membuat galeri foto dengan javascript, html dan css tentunya
Menambahkan tombol sesudah dan sebelum agar user bisa mengatur bagian mana yang ingin ditampilkan
Menambahkan caption atau text yang dinamis sesuai gambar yang ditampilkan pada proyek galeri foto
Melakukan refactor, melihat ulang dan membuat kode jauh lebih rapi dan efisien dari sebelumnya
Daftar isi Bermain dengan Javascript
Belajar bagaimana cara Membuat selektor fleksibel di javascript seperti jquery, di mana kita tinggal menggunakan $(dollar).
Belajar bagaimana cara membuat Aplikasi To Do dengan Javascript. Kita akan belajar bagaimana menambahkan konten secara dinamis, bagaimana menghapusnya dan memainkan kelasnya di CSS
Melanjutkan kelas membuat aplikasi To Do dengan Javascript. Kali ini kita belajar bagaimana agar datanya tersimpan di browser tanpa database atau backend, yaitu memanfaatkan web API Local Storage
Bagaimana cara bikin dark mode di website kamu? kita akan bermain dengan javascript dan HTML. Di sini juga kamu bisa menyimpan tema pilihan user kamu untuk kunjungan website berikutnya
Sebelumnya kita membuat sistem dark mode pada website dengan 2 tombol, sekarang kita coba dengan 1 aja, dan beberapa refactor lainnya
Kamu sudah pernah belajar API tapi masih belum pernah coba konsumsi? nah ini ada free API untuk aplikasi pokemon sederhana. Kita akan belajar menggunakan FETCH API di Javascript, sebagai pengganti XMLHttpRequest
Belajar bikin playlist sendiri dengan javascript dengan memainkan iframe embed dari youtube. Kamu bisa mengimplementasikan untuk audio/podcast dan konten lainnya.
Belajar bagaimana cara membuat aplikasi kuis atau ujian dengan pilihan ganda. Di akhir kita menampilkan skor dari jawaban benar yang didapatkan user
Link: 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
berkenalan dengan javsascript, bahasa program yang bisa digunakan pada bagian front-end website untuk membuatnya lebih interaktif
Bagiamana cara menghubungkan javascript dengan html, kita akan melihat beberapa cara yang bisa kita gunakan
Variabel adalah cara untuk menyimpan suatu nilai dengan memberikannya nama. Dengan nama ini kita bisa mengambil atau mengubah nilai tersebut dimana saja.
String adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menulis suatu text atau karakter
Angka/Number adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menuliskan angka termasuk desimal ataupun angka dengan koma
Belajar lebih dalam tentang variabel pada javascript
Dengan operator matematika pada javascript, kita bisa melakukan berbagai macam operasi matematika, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain-lain
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka (bagian kedua)
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string
Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string (bagian kedua)
Belajar apa itu fungsi pada javascript dan bagaimana cara menggunakannya
Setelah belajar fungsi, kali ini kita akan melihat guna paramater yang bisa kita masukkan pada fungsi di javascript
Paramter boleh lebih dari satu, lihat cara menggunakannya di sini
Fungsi bisa memiliki ‘return’.. apa itu return dan bagaimana cara menggunakannya?
Variabel pada javascript memiliki scope atau ruang lingkup hidup yang menentukan dari mana saja variabel ini bisa diakses
Satu tipe data lagi dari javascript! namanya array, lihat bagaimana cara membuat array di javascript
Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number
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 pada javascript yang hanya memiliki 2 nilai, true dan false
Mulai belajar logika, menentukan suatu kasus dan mengambil keputusan dengan if dan else
Operator logika pada javascript, untuk membandingkan nilai-nilai. Lihat cara penggunaan operator logika pada javascript di sini
Bagaimana cara menggunakan operator logika jika ada lebih dari satu syarat?
Kita sudah pernah melihat boolean, tapi ada sih sebenarnya kegunaannya yang hanya bisa bernilai true atau false
Kita sudah pernah melihat if dan else, masih ada lagi yang namanya else if untuk mebuat syarat lebih dari satu
Bagaimana jika kita punya syarat di dalam syarat? atau istilahnya nested if (if bercabang)
persyaratan yang banyak bisa kita buat lebih simple dengan switch case
Melakukan hal yang berulang-ulang cukup dengan bantuan for loop
Mirip dengan forloop, kali ini kita akan melakukan hal yang berulang-ulang dengan bantuan while loop
Pasangan dari while loop, yaitu do while, dimana kita akan mengeksekusi kode minimal satu kali sebelum menguji syarat
Selamat! kita sudah selesai belajar javascript dasar, masih banyak rahasia dan kekuatan javascript, mulai belajar teknik DOM pada javascript atau penggunaan objek