Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology

36 views

Published on

In this topic he'll talk about Vue.js - the most popular Javascript Framework for front-end development. This topic will help the audiences have a basic knowledge about Vue.js and how to start and master it faster.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

[DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology

  1. 1. Hello “I am Cuong V.Nguyen Currently, I’m working as a full stack developer and a team leader at MTI Technology Danang About Me
  2. 2. AN OCI PRESENTATION 2020 2 SUBSIDARY OF NO. 1 CONTENT MOBILE APPLICATIONS IN JAPAN MTI TECHNOLOGY CO., LTD DA NANG BRANCH FINTECH ATHLETIC HEALTHCARE HEALTHCARE
  3. 3. What I Would Like To Share With You Today Vue.js – JavaScript Framework Source: https://vuejs.org
  4. 4. We’ll go through 1. What's Vue.js 2. Why Vue.js 3. What's Vue CLI 4. Install 5. Demo 6. Deployment Basic knowledge about Vue.js Environment Development Deployment
  5. 5. What's Vue.js? • Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. • Vue is also perfectly capable of powering sophisticated Single-Page Applications 1 Source: https://vuejs.org/v2/guide/ Vue.js – JavaScript Framework
  6. 6. Framework for building user interfaces. Angular React Vue.js What's Vue.js 1 Source: https://www.sitepen.com/blog/web-frameworks-user-interface-development/
  7. 7. Single-Page Applications What's Vue.js 1 Source: https://msdn.microsoft.com/en-us/magazine/dn463786.aspx
  8. 8. Why Vue.js? 2 Source: https://medium.com/@designforsustainability/the-why-will-guide-the-what-and-the-how-11523af97cf6 • Performance • Support • Document • Job
  9. 9. Why Vue.js? 2 Source: https://medium.com/@designforsustainability/the-why-will-guide-the-what-and-the-how-11523af97cf6 Vue was developed by ex-Google employee Evan You in 2014. First release in February 2014 Latest version 2.6.8 / March 1, 2019 MIT License Feb 2014 Evan You May 2014 Facebook Otc 2010 Google
  10. 10. Why Vue.js 2 Source: https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8 Performance
  11. 11. Why Vue.js 2 Source: https://www.codeinwp.com/blog/angular-vs-vue-vs-react/ Support
  12. 12. Why Vue.js 2 Source: https://vuejs.org Document https://vuejs.org/v2/guide/ https://vi.vuejs.org/v2/guide/index.html  Detailed documents.  Easy to learn  Meets all things you need
  13. 13. Why Vue.js 2 Companies that use Vue.js
  14. 14. Why Vue.js 2 Source: https://www.itjobswatch.co.uk/jobs/uk/vue.js.do Job
  15. 15. What's Vue CLI (Standard Tooling for Vue.js Development) 3 Source: https://vuejs.org/v2/guide/ • Vue provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow
  16. 16. What's Vue CLI (Standard Tooling for Vue.js Development) 3 Source: https://vuejs.org/v2/guide/ 1) Basic folder structure 2) Basic workflow 3) Configuration 4) Manage plugins, dependences 5) Provide services (run dev, build production… ) 6) etc...
  17. 17. Install 4 https://cli.vuejs.org/guide/installation.html
  18. 18. Hello Vue.js 5 Create a new project
  19. 19. Hello Vue.js 5 Create a new project
  20. 20. Hello Vue.js 5 Create a new project
  21. 21. Hello Vue.js 5 Run project
  22. 22. Demonstration
  23. 23. API Server Detail Page Router V-for V-if v-show Axios post Axios get
  24. 24. Deployment 11
  25. 25. http://hinhnenppt.com/tuyen-tap-30-hinh-nen-powerpoint-cam-on-cuoi-slide-tuyet-dep.html

×