Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Membangun Shopping Cart Sederhana dengan Vue.JS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Yoeza Sapoetro Yoeza Sapoetro
April 11, 2019
Technology
23
0

Membangun Shopping Cart Sederhana dengan Vue.JS

Avatar for Yoeza Sapoetro

Yoeza Sapoetro

April 11, 2019

Other Decks in Technology

See All in Technology
Claude の新機能を、 出た日に触って社内に届けるまで
Avatar for ふくだ（fukuda ryu） rfdnxbro
1
170
Getting Started with Google Antigravity
Avatar for Guillaume Laforge glaforge
0
300
エンタメ企業のM&Aを支えるデータ基盤 ― 統合から店舗のリアルタイム分析まで / Data Engineering Summit 2026
Avatar for GENDA genda
0
170
1つのリクエストを追って理解する - llm-dのP/D分離
Avatar for akhino akhino
1
160
Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
Avatar for Shoichi Ochi occhi
1
580
Temporal 最高!でも改めて「日付」について調べたら人類の負債すぎる件
Avatar for Riya Amemiya riyaamemiya
0
150
Metadata - Section 1: HTML Basics
Avatar for mohab soliman mohab1
0
120
無理せず続ける、子育てエンジニアの学び
Avatar for コドモン開発チーム codmoninc
PRO
0
860
パッチ更新でterraform initが落ちた日
Avatar for gr1m0h grimoh
1
140
ブラウザとサーバーから考えるAI時代のフロントエンド監視
Avatar for Shogo Fukami shogo4131
3
940
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か？
Avatar for Satoru Ishikawa ishikawa_satoru
1
1.7k
AI駆動で「他アプリの音を加工できる」アプリを作った
Avatar for Masahiro satomasahiro2005
0
150

Featured

See All Featured
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
540
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
2
2.9k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
58k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.2k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k

Transcript

  1. Workshop “Membangun Shopping cart sederhana dengan VueJS” Yoeza Sapoetro Padang,

    11 April 2019

  2. What is VueJS?

  3. Vue JS? ▫ The Progressive Javascript Framework yang digunakan untuk

    membangun user interface pada web ▫ Salah satu fitur utama yang di gunakan Vue.js ini adalah Reactive Data Binding System atau proses sinkronisasi antara DOM dan Logical.

  4. How VueJS Works?

  5. Requirements ▫ Internet (important thing)

  6. Requirements ▫ Internet (important thing) ▫ NodeJS (required)

  7. Requirements ▫ Internet (important thing) ▫ Node JS (required) ▫

    VS Code (required)

  8. Requirements ▫ Internet (important thing) ▫ Node JS (required) ▫

    VS Code (required) ▫ Source Code (main course) https://www.dropbox.com/s/ys3ofkbgycaj1j0/vue- shopping-cart-1.0.zip?dl=0

  9. Todos 1. Product Page ▪ Product Detail Page

  10. Todos 1. Product Page ▪ Product Detail Page

  11. Todos 1. Product Page ▪ Product Detail Page 2. Cart

    Page

  12. Todos 1. Product Page ▪ Product Detail Page 2. Cart

    Page 3. Checkout Page

  13. Todos 1. Product Page ▪ Product Detail Page 2. Cart

    Page 3. Checkout Page 4. Done! Referensi: http://tokoonline.cimangko.com/

  14. Thanks... More about me:  https://github.com/yoezasapoetro  http://cimangko.com