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
1 of 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

Recommended

10 Cool Things You Can Do with Widgets
10 Cool Things You Can Do with Widgets10 Cool Things You Can Do with Widgets
10 Cool Things You Can Do with Widgets
drywallbmb
 
Why it's not your host's fault
Why it's not your host's faultWhy it's not your host's fault
Why it's not your host's fault
chadmow03
 
Azure web sites
Azure web sitesAzure web sites
Azure web sitesAymeric Weinbach
 
A word press site even your mother can use
A word press site even your mother can useA word press site even your mother can use
A word press site even your mother can use
Jerrett Farmer
 
WordPress by a Dummy
WordPress by a DummyWordPress by a Dummy
WordPress by a Dummy
Jerrett Farmer
 
Fixing and Updating jQuery with Olivier Buisard
Fixing and Updating jQuery with Olivier BuisardFixing and Updating jQuery with Olivier Buisard
Fixing and Updating jQuery with Olivier Buisard
jdaychi
 
jQuery vs Pure Javascript with Olivier Buisard
jQuery vs Pure Javascript with Olivier BuisardjQuery vs Pure Javascript with Olivier Buisard
jQuery vs Pure Javascript with Olivier Buisard
jdaychi
 
How to build your first WordPress website
How to build your first WordPress websiteHow to build your first WordPress website
How to build your first WordPress websiteAndrew Davis
 

Recommended

10 Cool Things You Can Do with Widgets
10 Cool Things You Can Do with Widgets10 Cool Things You Can Do with Widgets
10 Cool Things You Can Do with Widgets
drywallbmb
 
Why it's not your host's fault
Why it's not your host's faultWhy it's not your host's fault
Why it's not your host's fault
chadmow03
 
Azure web sites
Azure web sitesAzure web sites
Azure web sitesAymeric Weinbach
 
A word press site even your mother can use
A word press site even your mother can useA word press site even your mother can use
A word press site even your mother can use
Jerrett Farmer
 
WordPress by a Dummy
WordPress by a DummyWordPress by a Dummy
WordPress by a Dummy
Jerrett Farmer
 
Fixing and Updating jQuery with Olivier Buisard
Fixing and Updating jQuery with Olivier BuisardFixing and Updating jQuery with Olivier Buisard
Fixing and Updating jQuery with Olivier Buisard
jdaychi
 
jQuery vs Pure Javascript with Olivier Buisard
jQuery vs Pure Javascript with Olivier BuisardjQuery vs Pure Javascript with Olivier Buisard
jQuery vs Pure Javascript with Olivier Buisard
jdaychi
 
How to build your first WordPress website
How to build your first WordPress websiteHow to build your first WordPress website
How to build your first WordPress websiteAndrew Davis
 
MWUG wp-myths
MWUG wp-mythsMWUG wp-myths
MWUG wp-myths
Mike Little
 
WordPress Multisite at Texas A&M AgriLife
WordPress Multisite at Texas A&M AgriLifeWordPress Multisite at Texas A&M AgriLife
WordPress Multisite at Texas A&M AgriLife
Travis Ward
 
Node.js 101
Node.js 101 Node.js 101
Node.js 101
FITC
 
Word press for lazy people
Word press for lazy peopleWord press for lazy people
Word press for lazy people
Jerrett Farmer
 
SPDY
SPDYSPDY
SPDY
gavinthirlwall
 
Tech talk on Tailwind CSS
Tech talk on Tailwind CSSTech talk on Tailwind CSS
Tech talk on Tailwind CSS
Squareboat
 
wp
wpwp
wp
David Foster
 
Introduction to Wordpress CMS
Introduction to Wordpress CMSIntroduction to Wordpress CMS
Introduction to Wordpress CMS
Sushil Subedi
 
A word press site even your mother can use
A word press site even your mother can useA word press site even your mother can use
A word press site even your mother can use
InMotion Hosting
 
Word press for bloggers in Trinidad and Tobago
Word press for bloggers in Trinidad and TobagoWord press for bloggers in Trinidad and Tobago
Word press for bloggers in Trinidad and Tobago
Imanuel Gittens
 
What is VPS Hosting
What is VPS HostingWhat is VPS Hosting
What is VPS Hosting
VPS web hosting services
 
Sass: An Introduction
Sass: An IntroductionSass: An Introduction
Sass: An Introduction
Gregory Borodaty
 
Exclusive WordPress Multisite Feature
Exclusive WordPress Multisite FeatureExclusive WordPress Multisite Feature
Exclusive WordPress Multisite Feature
WordSuccor
 
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript DevelopereilleSpirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript DevelopereilleTieturi Oy
 
Atd 2015 asp.net web hooks
Atd 2015 asp.net web hooksAtd 2015 asp.net web hooks
Atd 2015 asp.net web hooks
NETMedia
 
