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

First steps with Vue.js

Avatar for Elizabeth Manrique Elizabeth Manrique
November 16, 2016
Technology
120
0

First steps with Vue.js

Introduction to Vue.js.

Avatar for Elizabeth Manrique

Elizabeth Manrique

November 16, 2016

More Decks by Elizabeth Manrique

See All by Elizabeth Manrique
Introducción a Angular 2
Avatar for Elizabeth Manrique emanrique
1
250
Clase Maestra - Toulouse Lautrec
Avatar for Elizabeth Manrique emanrique
0
140
Editorconfig
Avatar for Elizabeth Manrique emanrique
4
3.5k
Automatización de Tareas: Gulp JS
Avatar for Elizabeth Manrique emanrique
1
100
La alegría de ser Frontend
Avatar for Elizabeth Manrique emanrique
0
230
Automatización del workflow frontend
Avatar for Elizabeth Manrique emanrique
3
950

Other Decks in Technology

See All in Technology
Platform Engineering as a Product: Criteria for Improvement and Multi-Tenant Design
Avatar for Kumo Ishikawa kumorn5s
0
520
サプライチェーンセキュリティの空白地帯 - 信頼できる”依存性”の未来を考える
Avatar for Hiroki Suezawa (@rung) rung
PRO
2
780
あなたの AI ワークスペースに、 専門コーダーを連れてくる - Amazon Quick Desktop 最新情報
Avatar for kawaji kawaji_scratch
1
110
AI フレンドリーなエラー監視を TypeScript で実現する
Avatar for Shinobu Hayashi shinyaigeek
2
270
作って終わりにしない タイミーのセマンティックレイヤー育成の現在地
Avatar for chanyou0311 chanyou0311
0
480
Terraformモジュールは、なぜ「魔境」化するのか
Avatar for hayama hayama17
2
220
AIを「創る」と「使う」の循環 — HRテックが実践するリアルなAI組織実装
Avatar for Taketo Sasaki taketo957
0
1.7k
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
250
生成 AI × MCP で切り拓く次世代 SRE！自律型運用への挑戦と開発者体験の進化
Avatar for _awache _awache
0
170
非エンジニアがClaudeと挑んだ「1ヶ月間プロダクト30本ノック」
Avatar for kinako askokc
0
130
チームで実践する AI-DLC 思考の軌跡を残すチェックポイント設計
Avatar for Belong inc. belongadmin
0
3k
10倍の生産性を実現するAI駆動並列エージェントのすべて
Avatar for 熊井悠 kumaiu
4
980

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.7k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
220
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
550
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
55k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
400
Design in an AI World
Avatar for tapps tapps
1
230

Transcript

  1. First steps with Vue.js @frontend_3

  2. Progressive framework Scale up / Scale down Reactive Virtual DOM

    Native rendering Inspired by Angular 1 The new Angular 2

  3. Declarative rendering

  4. None
  5. None

  6. Directive

  7. Directives

  8. Conditionals

  9. Loops

  10. Events

  11. Two ways Data Binding

  12. None

  13. Components

  14. None

  15. Single file

  16. None

  17. Lifecycle

  18. None

  19. Installation

  20. None

  21. Runtime only build vs Standalone

  22. Runtime only build Doesn’t support template

  23. Runtime only build Use when you’re working with single files

  24. https://github.com/frontend-3/vue.js-examples