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

Building Reactive interfaces with Vue.js

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
110
Profile & Analyze Node.js Applications like a Pro
Avatar for Giovanny Gongora gioyik
1
94
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
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
関係性から理解する"同一性"の型用語たち
Avatar for pvcresin pvcresin
2
630
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
Avatar for hideki kinjyo o0h
PRO
0
180
DynamoDBには集計系のクエリがないけどなんとかしたい
Avatar for 村上優稀 musan
1
120
ふつうのFeature Flag実践入門
Avatar for irof irof
7
3.5k
New "Type" system on PicoRuby
Avatar for pocke pocke
1
430
プロパティの順序で型推論が壊れる!? TypeScript6.0の修正からContext-Sensitivityの仕組みを追う
Avatar for おおいし bicstone
2
1.3k
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
4
220
サーバーレスで作る、動画データ管理基盤
Avatar for Keigo Ibaraki oyasumipants
0
340
oxlintはeslint/typescript-eslintを置き換えられるのか
Avatar for shoma-fujita shomafujita
2
300
作って学ぶ、 JSX (TSX) ランタイムの基本
Avatar for syumai syumai
7
1.5k
OCRを使ってゲームのアイテムをデータ化する
Avatar for Kishikawa Katsumi kishikawakatsumi
0
130
GitHub Copilot CLIのいいところ
Avatar for tkym htkym
2
1.2k

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
320
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
400
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.1k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
520
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
780
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
180
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.3k

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