Kawwa, a Markup Pattern Library
Kawwa, a Markup Pattern LibraryKawwa, a Markup Pattern Library
Kawwa, a Markup Pattern Library
Angela Ricci
 
20120621 creating rich, responsive display and editor
20120621 creating rich, responsive display and editor20120621 creating rich, responsive display and editor
20120621 creating rich, responsive display and editor
BIWUG
 
Tailwind CSS - KanpurJS
Tailwind CSS - KanpurJSTailwind CSS - KanpurJS
Tailwind CSS - KanpurJS
Naveen Kharwar
 
WebMatrix
WebMatrixWebMatrix
WebMatrix
Kris van der Mast
 
Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020
Burton Smith
 
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
Dave Wallace
 
Single Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebSingle Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebChris Canal
 

More Related Content

What's hot

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

What's hot (19)

MWUG wp-myths
MWUG wp-mythsMWUG wp-myths
MWUG wp-myths
 
WordPress Multisite at Texas A&M AgriLife
WordPress Multisite at Texas A&M AgriLifeWordPress Multisite at Texas A&M AgriLife
WordPress Multisite at Texas A&M AgriLife
 
Node.js 101
Node.js 101 Node.js 101
Node.js 101
 
Word press for lazy people
Word press for lazy peopleWord press for lazy people
Word press for lazy people
 
SPDY
SPDYSPDY
SPDY
 
Tech talk on Tailwind CSS
Tech talk on Tailwind CSSTech talk on Tailwind CSS
Tech talk on Tailwind CSS
 
wp
wpwp
wp
 
Introduction to Wordpress CMS
Introduction to Wordpress CMSIntroduction to Wordpress CMS
Introduction to Wordpress CMS
 
A word press site even your mother can use
A word press site even your mother can useA word press site even your mother can use
A word press site even your mother can use
 
Word press for bloggers in Trinidad and Tobago
Word press for bloggers in Trinidad and TobagoWord press for bloggers in Trinidad and Tobago
Word press for bloggers in Trinidad and Tobago
 
What is VPS Hosting
What is VPS HostingWhat is VPS Hosting
What is VPS Hosting
 
Sass: An Introduction
Sass: An IntroductionSass: An Introduction
Sass: An Introduction
 
Exclusive WordPress Multisite Feature
Exclusive WordPress Multisite FeatureExclusive WordPress Multisite Feature
Exclusive WordPress Multisite Feature
 
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript DevelopereilleSpirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
Spirit-teknologiapäivät Petri Niemi HTML5 & JavaScript Developereille
 
Atd 2015 asp.net web hooks
Atd 2015 asp.net web hooksAtd 2015 asp.net web hooks
Atd 2015 asp.net web hooks
 
Kawwa, a Markup Pattern Library
Kawwa, a Markup Pattern LibraryKawwa, a Markup Pattern Library
Kawwa, a Markup Pattern Library
 
20120621 creating rich, responsive display and editor
20120621 creating rich, responsive display and editor20120621 creating rich, responsive display and editor
20120621 creating rich, responsive display and editor
 
Tailwind CSS - KanpurJS
Tailwind CSS - KanpurJSTailwind CSS - KanpurJS
Tailwind CSS - KanpurJS
 
WebMatrix
WebMatrixWebMatrix
WebMatrix
 

Similar to Up and Running Quickly with Vue.js

Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020
Burton Smith
 
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
Dave Wallace
 
Single Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebSingle Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebChris Canal
 
FITC - Bootstrap Unleashed
FITC - Bootstrap UnleashedFITC - Bootstrap Unleashed
FITC - Bootstrap Unleashed
Rami Sayar
 
WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016
jancbeck
 
Static Site Generators - Developing Websites in Low-resource Condition
Static Site Generators - Developing Websites in Low-resource ConditionStatic Site Generators - Developing Websites in Low-resource Condition
Static Site Generators - Developing Websites in Low-resource Condition
IWMW
 
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
Guust Nieuwenhuis
 
Mihai tataran developing modern web applications
Mihai tataran developing modern web applicationsMihai tataran developing modern web applications
Mihai tataran developing modern web applications
ITCamp
 
Vincent biret azure functions and flow (ottawa)
Vincent biret azure functions and flow (ottawa)Vincent biret azure functions and flow (ottawa)
Vincent biret azure functions and flow (ottawa)
Vincent Biret
 
Vincent biret azure functions and flow (toronto)
Vincent biret azure functions and flow (toronto)Vincent biret azure functions and flow (toronto)
Vincent biret azure functions and flow (toronto)
Vincent Biret
 
SDOs as de facto do-ocracies — how standards are really made
SDOs as de facto do-ocracies — how standards are really madeSDOs as de facto do-ocracies — how standards are really made
SDOs as de facto do-ocracies — how standards are really made
Tobie Langel
 
