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

•

1 recomendación•189 vistas

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.

Tecnología

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

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

What I Would Like To Share With You Today
Vue.js – JavaScript Framework
Source: https://vuejs.org

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

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

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/

Single-Page Applications
What's Vue.js
1
Source: https://msdn.microsoft.com/en-us/magazine/dn463786.aspx

Why Vue.js?
2
Source: https://medium.com/@designforsustainability/the-why-will-guide-the-what-and-the-how-11523af97cf6
• Performance
• Support
• Document
• Job

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

Why Vue.js
2
Source: https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8
Performance

Why Vue.js
2
Source: https://www.codeinwp.com/blog/angular-vs-vue-vs-react/
Support

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

Why Vue.js
2
Source: https://www.itjobswatch.co.uk/jobs/uk/vue.js.do
Job

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

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...

Install
4
https://cli.vuejs.org/guide/installation.html

API
Server
Detail Page
Router
V-for
V-if
v-show
Axios
post
Axios
get

http://hinhnenppt.com/tuyen-tap-30-hinh-nen-powerpoint-cam-on-cuoi-slide-tuyet-dep.html

Más contenido relacionado

La actualidad más candente

Empower your business with joomla

OpenSource Technologies Pvt. Ltd.

Gregynog 2011

gregynog

Progresywny WordPress

WordCamp Polska

Single page applications with AngularJS

Remus Langu

Mdma

Firman Corpsed

Prototyping app using JS and HTML5 (Ciklum Kharkiv)

Yuriy Silvestrov

What is bootstrap

jabhijit1

Intro to Web Development from Bloc.io

Douglas Wright

sunil_updated_cv_new

Sunil Yadav

sunil_updated

sunil yadav

La actualidad más candente (10)

Empower your business with joomla

Gregynog 2011

Progresywny WordPress

Single page applications with AngularJS

Mdma

Prototyping app using JS and HTML5 (Ciklum Kharkiv)

What is bootstrap

Intro to Web Development from Bloc.io

sunil_updated_cv_new

sunil_updated

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

What is Vue.js in Software Development.docx.pdf

MPIRIC Software

Key Advantages of Vue.js in Web App Development.pdf

WDP Technologies

Nodejs tutorial

HarikaReddy115

12 amazing Reasons to Choose VueJS for Building Promising Web Applications

Windzoon Technologies

The meteoric rise of JavaScript in web development has been driven by incredibly powerful frameworks such as React, Angular, and Vue, allowing developers to quickly develop powerful and interactive digital products. Moreover, the Node.js technology revolution has enabled developers to create and host applications in the cloud, increasing access to a wider range of server-side programming languages.

Why Choose Vue.js For Web Development Projects.pptx

Scala Code

Vue js & vue cli 3 plugins to boost up the performance of your application

Katy Slemon

Platform Independent App design

Arnab Pradhan

Why do JavaScript enthusiast think of Vue.js for building real-time web appli...

Katy Slemon

React vs. vue which framework to select and when

Moon Technolabs Pvt. Ltd.

Angular.js vs. vue.js – which one is the better choice in 2022

Moon Technolabs Pvt. Ltd.

Asp Net Vs Vue JS Which One You Should Choose for Development.pdf

Integrated IT Solutions

Frameworks for the front-end development of apps have been constantly evolving throughout the last decade and dramatically so. Some of them have altered the sphere of front-end development profoundly. Angular.js and Vue.js are two of the most preferred frameworks of the present day and age. You can pick the right one only after comparing the two. Source: https://www.moontechnolabs.com/blog/angular-js-vs-vue-js-which-one-is-the-better-choice-in-2022/

When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...

Moon Technolabs Pvt. Ltd.

Vue.js is a modern JavaScript framework for building UI on the web. It managed to combine hipster virtual DOM approach with API well known to any Angular developer. Components, SSR, CLI, state management, dev tools and much more. Besides it has smallest footprint (23kb gziped) and provides great developer experience. Those are the reasons the community and the adoption was growing rapidly last year.We'll have an intro to vue.js API and usage.

Vuejs for Angular developers

Mikhail Kuznetcov

Workshop Report

lakshitha perera

Asp.net Vs Vue.js.pdf

Integrated IT Solutions

Progressive Web Apps(PWA)

Muhamad Fahriza Novriansyah

Web development nowadays is getting popular. Many company focus to develop their product in web application. Generally, web development divide into 2 parts, Backend & Frontend. Backend doesnt have improvement or new features too much after API technologies. But it is very different with frontend. There are lots of framework, tools, and approach in frontend area. Currently, there are 3 frontend technologies which get most attention both from Company and Developers. Those 3 are: Angular, React, and Vue. --- This article was presented in HongLeong Bank CoE Team at March, 2 2018

Frontend War: Angular vs React vs Vue

Marudi Subakti

Why Vue.js?

Jonathan Goode

React JS is a free and open-source front-end JavaScript toolkit for creating UI components-based user interfaces. React can be used to create single-page or mobile applications as a foundation. VueJS is a progressive JavaScript framework that may be used to create dynamic web interfaces. It’s one of the most well-known frameworks for web development. The view layer is the focus of VueJS. It may be seamlessly integrated into large projects for front-end development.

Is Vue catching up with React.pdf

Mindfire LLC

