O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Enhancing Websites with Vue.js

61 visualizações

Publicada em

Talk from my talk at DotNetSouth

Publicada em: Tecnologia
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Enhancing Websites with Vue.js

  1. 1. Shawn Wildermuth Microsoft MVP, Author, and Speaker https://wildermuth.com @shawnwildermuth Enhancing Web Pages with VueJS When You Don’t Need a full SPA
  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. 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
  7. 7. Demo Let’s Write Some Code
  8. 8. Demo Using the CLI
  9. 9. Takeaways Get It: http://vuejs.org My Blog (for this demo): http://wildermuth.com

×