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
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
120
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
89
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
570
Performance first: Node.js and Rust
Avatar for Giovanny Gongora gioyik
0
200

Other Decks in Programming

See All in Programming
Spec Driven Development | AI Summit Vilnius
Avatar for Daniel Sogl danielsogl
PRO
1
110
CDK Deployのための ”反響定位”
Avatar for watany watany
4
790
Don't Prompt Harder, Structure Better
Avatar for Yusuke Kita kitasuke
0
770
第3木曜LT会 #28
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
110
Vibe하게 만드는 Flutter GenUI App With ADK , 박제창, BWAI Incheon 2026
Avatar for JaiChangPark itsmedreamwalker
0
550
一度始めたらやめられない開発効率向上術 / Findy あなたのdotfilesを教えて！
Avatar for Takashi Kokubun k0kubun
4
3k
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
24
13k
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
140
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
19
5.3k
Back to the roots of date
Avatar for jinroq jinroq
0
250
Offline should be the norm: building local-first apps with CRDTs & Kotlin Multiplatform
Avatar for Renaud MATHIEU renaudmathieu
0
220
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
230

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
180
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.9k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
94
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
340
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
How to make the Groovebox
Avatar for あそなす asonas
2
2.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.3k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
200
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
740
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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