Cvcc performance tuning
Cvcc performance tuningCvcc performance tuning
Cvcc performance tuning
John McCaffrey
 
Cloud and Windows Azure
Cloud and Windows AzureCloud and Windows Azure
Cloud and Windows AzureRadu Vunvulea
 
Microservices in Azure
Microservices in AzureMicroservices in Azure
Microservices in Azure
Doug Vanderweide
 
BITM3730 11-8.pptx
BITM3730 11-8.pptxBITM3730 11-8.pptx
BITM3730 11-8.pptx
MattMarino13
 
My personal story from azure it pro to azure dev ops
My personal story from azure it pro to azure dev opsMy personal story from azure it pro to azure dev ops
My personal story from azure it pro to azure dev ops
nj-azure
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperPearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Ofer Zelig
 
Laug Mootools And Common Js
Laug Mootools And Common JsLaug Mootools And Common Js
Laug Mootools And Common JsSkills Matter
 
Streams API (Web Engines Hackfest 2015)
Streams API (Web Engines Hackfest 2015)Streams API (Web Engines Hackfest 2015)
Streams API (Web Engines Hackfest 2015)
Igalia
 
Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...
Krishna-Kumar
 

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

Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020Getting started with Vue.js - CodeMash 2020
Getting started with Vue.js - CodeMash 2020
 
Cms & wordpress theme development 2011
Cms & wordpress theme development 2011Cms & wordpress theme development 2011
Cms & wordpress theme development 2011
 
Single Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.WebSingle Page Application Development with backbone.js and Simple.Web
Single Page Application Development with backbone.js and Simple.Web
 
FITC - Bootstrap Unleashed
FITC - Bootstrap UnleashedFITC - Bootstrap Unleashed
FITC - Bootstrap Unleashed
 
WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016WordPress Theme Performance - WP Vienna meetup 8.6.2016
WordPress Theme Performance - WP Vienna meetup 8.6.2016
 
Static Site Generators - Developing Websites in Low-resource Condition
Static Site Generators - Developing Websites in Low-resource ConditionStatic Site Generators - Developing Websites in Low-resource Condition
Static Site Generators - Developing Websites in Low-resource Condition
 
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
Ready? Bootstrap! Go! (CFUG Belgium 24 04-2012)
 
Mihai tataran developing modern web applications
Mihai tataran developing modern web applicationsMihai tataran developing modern web applications
Mihai tataran developing modern web applications
 
Vincent biret azure functions and flow (ottawa)
Vincent biret azure functions and flow (ottawa)Vincent biret azure functions and flow (ottawa)
Vincent biret azure functions and flow (ottawa)
 
Vincent biret azure functions and flow (toronto)
Vincent biret azure functions and flow (toronto)Vincent biret azure functions and flow (toronto)
Vincent biret azure functions and flow (toronto)
 
SDOs as de facto do-ocracies — how standards are really made
SDOs as de facto do-ocracies — how standards are really madeSDOs as de facto do-ocracies — how standards are really made
SDOs as de facto do-ocracies — how standards are really made
 
Cvcc performance tuning
Cvcc performance tuningCvcc performance tuning
Cvcc performance tuning
 
Cloud and Windows Azure
Cloud and Windows AzureCloud and Windows Azure
Cloud and Windows Azure
 
Microservices in Azure
Microservices in AzureMicroservices in Azure
Microservices in Azure
 
BITM3730 11-8.pptx
BITM3730 11-8.pptxBITM3730 11-8.pptx
BITM3730 11-8.pptx
 
My personal story from azure it pro to azure dev ops
My personal story from azure it pro to azure dev opsMy personal story from azure it pro to azure dev ops
My personal story from azure it pro to azure dev ops
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperPearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
 
Laug Mootools And Common Js
Laug Mootools And Common JsLaug Mootools And Common Js
Laug Mootools And Common Js
 
Streams API (Web Engines Hackfest 2015)
Streams API (Web Engines Hackfest 2015)Streams API (Web Engines Hackfest 2015)
Streams API (Web Engines Hackfest 2015)
 
Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...Create great cncf user base from lessons learned from other open source com...
Create great cncf user base from lessons learned from other open source com...
 

Recently uploaded

Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Globus
 
Top 7 Unique WhatsApp API Benefits | Saudi Arabia
Top 7 Unique WhatsApp API Benefits | Saudi ArabiaTop 7 Unique WhatsApp API Benefits | Saudi Arabia
Top 7 Unique WhatsApp API Benefits | Saudi Arabia
Yara Milbes
 
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket ManagementUtilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
Utilocate
 
