Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
140
Profile & Analyze Node.js Applications
Avatar for Giovanny Gongora gioyik
0
110
Node.js Contributor Workshop
Avatar for Giovanny Gongora gioyik
0
92
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
80
Leak Hunting - Finding and debugging a memory leak in Nodejs.pdf
Avatar for Giovanny Gongora gioyik
1
940
Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
190
Road to LISP heaven
Avatar for Giovanny Gongora gioyik
1
120
Leak Hunting: Finding and debugging a memory leak in Node.js
Avatar for Giovanny Gongora gioyik
0
550
Performance first: Node.js and Rust
Avatar for Giovanny Gongora gioyik
0
190

Other Decks in Programming

See All in Programming
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
420
AIコーディングエージェント（Gemini）
Avatar for kondai kondai24
0
160
AIコーディングエージェント（Manus）
Avatar for kondai kondai24
0
130
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
2.9k
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
Avatar for Manfred Steyer manfredsteyer
PRO
0
180
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
280
Reactive Thinking with Signals and the new Resource API
Avatar for Manfred Steyer manfredsteyer
PRO
0
160
FluorTracer / RayTracingCamp11
Avatar for kugi kugimasa
0
200
分散DBって何者なんだ．．． Spannerから学ぶRDBとの違い
Avatar for kensho iwashi623
0
170
『実践MLOps』から学ぶ DevOps for ML
Avatar for Satsuki Nagae nsakki55
2
560
Socio-Technical Evolution: Growing an Architecture and Its Organization for Fast Flow
Avatar for Chris Richardson cer
PRO
0
270
全員アーキテクトで挑む、 巨大で高密度なドメインの紐解き方
Avatar for Agata Naomichi agatan
8
19k

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.3k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.2k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Visualization
Avatar for Eitan Lees eitanlees
150
16k

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