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. Show
Daftar Pelajaran Track Belajar Javascript di Sekolah KodingKuasai pelajaran javascript untuk membuat website kita lebih interaktif dengan daftar kelas ini
Belajar javascript untuk pemulaSekarang kita akan belajar javascript! javascript adalah bahasa program yang bisa kita gunakan pada ... 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 JavascriptDOM adalah singkatan dari document object model, dengan menguasa DOM kita bisa berinteraksi dengan H... 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 JavacsriptApa 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?
Bermain dengan JavascriptKamu sudah tahu HTML, CSS dan Javascript? Waktunya kita bermain main dengan belajar hal-hal sederhan... Daftar isi Bermain dengan Javascript Membuat selektor fleksibel di javascript Belajar bagaimana cara Membuat selektor fleksibel di javascript seperti jquery, di mana kita tinggal menggunakan $(dollar). Membuat Aplikasi To Do dengan Javascript Belajar bagaimana cara membuat Aplikasi To Do dengan Javascript. Kita akan belajar bagaimana menambahkan konten secara dinamis, bagaimana menghapusnya dan memainkan kelasnya di CSS Menyimpan data dengan LocalStorage dari Web API 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 Bikin Dark Mode di web kamu 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 Update Dark Mode dengan satu tombol Sebelumnya kita membuat sistem dark mode pada website dengan 2 tombol, sekarang kita coba dengan 1 aja, dan beberapa refactor lainnya Bermain API Pokemon dengan Fetch API 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 Custom playlist youtube Belajar bikin playlist sendiri dengan javascript dengan memainkan iframe embed dari youtube. Kamu bisa mengimplementasikan untuk audio/podcast dan konten lainnya. Kuis Ujian pilihan ganda Belajar bagaimana cara membuat aplikasi kuis atau ujian dengan pilihan ganda. Di akhir kita menampilkan skor dari jawaban benar yang didapatkan user Daftar Materi Belajar javascript untuk pemulaSekarang 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 javascriptberkenalan dengan javsascript, bahasa program yang bisa digunakan pada bagian front-end website untuk membuatnya lebih interaktif
Membuat variabelVariabel adalah cara untuk menyimpan suatu nilai dengan memberikannya nama. Dengan nama ini kita bisa mengambil atau mengubah nilai tersebut dimana saja.
Tipe data stringString adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menulis suatu text atau karakter
Tipe data angkaAngka/Number adalah salah satu tipe data pada bahasa program termasuk javascript yang kita manfaatkan untuk menuliskan angka termasuk desimal ataupun angka dengan koma
Operator matematikaDengan operator matematika pada javascript, kita bisa melakukan berbagai macam operasi matematika, mulai dari penjumlahan, pengurangan, perkalian, pembagian dan lain-lain
Metode angkaJavascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka
Metode angka bagian 2Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data angka (bagian kedua)
Metode stringJavascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string
Metode string bagian 2Javascript punya fungsi-fungsi yang sudah secara automatis datang untuk kita manfaatkan pada tipe data string (bagian kedua)
Parameter pada fungsiSetelah belajar fungsi, kali ini kita akan melihat guna paramater yang bisa kita masukkan pada fungsi di javascript
Return pada fungsiFungsi bisa memiliki 'return'.. apa itu return dan bagaimana cara menggunakannya?
Scope variabelVariabel pada javascript memiliki scope atau ruang lingkup hidup yang menentukan dari mana saja variabel ini bisa diakses
Mengenal ArraySatu tipe data lagi dari javascript! namanya array, lihat bagaimana cara membuat array di javascript
Metode ArrayTipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number
Metode Array bagian 2Tipe data array juga punya metode metode yang bisa kita manfaatkan, sama seperti pada tipe data string atau number (bagian 2)
Tipe data booleanTipe data boolean, tipe data pada javascript yang hanya memiliki 2 nilai, true dan false
If dan elseMulai belajar logika, menentukan suatu kasus dan mengambil keputusan dengan if dan else
Operator logikaOperator logika pada javascript, untuk membandingkan nilai-nilai. Lihat cara penggunaan operator logika pada javascript di sini
True dan falseKita sudah pernah melihat boolean, tapi ada sih sebenarnya kegunaannya yang hanya bisa bernilai true atau false
Else if pada javascriptKita sudah pernah melihat if dan else, masih ada lagi yang namanya else if untuk mebuat syarat lebih dari satu
Syarat bercabangBagaimana jika kita punya syarat di dalam syarat? atau istilahnya nested if (if bercabang)
Switch casepersyaratan yang banyak bisa kita buat lebih simple dengan switch case
While loopMirip dengan forloop, kali ini kita akan melakukan hal yang berulang-ulang dengan bantuan while loop
Do while pasangan while loopPasangan dari while loop, yaitu do while, dimana kita akan mengeksekusi kode minimal satu kali sebelum menguji syarat
Ke mana sekarangSelamat! 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 Bagaimana cara menjalankan JavaScript?Mengaktifkan JavaScript di browser Anda. Buka Chrome di komputer Anda.. Klik. Setelan.. Klik Keamanan dan Privasi.. Klik Setelan situs.. Klik JavaScript.. Pilih Situs dapat menggunakan JavaScript.. JavaScript pakai aplikasi apa?Namun, sebelumnya Anda membutuhkan beberapa aplikasi berikut untuk mendukung Anda belajar Javascript: Web browser (Google Chrome, Firefox, atau lainnya). Teks editor (Atom, Notepad, atau lainnya). Web server, untuk menjalankan kode pemrograman.
Belajar JavaScript dimana?Situs Belajar Javascript Pemula. Introduction to Javascript dari Codecademy. ... . 2. Free Javascript Tutorial dari Udemy. ... . 3. Javascript Guide dari Freecodecamp.org. ... . Programming Foundations with Javascript dari Coursera. ... . Kursus JavaScript Pluralsight. ... . 6. W3School. ... . 7. JavaScript tutorials dari Mozilla Developer Network. ... . Khan Academy.. Bagaimana cara menulis kode JavaScript di HTML?Cara membuat JavaScript di HTML secara langsung
Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag <script></script> yang mencakup semua kode JS yang Anda tulis. Kode JS yang bisa ditambahkan: di antara tag <head> di antara <body>
|