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
180
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
100
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
220

Other Decks in Programming

See All in Programming
komatsuna「分散システムにおけるバグ分析手法」
Avatar for こまつな komatsunaqa
0
260
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
使いながら育てる Claude Code — 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化
Avatar for endo shiki shiki_kakaku
0
1.8k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
Avatar for luccafort luccafort
PRO
0
690
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
Avatar for にわ shibuchaaaan
0
280
AI時代に設計が 最大の生産性レバーになる 意図駆動開発とデータを消さない設計｜Don't Delete Your Data or Your Intent — Design as the Deepest Lever in the AI Era
Avatar for Tomohisa Takaoka tomohisa
1
840
今さら聞けない .NET CLI
Avatar for tkym htkym
0
190
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
260
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
490
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
Avatar for Ryusei Ohkura 3l4l5
2
180
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
210
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
320

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
940
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
860
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.4k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k
A Soul's Torment
Avatar for Nat Ma seathinner
6
3.4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.2k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.4k

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