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

Building Reactive interfaces with Vue.js

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Giovanny Gongora Giovanny Gongora
November 03, 2017
Programming
170
1

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

More Decks by Giovanny Gongora

See All by Giovanny Gongora
Memory Chronicles: Manage, Trace and Fix Memory Leaks
Avatar for Giovanny Gongora gioyik
0
150
Profile & Analyze Node.js Applications
Avatar for Giovanny Gongora gioyik
0
130
Node.js Contributor Workshop
Avatar for Giovanny Gongora gioyik
0
110
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
93
Leak Hunting - Finding and debugging a memory leak in Nodejs.pdf
Avatar for Giovanny Gongora gioyik
1
1k
Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
200
Road to LISP heaven
Avatar for Giovanny Gongora gioyik
1
140
Leak Hunting: Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
580
Performance first: Node.js and Rust
Avatar for Giovanny Gongora gioyik
0
200

Other Decks in Programming

See All in Programming
2026年のソフトウェア開発を考える（2026/05版） / Software Engineering Scrum Fest Niigata 2026 Edition
Avatar for Takuto Wada twada
PRO
23
12k
Explore CoroutineScope
Avatar for tomoEng11 tomoeng11
0
190
2026-04-15 Spring IO - I Can See Clearly Now
Avatar for Jonatan Ivanov jonatan_ivanov
1
210
mruby on C#: From VM Implementation to Game Scripting (RubyKaigi 2026)
Avatar for hadashiA hadashia
2
1.8k
cloudnative conference 2026 flyle
Avatar for azihsoyn azihsoyn
0
180
AgentCore Optimizationを始めよう！
Avatar for matsukada licux
3
240
要はバランスからの卒業 #yumemi_grow
Avatar for Takuma Kajikawa kajitack
0
160
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
2.7k
開発とはなにか、Essenceカーネルで見えるもの
Avatar for ukin0k0 ukin0k0
0
160
【ディップ｜26年新卒研修資料】TDD実装演習
Avatar for ディップ株式会社 dip_tech
PRO
0
180
Building on Bluesky's AT Protocol with Ruby
Avatar for Kuba Suder mackuba
0
120
〜バイブコーディングを超えて〜 チームで実験し続けたAI駆動開発
Avatar for Toranosuke Minamikawa tigertora7571
0
200

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.5k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
180
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
560
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
110
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
290
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
130
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1k

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