Panduan Praktis Menguasai Vue.js

Panduan Praktis Menguasai Vue.js

by Lutfi Gani

Penerbit : Lokomedia
ISBN : 978-602-6231-16-1
Tanggal Terbit : April-2018
Tebal Buku : 200 Hal, 14 x 21cm
Bonus: Source Code (Link ada Dalam Buku)

Availability :   In stock

Rp. 58.500 save 10% Rp. 65.000

Qty:


DESKRIPSI:

Saat ini, ada 3 framework javascript yang paling diminati, yaitu AngularJS, ReactJS dan Vue.js. Dalam buku ini akan membahas khusus Vue.js yang lebih unggul secara kecepatan dan performa dibandingkan framework javascript lainnya, karena ukurannya yang kecil dan simple, namun powerfull. Selain itu, package dan plugin sudah banyak include dalam Vue.js, sehingga dapat langsung digunakan, tanpa menginstall plugin-plugin ataupun external library.

Vue.js dibangun dengan pendekatan Approachable yang fokus pada kesederhanaan dan kerapian struktur codingnya - cukup pengetahuan dasar HTML, CSS, dan Javascript - memudahkan pengguna mempelajarinya dengan cepat.

Adapun materi Vue.js yang dibahas adalah Dasar-Dasar Vue.js, Computed, Methods dan Watcher, Bermain dengan Form, Event Handler (Mouse dan Key Modifiers), v-bind (Binding Style, Class, dan Src), Filter dan Array, Power Components dan Passing Data dengan Props, Vue Canvas dan Vue Animation, Kolaborasi Vue.js dengan NodeJS, Laravel dan MySQL, Membuat Aplikasi Vue.js (Name Extractor, Todo Application, Simulasi Billing Toko Online, Color Changing, Dynamic Pie Chart).

 

DAFTAR ISI


BAB 1. Selamat Datang di Dunia Vue.js
1.1. Apa itu Vue.js?
1.2. Perlengkapan Tempur
1.3. Instalasi Vue.js

BAB 2. Dasar-Dasar Vue.js
2.1. Persiapan
2.2. Tahapan Membuat Aplikasi dengan Vue.js
2.3. Mustaches
2.4. Berkenalan dengan v-text
2.5. Format Tampilan dengan v-html
2.6. Show Multidata
2.7. Kombinasi Output
2.8. Directive Rendering Tipe Data Lain

BAB 3. Conditional (Pengandaian)
3.1. Directive v-if
3.2. Nilai Negasi pada v-if
3.3. Memberi Nilai pada v-if
3.4. Bermain dengan Saudara v-if, v-show
3.5. Pasangan v-if, v-else

BAB 4. Computed, Methods dan Watcher
4.1. Computed Property
4.2. Methods
4.3. Eksplorasi dengan Computed atau Methods
4.4. Watcher
4.5. Implementasi Watcher pada Form Login

BAB 5. Bermain dengan Form
5.1. Textbox
5.2. Multiline (TextArea)
5.3. Radio Button
5.4. Checkbox
5.5. Dropdown
5.6. Dropdown Level 2

BAB 6. Fitur Menarik : v-bind
6.1. Binding src
6.2. Binding Style
6.3. Binding Class
6.4. Binding pada Tooltip Hover
6.5. Kolaborasi Binding

BAB 7. Event Handler
7.1. Mengatasi Klik Mouse dengan v-on:click
7.2. v-on:click dengan Methods
7.3. v-on:click Kombinasi Lanjutan
7.4. Key Modifiers
7.4.1. Event Handler pada Tombol Enter
7.4.2. Event Handler pada Tombol-Tombol Lainnya
7.4.3. Event Handler pada Tombol-Tombol Kombinasi
7.5. Mouse Handler
7.6. Toggle
7.7. Toggle Level 2

BAB 8. Array
8.1. Dasar Array
8.2. Menampilkan Seluruh Data Array
8.3. Menambah Data Array
8.4. Menghapus Array
8.5. Array Multivalue
8.6. Kombinasi Array dengan Computed Property
8.7. Trik Array
8.8. Program Search dalam Array

BAB 9. Filter
9.1. Filter Format Teks
9.2. Flip Word
9.3. Capitalize

BAB 10. Components
10.1. Power Components
10.2. Slot in Action
10.3. Multi Element
10.4. Components, Slot dan Array
10.5. Passing Data dengan Props
10.6. Props Level 2
10.7. Kolaborasi Components dan Event Handler
10.8. Review Components

BAB 11. Vue Canvas
11.1. Implementasi Vue + Canvas
11.2. Canvas Dinamis
11.3. Membuat Gambar dengan Canvas
11.4. Menggambar Bentuk Lain

BAB 12. Vue Animation
12.1. Animasi 1 : Tampil Perlahan
12.2. Animasi 2 : Menghilang Perlahan
12.3. Animasi 3 : Color Changing
12.4. Animasi 4 : Color Changing Level 2
12.5. Animasi 5 : Transition Name
12.6. Animasi 6 : Dengan Transition
12.7. Animasi 7 : Real Animation
12.8. Animasi 8 : Button in Action
12.9. Animasi 9 : Button in Action Level 2
12.10. Animasi 10 : Group Transition

BAB 13. Membuat Aplikasi dengan Vue.js
13.1. Name Extractor
13.2. Todo Application
13.3. Simulasi Billing Toko Online
13.4. Bermain Simulasi Warna
13.5. Dynamic Pie Chart

BAB 14. Bonus : Kolaborasi Vue.js
14.1. Vue-CLI dengan NodeJS
14.1.1. Editing Script
14.1.2. Menambahkan Style
14.1.3. Menggunakan Methods
14.1.4. Koneksi dari File Vue yang Lain
14.2. Vue, Laravel dan MySQL
14.2.1. Peralatan Tambahan
14.2.2. Membuat Database
14.2.3. Instalasi Laravel
14.1.4. Editing Script Laravel