With the development of digital technologies in recent decades, there has been drastic change in the mode of communication and usages of digital accessories in our today lives . Development nowadays is full of compromises. Engineers are compelled to pick between either assembling the equivalent application on numerous occasions for different working frameworks, or to acknowledge a most reduced shared element arrangement that exchanges local speed and exactness for compactness. The main aim of the research paper is to analyze design, build and test mentors' view apps. In this application the mentor connects with the mentee. Mentor solves the problem of the mentee. In this application mentor and mentee , mentee and mentor both are connected with each other. Software has been developed as an interactive and collaborative learning aid. Flutter is an open source. SDK for making elite, high-devotion versatile applications for iOS and Android. Significant features of flutter are - Just-in-time compilation is a way of executing computer code that involves compilation during execution of a program at run time rather than prior to execution. The application is very easy to use. That tool could benefit students in general. The application does require internet connection. Each user will have their own database for profiles.

“Mentors View” Application

AI Publications

Similar a [DevDay2019] Vue.js - By Nguyen Viet Cuong, Engineer at MTI Technology (20)

What is Vue.js in Software Development.docx.pdf

Key Advantages of Vue.js in Web App Development.pdf

Nodejs tutorial

12 amazing Reasons to Choose VueJS for Building Promising Web Applications

Why Choose Vue.js For Web Development Projects.pptx

Vue js & vue cli 3 plugins to boost up the performance of your application

Platform Independent App design

Why do JavaScript enthusiast think of Vue.js for building real-time web appli...

React vs. vue which framework to select and when

Angular.js vs. vue.js – which one is the better choice in 2022

Asp Net Vs Vue JS Which One You Should Choose for Development.pdf

When It Comes Down To Choosing Between Angular OR React Framework For Your Ap...

Vuejs for Angular developers

Workshop Report

Asp.net Vs Vue.js.pdf

Progressive Web Apps(PWA)

Frontend War: Angular vs React vs Vue

Why Vue.js?

Is Vue catching up with React.pdf

“Mentors View” Application

Más de DevDay.org

Lean UX helps teams build the minimal product necessary to validate risky assumptions and minimize the time to market with the right product. On this lecture, Lean UX principles and its value to the product cycle will be introduced. Also, the methods and tools that will help you get feedback from users and learn rapidly will be discussed. This session is geared towards those who are interested in UX but have no much experience, those looking for new methods to improve their current product processes, and anyone interested in design, business, and user centered design.

[DevDay2019] Lean UX - By Bryant Castro, Bryant Castro at Wizeline

DevDay.org

[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...

DevDay.org

[DevDay2019] Things i wish I knew when I was a 23-year-old Developer - By Chr...

DevDay.org

[DevDay2019] Designing design teams - Christopher Nguyen, UX Manager at Wizeline

DevDay.org

[DevDay2019] Growth Hacking - How to double the benefits of your startup with...

DevDay.org

Collaboration and open communication tend to be categorized as “soft skills” and are often overlooked in organizations. In this session, he is going to discuss how to develop an effective strategy in bridging the gap between product, design, and engineering teams. He will also share some tips for including developers in different stages of design — from planning features to usability testing.

[DevDay2019] Collaborate or die: The designers’ guide to working with develop...

DevDay.org

Artificial intelligence (AI) has been changing the way software is tested and how humans interact with technology. AI predicts, prevents and automates the entire process of testing using algorithms. It will not only support and improve the models and test cases but also provide more sophisticated and refined form of text recognition and better code generators. Using AI will help to save time for testing and ensure a better quality software.

[DevDay2019] How AI is changing the future of Software Testing? - By Vui Nguy...

DevDay.org

[DevDay2019] Hands-on Machine Learning on Google Cloud Platform - By Thanh Le...

DevDay.org

[DevDay2019] Micro Frontends Architecture - By Thang Pham, Senior Software En...

DevDay.org

Test Automation is becomming a MUST in software development life cycle now. DevOps has been an emerging trend, and it's no longer new. Remebering the old days, when you have to stand-up the test servers, get the builds from developers, deploy it, start-up agent machines, run your tests, collect reports, shutdown all resources you have just started, and spend days to analyze the failures. Now it's time to bring DevOps into this game and let it streamline all of these processes then you can save your days for other greater jobs of software testing.

[DevDay2019] Power of Test Automation and DevOps combination - One click savi...

DevDay.org

[DevDay2019] How do I test AI models? - By Minh Hoang, Senior QA Engineer at KMS

DevDay.org

[DevDay2019] How to quickly become a Senior Engineer - By Tran Anh Minh, CEO ...

DevDay.org

[Devday2019] Dev start-up - By Le Trung, Founder & CEO at Hifiveplus and Edu...

DevDay.org

[DevDay2019] Web Development In 2019 - A Practical Guide - By Hoang Nhu Vinh,...

DevDay.org

[DevDay2019] Opportunities and challenges for human resources during the digi...

DevDay.org

[DevDay2019] Python Machine Learning with Jupyter Notebook - By Nguyen Huu Th...

DevDay.org

[DevDay2019] Do you dockerize? Are your containers safe? - By Pham Hong Khanh...

DevDay.org

[DevDay2019] Develop a web application with Kubernetes - By Nguyen Xuan Phong...

DevDay.org

[DevDay2019] Paradigm shift towards effective Scrum - By Tam Doan, Agile Coac...

DevDay.org

[DevDay2019] JAM Stack - By Ngo Thi Ni, Web Developer at Agility IO

DevDay.org

Más de DevDay.org (20)