Kaskus

Story

l4d13putAvatar border
TS
l4d13put
Belajar Vue JS
Belajar Vue JS



Vue.js (https://vuejs.org/) seperti di websitenya yang membawa tagline “The Progressive JavaScript Framework” merupakan javascript framework yang membantu kita dalam membuat sebuah website/aplikasi yang membutuhkan banyak interaksi di dalamnya, biasanya berupa Single Page Application. Vue.js belakangan memiliki gaung yang lumayan kencang di kalangan web developer maupun Javascript developer karena kemudahan dalam mempelajari dan mengimplementasikan di dalam website/aplikasi kita.

Create new project
https://cli.vuejs.org/guide/creating...#using-the-gui

Contoh Template Admin Dashboard 
https://coreui.io/vue/
https://github.com/coreui/coreui-fre...admin-template

CoreUi Docs
https://coreui.io/docs/layout/

Vue Js Docs
https://cli.vuejs.org/guide/html-and...ic-assets.html

Firebase Docs
https://firebase.google.com/docs/web/setup

Elemen & Componentt
https://coreui.io/docs/components/dropdowns/
https://vuejsprojects.com/element-ui
https://vuejsexamples.com/a-vue-js-s...enu-component/

Aplikasi Chatting
https://daengweb.id/membuat-aplikasi...g-react-native

Fitur


Aythentication - https://daengweb.id/fitur-authentica...n-react-native


STEP BY STEP membuat WEB VUE


1. Cloning Git

Code:
$ git clone https://github.com/coreui/coreui-free-vue-admin-template.git namafolder atau
https://github.com/loveunCG/firebase-vue-coreUI namafolder

# go into app's directory
$ cd namafolder



2. Menghubungkan WEB VUE (Localhost) dengan Database Firebase

1. Create Firebase project
2.. Setelah selesat membuat project baru, masuk ke halaman Overview Project di Firebase.
3. Pencet tombol "Add app"
4. Klik tombol "</>", Copy code / script "Initialize Firebase" tsb ke notepad dan ganti semua double quote dengan single quote
5. Buka Folder Web dengan Visual Code
6. Buka file index.html .\
7. Paste script "Initialize Firebase" diantara kode head.
8. Buka main.js dan search constructor => created () {
9. Ganti kode akses instance variable pada call class method => firebase.initializeApp({ ...}) dengan kode dari project Firebase yang tadi di-copy.
10. Buka file ".firebasesrc" dan ganti projectID firebase "wooow-01" dengan ProjectID dari project Firebase anda.

3. Membuat Sign-in Method WEB VUE (Localhost) dengan Database Firebase




Diubah oleh l4d13put 13-04-2019 18:26
someshitnessAvatar border
someshitness memberi reputasi
1
1.4K
4
GuestAvatar border
Komentar yang asik ya
Urutan
Terbaru
Terlama
GuestAvatar border
Komentar yang asik ya
Komunitas Pilihan