Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Shawn Wildermuth
Microsoft MVP, Author, and Speaker
https://wildermuth.com
@shawnwildermuth
Getting Started with Vue
Who Am I?
Author, Instructor, Coach
Pluralsight Author
> 20 Courses to my name
http://shawnw.me/psauthor
Wilder Minds Trai...
What is a SPA?
Single Page Application
Typically monolithic enterprise app
Can be consumer facing
Wants to replace web nav...
Should
Everything be
a SPA?
Typically Overused
SPA is great for forms over data
SPA is great for dashboards
Crowbarring a ...
What is Vue?
Simple and Minimal
Incremental so can scale up
Just JavaScript
Great for when a full SPA is too much
But can ...
Am I Here to Bash
Angular or React?
Anatomy of an App
Your Code
JSX Compiler
Babel
Webpack
Your Code
AOT Compiler
Webpack
Browser Ready Code Browser Ready Cod...
Vue’s
Philosophy
Vue scales up
Goal is to only do what it’s good at
Doesn’t do:
Networking
Validation
Routing
But has reco...
Vue
Supports
Declarative Rendering
Component-based Composition
One and Two-way Binding
Single-File Components
Plugins, Mix...
Demo
Basic Binding
Demo
Event Handling
Demo
List Binding
Demo
Form Binding
Demo
Components
Demo
Network Requests
Demo
Validation
Demo
Vue CLI
Takeaways Get It:
http://vuejs.org
My Blog (for this demo):
http://wildermuth.com
Nächste SlideShare
Wird geladen in …5
×

Getting Started with Vue

267 Aufrufe

Veröffentlicht am

From the Atlanta .NET Users' Group presentation on Vue.js and where it fits into the ecosystem.

Veröffentlicht in: Technologie
  • ➤➤ 3 Reasons Why You Shouldn't take Pills for ED (important) ★★★ https://tinyurl.com/rockhardxx
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Gehören Sie zu den Ersten, denen das gefällt!

Getting Started with Vue

  1. 1. Shawn Wildermuth Microsoft MVP, Author, and Speaker https://wildermuth.com @shawnwildermuth Getting Started with Vue
  2. 2. Who Am I? Author, Instructor, Coach Pluralsight Author > 20 Courses to my name http://shawnw.me/psauthor Wilder Minds Training Courses on Vue, Bootstrap 4 & Font Awesome http://shawnw.me/my-courses Making a Film Hello World Film http://helloworldfilm.com
  3. 3. What is a SPA? Single Page Application Typically monolithic enterprise app Can be consumer facing Wants to replace web navigation Wants to centralize services
  4. 4. Should Everything be a SPA? Typically Overused SPA is great for forms over data SPA is great for dashboards Crowbarring a SPA into web *sites* is silly
  5. 5. What is Vue? Simple and Minimal Incremental so can scale up Just JavaScript Great for when a full SPA is too much But can scale up to a big SPA
  6. 6. Am I Here to Bash Angular or React?
  7. 7. Anatomy of an App Your Code JSX Compiler Babel Webpack Your Code AOT Compiler Webpack Browser Ready Code Browser Ready Code Your Code Browser Ready Code TypeScript/ES6 Compiler Webpack Optional React Angular Vue
  8. 8. Vue’s Philosophy Vue scales up Goal is to only do what it’s good at Doesn’t do: Networking Validation Routing But has recommended Extensions Networking: axios Validation: vee-validate Routing: vue-router
  9. 9. Vue Supports Declarative Rendering Component-based Composition One and Two-way Binding Single-File Components Plugins, Mixins, and Filters Big Ecosystem
  10. 10. Demo Basic Binding
  11. 11. Demo Event Handling
  12. 12. Demo List Binding
  13. 13. Demo Form Binding
  14. 14. Demo Components
  15. 15. Demo Network Requests
  16. 16. Demo Validation
  17. 17. Demo Vue CLI
  18. 18. Takeaways Get It: http://vuejs.org My Blog (for this demo): http://wildermuth.com

×