Dasar Javascript

Pada modul ini akan dijelaskan dasar penulisan dari console.log, pengenalan variabel , penggunaan function dan pemakaian logika IF, yang dilanjutkan dengan pembuatan aplikasi animasi sederhana untuk menjalan suatu gambar mobil,
Penggunaan Looping dan IF

Pada praktek ini siswa diajarkan tentang aplikasi penggunakan looping(for dan while) serta menggabungkan dengan logika IF, sehingga dapat menghasilkan suatu program dapat memberikan output yang diinginkan.
JQuery 1

Jquery pada dasarnya adalah kumpulan program javascript yang berguna sehingga kita tanpa harus bersusah-susah lagi membuat program javascript dari modul paling dasar, dengan adanya jquery memudahkan kita memilih elemen-elemen(paragraf, list, gambar) yang ada di dalam halaman web untuk kemudian dapat diambil nilainya atau diganti nilainya (DOM manipulation) serta melakukan otomatisasi misalnya user klik suatu button atau pilihan select all, maka semua objek secara otomatis terpilih. pada bagian ini akan diberikan contoh-contoh mengambil nilai, melakukan perubahan suatu objek dan mengganti nilai objek tertentu
Jquery Traverse

Traverse adalah bagaimana cara mencari suatu tag html (bisa dikenali dari tag, nama id atau nama class), yang selanjutnya akan diambil nilainya, pada praktek ini akan dikenalkan beberapa teknik jquery yang umum digunakan misalnya find, first,last dan melakukan penambahan tag dengan append, before atau after serta melakukan penghapusan tag dengan tag remove. Untuk praktek siswa, siswa akan diberikan tabel daftar harga dimana bila ada perubahan harga pada suatu lokasi maka total dari harga semua barang yang dibeli akan secara otomatis berubah.
Jquery Mouse Event dan Data

di dalam jquery terdapat berbagai macam event untuk kondisi mouse saat suatu halaman HTML di tampilkan di layar, pada praktek ini akan dijelaskan setiap kondisi mouse yang terdeteksi dengan hubungannya dengan setiap objek (misalnya button), serta dikombinasikan dengan tag data sehingga pada praktek kali ini dapat ditampilkan suatu bentuk form yang lebih menarik
Jquery Plugins, one page website

kemampuan program jquery dapat ditingkatkan lagi dengan adanya plug-ins plug-ins. Plug-ins adalah program tambahan yang dibuat diatas program jquery sehingga dapat mempermudah kita dalam membuat program tanpa kita harus membuat lagi dari awal. contoh yang paling sering kita temui adalah plugins jquery-ui (jquery user interface) misalnya saat user diberi pilihan dalam memberikan input data tanggal, maka secara otomatis akan ditampilkan kotak tanggal sehingga user dapat dengan mudah memilih angkanya, pada bagian ini akan dibahas jquery-ui untuk tanggal dan scrolling page yaitu halaman web yang berganti dengan cara scroll ke bawah
Coffee Script

kemampuan javascript dan jquery memang tidak dapat diragukan lagi dalam dunia perkembangan web, akan tetapi cara penulisan dari javascript yang sangat detil dalam penggunaan tanda kurung kurawal menjadikan program menjadi sulit untuk dibaca apalagi untuk seseorang yang baru belajar program, karena itu dikembangkan oleh jeremy Ashkenas coffee script, dimana kita dapat menuliskan perintah javascript dengan lebih simple dan mudah dibaca kemudian hasil penulisan itu nantinya akan dikonversi ke javascript, pada bagian ini akan ditunjukkan alur program coffee script dan aplikasi penggabungannya dengan jquery
Dasar Coffeescript

Pada pembahasan kedua coffeescript ini akan dijelaskan tentang variabel global dan lokal, membuat function dan cara memanggilnya, penggunaan array dan cara looping bila ingin dicetak / diproses isinya, penggunaan Object literal / hash bila di ruby, Pengguaan If dengan secara lebih detail dan di akhiri dengan tugas siswa dimana siswa harus membuat program games tebakan berikut batasan dan skorenya
Coffee Script Class dan Inheritance

Pembuatan program javascript dengan berorientasi objek dapat dikatakan cukup sulit, karena itu dengan menggunakan bantuan bahasa coffeescript hal ini akan sangat membantu
Menggunakan Elemen HTML dalam mewakili data

Pada praktek ini akan dijelaskan penggunaan form dengan memanfaatkan bootstrap sehingga tampilan dapat lebih menarik dan rapi, elemen web yang digunakan adalah dropdown dan checkbox, program akan memilih gambar secara otomatis setiap kali kita mengubah pilihan pada drow down dan secara otomatis harga total makan juga kan berubah