[Share] Belajar Bareng dari Books, Javascript For Kids
#1
Lightbulb 
Thread ini saya buat adalah semata-mata untuk berbagi dan saya gunakan sebagai metode belajar yang cukup efektif untuk saya. Dengan membaca kemudian menuliskan apa yang sudah saya baca tentu dapat membantu daya ingat saya supaya lebih moncer... Tulisan ini juga tidak sepenuhnya sama dan serupa dengan apa yang ada dalam buku, karena saya tidak menulis ulang apa yang ada dalam buku, tapi menuliskan apa yang saya tangkap dari buku tersebut. Teman-teman bisa bertanya atau berbagi dalam thread ini. TS tidak bisa menjawab semua apa yang teman-teman tanyakan, hanya menjawab sekedar apa yang TS tau. Teman-teman lain juga dapat membantu menjawab pertanyaan member lainnya disini. Saya menuliskan secara bertahap tidak langsung full selesai untuk semua buku. Semoga thread ini bisa berguna.

[Image: isvHCKg.png]

Judul Buku: JavaScript for Kids: A Playful Introduction to Programming
Penerbit: No Starch Press
Author: Nick Morgan
ISBN: 978-1-59327-408-5
Tahun: 2014
Jumlah Halaman: 336

http://www.nostarch.com/javascriptforkids

Part I: Fundamental

  • BAB 1
    Pengenalan Cepat dan cara membuat Javascript di Google Chrome
  • BAB 2
    Perkenalan variabel dan tipe data dasar yang digunakan pada javascript: Angka, String, dan Boolean.
  • BAB 3
    Pada BAB ini akan dibahas semua tentang array yang dapat menyimpan daftar bagian2 data.
  • BAB 4
    Di BAB ini akan membahas tentang object yang mengandung key & Value
  • BAB 5
    Pengenalan dasar HTML
  • BAB 6
    Akan membahas tentang bagaimana mendapatkan kontrol lebih besar atas code jika menggunakan pernyataan loops, kondisional atau struktur kontrol lainnya
  • BAB 7
    Pada bagian ini anda akan menerapkan semua apa yang anda pelajari pada bab sebelumnya untuk membuat Game.
  • BAB 8
    Mempelajari cara membuat function sehingga dapat dikelompokkan dan dapat digunakan kembali pada blok code.
Part II: Advanced JavaScript
  • BAB 9
    Perkenalan jQuery salah satu framework javascript untuk memudahkan pengendalian halaman web
  • BAB 10
    Cara menggunakan timeouts, intervals, dan event handlers untuk membuat website lebih interaktif
  • BAB 11
    Penggunaan function, jQuery dan event handlers untuk membuat sebuah permainan “Find the Buried Treasure!”
  • BAB 12
    Membahas tentang gaya pemograman berorientasi objek
Part III: Canvas
  • BAB 13
    Perkenalan dasar elemen canvas, yang memungkinkan kita untuk membuat grafik pada halaman web dengan JavaScript.
  • BAB 14
    membuat animasi dengan teknik yang sudah dipelajari di BAB 10, sehingga kita dapat membuat animasi dengan canvas.
  • BAB 15
    Mempelajari cara bagaimana mengendalikan animasi canvas dengan keyboard
  • BAB 16
    Pada bagian ini kita akan belajar cara membuat game Ular menggunakan teknik yang kita pelajari pada BAB 15.
  • BAB 17
    sama dengan BAB 16, pada BAB ini juga kita akan membuat kelanjutan dari game ular tadi.

Sebelum lanjut ke BAB 1 dan menyelesaikan tugas mulia ini. ada baiknya temen2 kasih ane support dulu buat mulai menulis.. bikin tulisan ini aja ane bisa sampe sejam. gimana sampe BAB 17 yahh..

Jangan di bully yah teman-teman Big Grin

#2
BAB 1

Apa itu Javascript?

Komputer merupakan mesin yang menurut saya sangat canggih, tp tanpa manusia dan program sebuah komputer hanya akan jadi barang rongsokan. Jadi tanpa peran program dan manusia komputer bukanlah hal yang keren. Manusia itu merupakan mahluk yang paling keren, jd komputer belum ada apa2nya sama manusia.. 

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.

JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX. JavaScript adalah bahasa yang digunakan untuk AJAX

Ok, sebelum kita mulai ada baiknya temen2 coba cicipin game pada link dibawah ini deh...

www.cubeslam.com

game pada website itu dibangun tidak menggunakan flash, melainkan menggunakan Javascrip. kereen gak tuh? 

ada juga beberapa website yang dibangun menggunakan javascrip antara lain: 
http://lights.helloenjoy.com/
http://www.patatap.com/

Kenapa harus belajar Javascript?

Memang selain javascript masih sangat banyak bahasa pemograman, tapi menurut saya javascript ini merupakan program yang sangat luar biasa. saya menyukai javascrip karena baskgground saya yang lebih dominan membuat aplikasi berbasis website. kamu cukup menginstall browser, kemudian bisa membuat javascript hanya menggunakan text editor, dan text editor lainnya.

Javascript dapat membantu membuat imajinasi yang akan saya terapkan pada aplikasi website berjalan dengan baik. 

atau teman-teman juga bisa coba membuat javascript langsung di layanan website http://jsfiddle.net/, nnti disitu bisa saling bertukar pendapat dan berbagi eksplorasi untuk javascript.

