Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Reactive interfaces with Vue.js

Avatar for Giovanny Gongora Giovanny Gongora
November 03, 2017
Programming
1
150

Building Reactive interfaces with Vue.js

Presentation/workshop about Vue.js and interfaces.

Events:
JSConf Colombia 2017
Avatar for Giovanny Gongora

Giovanny Gongora

November 03, 2017
Tweet

More Decks by Giovanny Gongora

See All by Giovanny Gongora
Memory Chronicles: Manage, Trace and Fix Memory Leaks
Avatar for Giovanny Gongora gioyik
0
120
Profile & Analyze Node.js Applications
Avatar for Giovanny Gongora gioyik
0
81
Node.js Contributor Workshop
Avatar for Giovanny Gongora gioyik
0
71
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
68
Leak Hunting - Finding and debugging a memory leak in Nodejs.pdf
Avatar for Giovanny Gongora gioyik
1
900
Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
170
Road to LISP heaven
Avatar for Giovanny Gongora gioyik
1
110
Leak Hunting: Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
530
Performance first: Node.js and Rust
Avatar for Giovanny Gongora gioyik
0
170

Other Decks in Programming

See All in Programming
VS Code Update for GitHub Copilot
Avatar for 74th(Atsushi Morimoto) 74th
1
360
ASP.NETアプリケーションのモダナイズ インフラ編
Avatar for tomokusaba tomokusaba
1
410
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
570
Benchmark
Avatar for 송상윤 sysong
0
270
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール？ 〜
Avatar for Yoda Keisuke yodakeisuke
0
100
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
120
git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～
Avatar for hisuzuya hisuzuya
1
470
C++20 射影変換
Avatar for Akira Takahashi faithandbrave
0
530
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
360
プロダクト志向ってなんなんだろうね
Avatar for RightTouch righttouch
PRO
0
160
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
190
XP, Testing and ninja testing
Avatar for seki at druby.org m_seki
3
180

Featured

See All Featured
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Designing for Performance
Avatar for Lara Hogan lara
609
69k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
940
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k

Transcript

  1. Building Reactive interfaces with Vue.js

  2. I am Giovanny Gongora My name is Giovanny Gongora, I

    am Support Engineer at NodeSource. I spend time coding, giving talks at events and doing random stuff. Formerly Mozilla.

  3. What is Vue.js?

  4. Let's create our first Vue.js app

  5. DOM interaction Module Introduction

  6. {{ Understanding }} Templates

  7. Template Syntax and Instance

  8. Access Data from Instance

  9. Binding to Attributes

  10. Using Directives

  11. Re-rendering

  12. Output Raw HTML

  13. Ready for Vue.js and you?

  14. Thanks Twitter: @Gioyik Website: http://gioyik.com