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
130
Profile & Analyze Node.js Applications
Avatar for Giovanny Gongora gioyik
0
95
Node.js Contributor Workshop
Avatar for Giovanny Gongora gioyik
0
82
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
73
Leak Hunting - Finding and debugging a memory leak in Nodejs.pdf
Avatar for Giovanny Gongora gioyik
1
920
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
110
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
180

Other Decks in Programming

See All in Programming
なぜGoのジェネリクスはこの形なのか？ Featherweight Goが明かす設計の核心
Avatar for Ryotaro ryotaros
7
1k
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
Avatar for shibayu36 shibayu36
3
4.4k
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
Avatar for Marco Roth marcoroth
3
920
Django Ninja による API 開発効率化とリプレースの実践
Avatar for Kashun Yoshida kashewnuts
0
930
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
Avatar for Itaru Ota ota1022
0
240
CSC509 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
プロダクト開発をAI 1stに変革する〜SaaS is dead時代で生き残るために〜 / AI 1st Product Development
Avatar for Keisuke Kobayashi kobakei
0
490
『毎日の移動』を支えるGoバックエンド内製開発
Avatar for yutautsugi yutautsugi
2
180
止められない医療アプリ、そっと Swift 6 へ
Avatar for MEDLEY, INC. medley
1
120
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
2
290
Serena MCPのすすめ
Avatar for wadakatu wadakatu
4
900
育てるアーキテクチャ：戦い抜くPythonマイクロサービスの設計と進化戦略
Avatar for fujidomoe fujidomoe
1
150

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
2.6k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
40k

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