Introduction to Pygame (Lecture 7 Python Game Development)
Introduction to Pygame (Lecture 7 Python Game Development)Introduction to Pygame (Lecture 7 Python Game Development)
Introduction to Pygame (Lecture 7 Python Game Development)
abdulrafaychaudhry
 
Understanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSageUnderstanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSage
Globus
 
Enterprise Software Development with No Code Solutions.pptx
Enterprise Software Development with No Code Solutions.pptxEnterprise Software Development with No Code Solutions.pptx
Enterprise Software Development with No Code Solutions.pptx
QuickwayInfoSystems3
 
2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx
Georgi Kodinov
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
Google
 
How to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good PracticesHow to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good Practices
Globus
 
Enhancing Research Orchestration Capabilities at ORNL.pdf
Enhancing Research Orchestration Capabilities at ORNL.pdfEnhancing Research Orchestration Capabilities at ORNL.pdf
Enhancing Research Orchestration Capabilities at ORNL.pdf
Globus
 
Cyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdfCyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdf
Cyanic lab
 
Graphic Design Crash Course for beginners
Graphic Design Crash Course for beginnersGraphic Design Crash Course for beginners
Graphic Design Crash Course for beginners
e20449
 
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Globus
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
Neo4j
 
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, BetterWebinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
XfilesPro
 
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
informapgpstrackings
 
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
Globus
 
A Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of PassageA Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of Passage
Philip Schwarz
 
Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
Donna Lenk
 
Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024
Globus
 

Recently uploaded (20)

Providing Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data AnalysisProviding Globus Services to Users of JASMIN for Environmental Data Analysis
Providing Globus Services to Users of JASMIN for Environmental Data Analysis
 
Top 7 Unique WhatsApp API Benefits | Saudi Arabia
Top 7 Unique WhatsApp API Benefits | Saudi ArabiaTop 7 Unique WhatsApp API Benefits | Saudi Arabia
Top 7 Unique WhatsApp API Benefits | Saudi Arabia
 
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket ManagementUtilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
Utilocate provides Smarter, Better, Faster, Safer Locate Ticket Management
 
Introduction to Pygame (Lecture 7 Python Game Development)
Introduction to Pygame (Lecture 7 Python Game Development)Introduction to Pygame (Lecture 7 Python Game Development)
Introduction to Pygame (Lecture 7 Python Game Development)
 
Understanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSageUnderstanding Globus Data Transfers with NetSage
Understanding Globus Data Transfers with NetSage
 
Enterprise Software Development with No Code Solutions.pptx
Enterprise Software Development with No Code Solutions.pptxEnterprise Software Development with No Code Solutions.pptx
Enterprise Software Development with No Code Solutions.pptx
 
2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx2024 RoOUG Security model for the cloud.pptx
2024 RoOUG Security model for the cloud.pptx
 
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing SuiteAI Pilot Review: The World’s First Virtual Assistant Marketing Suite
AI Pilot Review: The World’s First Virtual Assistant Marketing Suite
 
How to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good PracticesHow to Position Your Globus Data Portal for Success Ten Good Practices
How to Position Your Globus Data Portal for Success Ten Good Practices
 
Enhancing Research Orchestration Capabilities at ORNL.pdf
Enhancing Research Orchestration Capabilities at ORNL.pdfEnhancing Research Orchestration Capabilities at ORNL.pdf
Enhancing Research Orchestration Capabilities at ORNL.pdf
 
Cyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdfCyaniclab : Software Development Agency Portfolio.pdf
Cyaniclab : Software Development Agency Portfolio.pdf
 
Graphic Design Crash Course for beginners
Graphic Design Crash Course for beginnersGraphic Design Crash Course for beginners
Graphic Design Crash Course for beginners
 
Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...Developing Distributed High-performance Computing Capabilities of an Open Sci...
Developing Distributed High-performance Computing Capabilities of an Open Sci...
 
GraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph TechnologyGraphSummit Paris - The art of the possible with Graph Technology
GraphSummit Paris - The art of the possible with Graph Technology
 
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, BetterWebinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
Webinar: Salesforce Document Management 2.0 - Smarter, Faster, Better
 
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
Field Employee Tracking System| MiTrack App| Best Employee Tracking Solution|...
 
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
Innovating Inference - Remote Triggering of Large Language Models on HPC Clus...
 
A Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of PassageA Sighting of filterA in Typelevel Rite of Passage
A Sighting of filterA in Typelevel Rite of Passage
 
Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"Navigating the Metaverse: A Journey into Virtual Evolution"
Navigating the Metaverse: A Journey into Virtual Evolution"
 
Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024Globus Compute Introduction - GlobusWorld 2024
Globus Compute Introduction - GlobusWorld 2024
 

Up and Running Quickly with Vue.js

  • 1. Up and Running Quickly With Burton Smith burton@breakstuff.io @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