SlideShare a Scribd company logo

Up and Running Quickly with Vue.js

Download as PPTX, PDF
B
Burton Smith

This document provides an introduction to Vue.js, including why to use Vue, some references to get started, and an overview of what will be covered in the talk. The speaker recommends Vue for its speed, as a progressive framework that scales from a library to full framework, and for its small file size and learning curve. Frameworks mentioned include Vue, Vue Router, and Vuex. The talk will cover getting started, using Vue as a library and with CLI/UI, and as a framework.

Software
Related topics:
Web Development
1 of 21
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Up and Running Quickly With Burton Smith burton@breakstuff.io @stuffbreaker
A Bit About Me…
A Bit About Me…
A Bit More About Me…
How the world was…
Then in 2006…
Now…
The BIG Question… VSVS
My Goal…
Why Vue.js? • It’s fast! • Progressive Framework • An incrementally adoptable ecosystem that scales between a library and a full-featured framework. • Key framework components: Vue Core, Vue-Router, Vuex • Component-Driven Architecture for maximizing code reuse • Very Performant– 20KB min + gzip • Very small Learning Curve • Great Documentation
Why Not Vue.js? • Not as popular • Other frameworks are backed by big companies • Vue-specific code (directives, etc.) • Lack of native/mobile app support
Some References to Get You Started • Vue.js Tutorials • https://vuejs.org/ • https://vuejsdevelopers.com/ • https://alligator.io/vuejs/ • Scotch.io tutorials • http://blog.rangle.io/tag/vue/ • Free video tutorials by Maximilian Schwarzmüller
More References • Server-Side Rendered (SSR) Vue.js • https://vuepress.vuejs.org/ • https://nuxtjs.org/ • Mobile development • https://weex.apache.org/guide/ • https://framework7.io/vue/ • https://nativescript-vue.org/ • https://onsen.io/vue/ • Ionic
Even More References • UI Frameworks • https://vuetifyjs.com/en/ • https://bootstrap-vue.js.org/ • https://www.telerik.com/kendo-vue-ui/getting-started/ • https://semantic-ui-vue.github.io/#/
If in need… Search “AWESOME VUE”
What we will cover… • Getting Started with Vue.js • Vue as a Library • Vue CLI and UI • Vue as a framework
Let’s Get Started!!! • Download https://github.com/break-stuff/ShameShopper • Grab Vue from CDN • Create Vue instance
Vue Instance
Binding
Events
Loops

More Related Content

PDF
10 Cool Things You Can Do with Widgets
drywallbmb
 
PPTX
Why it's not your host's fault
chadmow03
 
PPTX
Azure web sites
Aymeric Weinbach
 
PPTX
A word press site even your mother can use
Jerrett Farmer
 
PPTX
WordPress by a Dummy
Jerrett Farmer
 
PDF
Fixing and Updating jQuery with Olivier Buisard
jdaychi
 
PDF
jQuery vs Pure Javascript with Olivier Buisard
jdaychi
 
PPTX
How to build your first WordPress website
Andrew Davis
 
10 Cool Things You Can Do with Widgets
drywallbmb
 
Why it's not your host's fault
chadmow03
 
Azure web sites
Aymeric Weinbach
 
A word press site even your mother can use
Jerrett Farmer
 
WordPress by a Dummy
Jerrett Farmer
 
Fixing and Updating jQuery with Olivier Buisard
jdaychi
 
jQuery vs Pure Javascript with Olivier Buisard
jdaychi
 
How to build your first WordPress website
Andrew Davis
 

What's hot (19)

KEY
MWUG wp-myths
Mike Little
 
PDF
WordPress Multisite at Texas A&M AgriLife
Travis Ward
 
PDF
Node.js 101
FITC
 
PPTX
Word press for lazy people
Jerrett Farmer
 
PPTX
SPDY
gavinthirlwall
 
PDF
Tech talk on Tailwind CSS
Squareboat
 
PDF
wp
David Foster
 
PDF
Introduction to Wordpress CMS
Sushil Subedi
 
PPTX
A word press site even your mother can use
InMotion Hosting
 
PPTX
Word press for bloggers in Trinidad and Tobago
Imanuel Gittens
 
PPTX
What is VPS Hosting
VPS web hosting services
 
PPT
Sass: An Introduction
Gregory Borodaty
 
PDF
Exclusive WordPress Multisite Feature
WordSuccor
 
PDF
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Tieturi Oy
 
PPTX
Atd 2015 asp.net web hooks
NETMedia
 
PDF
Kawwa, a Markup Pattern Library
Angela Ricci
 
PPTX
20120621 creating rich, responsive display and editor
BIWUG
 
PDF
Tailwind CSS - KanpurJS
Naveen Kharwar
 
PPTX
WebMatrix
Kris van der Mast
 
MWUG wp-myths
Mike Little
 
WordPress Multisite at Texas A&M AgriLife
Travis Ward
 
Node.js 101
FITC
 
Word press for lazy people
Jerrett Farmer
 
SPDY
gavinthirlwall
 
Tech talk on Tailwind CSS
Squareboat
 
wp
David Foster
 
Introduction to Wordpress CMS
Sushil Subedi
 
A word press site even your mother can use
InMotion Hosting
 
Word press for bloggers in Trinidad and Tobago
Imanuel Gittens
 
What is VPS Hosting
VPS web hosting services
 
Sass: An Introduction
Gregory Borodaty
 
Exclusive WordPress Multisite Feature
WordSuccor
 
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Tieturi Oy
 
Atd 2015 asp.net web hooks
NETMedia
 
Kawwa, a Markup Pattern Library
Angela Ricci
 
20120621 creating rich, responsive display and editor
BIWUG
 
Tailwind CSS - KanpurJS
Naveen Kharwar
 
WebMatrix
Kris van der Mast
 
Ad

Similar to Up and Running Quickly with Vue.js (20)

PPTX
Getting started with Vue.js - CodeMash 2020
Burton Smith
 
PPTX
Why Choose Vue.js For Web Development Projects.pptx
Scala Code
 
PDF
Getting Started with Vue.js
Felicia O'Garro
 
PDF
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Katy Slemon
 
PDF
Vue.js
Jadson Santos
 
PDF
10 Businesses That Used Vue.js To Get To The Top.pdf
Moon Technolabs Pvt. Ltd.
 
PPTX
Vue.js LT
Natalie Ang
 
PPTX
[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology
DevDay Da Nang
 
PPTX
Introduction to Vue.js DevStaff Meetup 13.02
Paul Bele
 
PPTX
Basics of Vue.js 2019
Paul Bele
 
PDF
Vue js and Vue Material
Eueung Mulyana
 
PDF
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
Ortus Solutions, Corp
 
PPTX
Vue Introduction
Elad Gasner
 
PPTX
Getting Started with Vuejs
Tarandeep Singh
 
PDF
VueJS Introduction
David Ličen
 
PPTX
VueJs Workshop
Unfold UI
 
PDF
Vue.js - An Introduction
saadulde
 
PDF
Love at first Vue
Dalibor Gogic
 
PDF
Benefits of vue.js technology for business
9 series
 
PPTX
Introduction to VueJS for begginers with examples | Namspace IT
namespaceit
 
Getting started with Vue.js - CodeMash 2020
Burton Smith
 
Why Choose Vue.js For Web Development Projects.pptx
Scala Code
 
Getting Started with Vue.js
Felicia O'Garro
 
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Katy Slemon
 
Vue.js
Jadson Santos
 
10 Businesses That Used Vue.js To Get To The Top.pdf
Moon Technolabs Pvt. Ltd.
 
Vue.js LT
Natalie Ang
 
[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology
DevDay Da Nang
 
Introduction to Vue.js DevStaff Meetup 13.02
Paul Bele
 
Basics of Vue.js 2019
Paul Bele
 
Vue js and Vue Material
Eueung Mulyana
 
ITB2019 ColdBox APIs + VueJS - powering Mobile, Desktop and Web Apps with 1 V...
Ortus Solutions, Corp
 
Vue Introduction
Elad Gasner
 
Getting Started with Vuejs
Tarandeep Singh
 
VueJS Introduction
David Ličen
 
VueJs Workshop
Unfold UI
 
Vue.js - An Introduction
saadulde
 
Love at first Vue
Dalibor Gogic
 
Benefits of vue.js technology for business
9 series
 
Introduction to VueJS for begginers with examples | Namspace IT
namespaceit
 
Ad

More from Burton Smith (6)

PPTX
Using Web Components like a Boss (web dev)
Burton Smith
 
PPTX
web_components_workshop.pptx
Burton Smith
 
PPTX
Front-End Columbus - Design Systems
Burton Smith
 
PPTX
Building Design Systems - Columbus Web Group
Burton Smith
 
PPTX
Building Design Systems
Burton Smith
 
PPTX
Design systems
Burton Smith
 
Using Web Components like a Boss (web dev)
Burton Smith
 
web_components_workshop.pptx
Burton Smith
 
Front-End Columbus - Design Systems
Burton Smith
 
Building Design Systems - Columbus Web Group
Burton Smith
 
Building Design Systems
Burton Smith
 
Design systems
Burton Smith
 

Recently uploaded (20)

PPTX
Reimagine Home Health with the Power of Agentic AI​
AutomationEdge Technologies
 
PDF
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
Actowiz Solustions
 
PDF
Understanding Forklifts - TECH EHS Solution
TECH EHS Solution
 
PDF
Nekopoi APK 2025 free lastest update
umarali35kp
 
PDF
System and Network Administraation Chapter 3
jaramharo
 
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
skmiani786
 
PPTX
Introduction to Artificial Intelligence
lohedi9363
 
PDF
Which alternative to Crystal Reports is best for small or large businesses.pdf
Varsha Nayak
 
PDF
Upgrade and Innovation Strategies for SAP ERP Customers
Virendra Rai, PMP
 
PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
TechBuilder
 
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
deepakkhaitan3
 
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
IT IDOL Technologies
 
PDF
System and Network Administration Chapter 2
jaramharo
 
PPTX
ai tools demonstartion for schools and inter college
harshavardhanreddyka11
 
PPTX
Computer Software and OS of computer science of grade 11.pptx
GauravDahal9
 
PPT
Introduction Database Management System for Course Database
ReinertYosua
 
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 41
ghrom2211g
 
PPTX
L1 - Introduction to python Backend.pptx
MoizAhmed480282
 
PPTX
VVF-Customer-Presentation2025-Ver1.9.pptx
blackmambaettijean
 
PDF
Digital Systems & Binary Numbers (comprehensive )
fyfhqfhtv2
 
Reimagine Home Health with the Power of Agentic AI​
AutomationEdge Technologies
 
Raksha Bandhan Grocery Pricing Trends in India 2025.pdf
Actowiz Solustions
 
Understanding Forklifts - TECH EHS Solution
TECH EHS Solution
 
Nekopoi APK 2025 free lastest update
umarali35kp
 
System and Network Administraation Chapter 3
jaramharo
 
wealthsignaloriginal-com-DS-text-... (1).pdf
skmiani786
 
Introduction to Artificial Intelligence
lohedi9363
 
Which alternative to Crystal Reports is best for small or large businesses.pdf
Varsha Nayak
 
Upgrade and Innovation Strategies for SAP ERP Customers
Virendra Rai, PMP
 
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
TechBuilder
 
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
deepakkhaitan3
 
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
IT IDOL Technologies
 
System and Network Administration Chapter 2
jaramharo
 
ai tools demonstartion for schools and inter college
harshavardhanreddyka11
 
Computer Software and OS of computer science of grade 11.pptx
GauravDahal9
 
Introduction Database Management System for Course Database
ReinertYosua
 
Internet Downloader Manager (IDM) Crack 6.42 Build 41
ghrom2211g
 
L1 - Introduction to python Backend.pptx
MoizAhmed480282
 
VVF-Customer-Presentation2025-Ver1.9.pptx
blackmambaettijean
 
Digital Systems & Binary Numbers (comprehensive )
fyfhqfhtv2
 

Up and Running Quickly with Vue.js

  • 1. Up and Running Quickly With Burton Smith [email protected] @stuffbreaker
  • 2. A Bit About Me…
  • 3. A Bit About Me…
  • 4. A Bit More About Me…
  • 5. How the world was…
  • 10. Why Vue.js? • It’s fast! • Progressive Framework • An incrementally adoptable ecosystem that scales between a library and a full-featured framework. • Key framework components: Vue Core, Vue-Router, Vuex • Component-Driven Architecture for maximizing code reuse • Very Performant– 20KB min + gzip • Very small Learning Curve • Great Documentation
  • 11. Why Not Vue.js? • Not as popular • Other frameworks are backed by big companies • Vue-specific code (directives, etc.) • Lack of native/mobile app support
  • 12. Some References to Get You Started • Vue.js Tutorials • https://vuejs.org/ • https://vuejsdevelopers.com/ • https://alligator.io/vuejs/ • Scotch.io tutorials • http://blog.rangle.io/tag/vue/ • Free video tutorials by Maximilian Schwarzmüller
  • 13. More References • Server-Side Rendered (SSR) Vue.js • https://vuepress.vuejs.org/ • https://nuxtjs.org/ • Mobile development • https://weex.apache.org/guide/ • https://framework7.io/vue/ • https://nativescript-vue.org/ • https://onsen.io/vue/ • Ionic
  • 14. Even More References • UI Frameworks • https://vuetifyjs.com/en/ • https://bootstrap-vue.js.org/ • https://www.telerik.com/kendo-vue-ui/getting-started/ • https://semantic-ui-vue.github.io/#/
  • 15. If in need… Search “AWESOME VUE”
  • 16. What we will cover… • Getting Started with Vue.js • Vue as a Library • Vue CLI and UI • Vue as a framework
  • 17. Let’s Get Started!!! • Download https://github.com/break-stuff/ShameShopper • Grab Vue from CDN • Create Vue instance
  • 21. Loops