1.
Денис Скоров
MassMedia Group
Software development services

2.
Чому саме Vue.JS?
Або як будувати складні проекти простим кодом:))

3.
Що таке Vue.JS?
• прогресивний фреймворк для створення користувацьких інтерфейсів
• орієнтований на поступову інтеграцію
• ядро орієнтоване на задачі рівня представлення, що спрощує
об’єднання з іншими бібліотеками такими як: JQyery, moment.js та ін.,
• надає можливість використання як бібліотеки так і для побудови
повномасштабних додатків в об’єднанні з іншими модулями

4.
Особливості Vue.JS
• орієнтований на більш класичну модель розробки (HTML, CSS, JS),
на відміну від функціональної розробки React.JS та згадкою про С-
подібні мови в Angular.JS
• саме цим Vue.JS заповнив прірву між React.JS and Angular.JS

5.
Порівняння з React and Angular
Angular
• використання Type - Script можливе але не обовязкове
• з коробки ~130kb - з коробки + route + vuex 30kb
• тяжке вивчення API
та концепцій - HTML + CSS + JS + doc (1 час)
React
• складна оптимізація - оптимізовано з коробки
• концепція, все як JS (JSX) - можливе використання JSX
(простота використання HTML, CSS & JS допомагає у використанні пре-
процесорів, інтеграції в існуючі web додатки та для розуміння коду)

6.
Трохи страшних графіків:))
Зацікавленість фреймворками (Google Trends)
2014-2016
2016-2017

7.
Перспективи Vue.JS
Згідно з опитування сайту medium.com за 2017 рік, переважна більшість (43%)
розробників хотіли би вивчити фреймворк Vue.js

8.
Job-offer (Exciting information)
20172016

9.
Переваги Vue.JS
• Швидкість і простота
• Гнучкість в роботі з шаблонами
• Простота синтаксису і низький поріг входження
• Швидкий рендеринг і менший розмір
• Використовує DevTools (розширення для браузера)
• Прогресивна адаптивність

10.
Недоліки
Made in China

11.
Недоліки
Розбиває серця
розробникам React

12.
Як використати Vue.JS?
as Library as Framework

13.
Хто вже використовує Vue.JS?

14.
Реальні проблеми та приклади
Convenio Regulador

15.
Ще один реальний приклад

16.
Так, це вже останній приклад ;)
Game-Snake

17.
Have a new iew for the
problem solving