- Beranda
- Komunitas
- Story
- B-Log Personal
Belajar Vue JS


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


someshitness memberi reputasi
1
1.4K
4


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan