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
160
Profile & Analyze Node.js Applications
Avatar for Giovanny Gongora gioyik
0
130
Node.js Contributor Workshop
Avatar for Giovanny Gongora gioyik
0
120
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
98
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
210
Road to LISP heaven
Avatar for Giovanny Gongora gioyik
1
150
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
210

Other Decks in Programming

See All in Programming
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
400
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.4k
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
4.5k
Make SRE Operations Easier with Azure SRE Agent
Avatar for KAMEGAWA Kazushi kkamegawa
0
7.6k
AIを活用したE2Eテスト実装効率化のあゆみ / ebisu-mobile-14-kotetu
Avatar for kotetu (kotetuco) kotetuco
0
130
ふつうのFeature Flag実践入門
Avatar for irof irof
8
4.1k
エンジニア向け会社紹介/Findy Company Profile
Avatar for Findy findyinc
6
350k
その問い、本当に正しいですか？AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science
Avatar for MinoDriven minodriven
11
6.2k
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
Avatar for ternbusty ternbusty
1
190
Agentic UI
Avatar for Manfred Steyer manfredsteyer
PRO
0
190
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
160
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
170

Featured

See All Featured
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
630
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
470
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
280
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
66
55k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.9k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.4k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k

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