Ok. sekarang kita akan coba buat javascript sederhana di browser. Saya sarankan menggunakan Google Chrome, kalau belum di Instal, yah install dulu laahh...

Kita akan menggunakan, Chrome Console Tool pada Browser chrome yang tadi sudah di install.


Kalau sudah di Instal, jalanin browser, buka tab baru dengan url kosong. tekan enter pada adress bar kosong tadi. kemudian tekan tombol CTRL+SHIFT+J

[Image: a8XmrJ9.png]

Coba buat, formula code perhitungan pada console, langsung di jawab tuh sama browser. keren kann!!

teman2 cuga bisa coba masukin kode javascript lainnya seperti alert, atau macem2, metode manipulasi website juga sering digunakan di console ini lohh..


oke, segitu dulu ntar saya lanjutin lagi, soalnya ada kerjaan broo... silahkan dikembangkan dan bertanya..

#3
nah begini yang josss ane numpang I love backtrack dlu :v ,,

#4
akhirnya ada yang nimbrung juga, trimakasih bro Abdilahrf ....

Tapi ternyata, console Javascript bukan cuman calculator doang, Console Javascript juga bisa meresahkan warga pengguna internet dan browser.. oke, coba kita praktekin script yg ini..

Masih sama seperti cara di atas, kita cuman pake console dari browser Chrome.

coba ketik seperti script ini:

// Buat berapa banyak alert yang akan tampil saat script ini dijalankan
var pesanMaksa = function (batasPesan) {
for (var i = 0; i < batasPesan; i++) {
alert(i + " Kali bilang saya jelek"); } }; // i merupakan satuan nilai
pesanMaksa(10); // Temen-temen bisa ganti angka 10 dengan nilai yang diinginkan, terserahh...

catatan: untuk ke line baru tahan shift+enter, kalo cuman enter saja, nnti langsung eksekusi. kalau script sudah semua di ketik baru tekan enter.

coba dehh... kalau sudah bisa, coba di kembangin lagi script nya..

#5
@hehehe : mantap om .. di console juga bisa eksekusi yang kyk gini
String.fromCharCode(74,97,118,97,83,99,114,105,112,116,73,115,83,101,99,117,114,101)
sbenernya jarang banget pake console ane juga :/ padahal fungsinya juga sangat membantu Big Grin
biasanya ane liat console , cuma buat tau apa ada yang error sm css / js yang di include =)) Big Grin

#6
bener banget om, kalo dulu memang ane juga cuman pake buat liat yg error2 doang, tp semenjak berobat ke klinik tompeng ane jadi tersadar bahwa console itu kereen abieess...


ane sering pake script ini buat, invite all friend di facebook biar kaga cape invite satu-persatu. kan males bener tuhh....

ini caranya invite all friend ke facebook pake, tapi kudu jadi admin dulu di facebook page biar bisa tampil popup invitenya.

- Buka Facebook Page
- klik Build Audience >> klik invite Friends, nnti akan muncul popup
- tekan CTRL+SHIFT+J
- Copy Paste Script dibawah pada console Chrome developer Tools

var inputs = document.getElementsByClassName('uiButton _1sm'); for(var i=0; i<inputs.length;i++) { inputs[i].click(); }


[Image: OUH1M2A.png]

[Image: ZjJ8Ke2.png]

oh iya, sebelum melancarkan script tadi... ada baiknya discroll dulu tuh friendlist di pop up invite sampe mentok... biar semua friend yg ada di list kena kebagian semua..

#7
@hehehe : dulu pas facebook yang lama ada juga select all buat invite tapi langsung di browser
"javascript : fs.select_all()" kalau gk salah :3
ini videonya yang dulu ane buat
https://www.facebook.com/video.php?v=112...=2&theater
itu fans page spam semua isinya wkwkwkw :v

#8
(02-02-2015, 10:57 AM)abdilahrf Wrote: @hehehe : dulu pas facebook yang lama ada juga select all buat invite tapi langsung di browser
"javascript : fs.select_all()" kalau gk salah :3
ini videonya yang dulu ane buat
https://www.facebook.com/video.php?v=112...=2&theater
itu fans page spam semua isinya wkwkwkw :v

iyaaa :v
buat ningkatin traffic bro...

ngomong2 yg lain pada kemana yah? ini dah kaya homoon berdua ajeee...

ok, selanjutnya ke BAB 2 tentang type data dan variabel.


Pemograman yang sering kita dengar dan bicarakan adalah tentang memanipulasi data, tapi data apa yang kita manipulasi ? data adalah suatu informasi yang disimpan dalam komputer. Misalnya nama, tinggi badan, warna rambut, atau bisa juga data tentang spesifikasi item yang diinginkan.

Dalam javascript ada 3 type data dasar, yaitu; numbering, string, booleans. di bahasa pemograman lainnya juga type data ini dipakai, namun berbeda cara penerapan codenya.

Dalam javascript, biasanya bentuk penggunaan dalam pemogramannya seperti ini,

Type data numbering
- contoh>> 777;

Type data string
- contoh>> "Hello World"

Type data boolean
- contoh>> true;

#9
wah ane blom belajar java script di kapus blom nyapek heheh ane baru semester satu nyimak lah

#10
lumayan nih pakek ngembangin web :3
izin nyoba om.






Users browsing this thread: 1 Guest(s)