37
Meteor под капотом Василий Хатунцев, Аркадия

2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

Embed Size (px)

Citation preview

Page 1: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

Meteor под капотом

Василий Хатунцев, Аркадия

Page 2: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

2

Василий Хатунцев

Деятельность: веб-разработка

Опыт:15000+ часов

[email protected]

Немного о себе

Page 3: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

3

Как привыкли

Page 4: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

4

Метеор

Page 5: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

5

Технологии• Сервер – nodejs

• База данных – Mongo

• Клиент – движок шаблонов Spacebars

• Инструменты разработки и сборки – встроены(минификация, сборка проекта)

Page 6: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

6

Data on the Wire. Данные на проводе.

Метеор не шлёт HTML по сети. Сервер отправляет только данные и даёт клиенту заниматься их отрисовкой.

Основные принципы

Page 7: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

7

One Language. Один язык.

Cерверный и клиентский код вы пишите на одном языке.

Основные принципы

Page 8: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

8

Database Everywhere. База данных везде.

Вы можете использовать одинаковые методы для доступа к базе данных как на клиенте так и на сервере.

Основные принципы

Page 9: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

9

Основные принципы

Full Stack Reactivity. Весь стэк реактивный.

Все слои от базы данных до шаблонов обновляют сами себя, автоматически и когда это необходимо.

Page 10: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

10

Основные принципы

Embrace the Ecosystem. Охватывающая экосистема.

Метео проект с открытым исходным кодом и интегрируется с другими проектами с открым исходным кодом. Входит в десятку самых популярных проектов.

> 30.000 звёзд

Page 11: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

11

Simplicity Equals Productivity. Простота продуктивность.

Лучший способ сделать что-нибудь простым – сделать это простым. Основная функциональность Метеора имеет чистый, классический и прекрасный API. Разработчики заботяться о том, чтобы работа с Метеор была простой.

Основные принципы

Page 12: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

12

Под капотом

Page 13: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

13

livequery

Page 14: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

14

livequery

Page 15: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

15

DDP протокол

Page 16: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

16

DDP протокол

Page 17: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

17

Client Data Cache

Page 18: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

18

Mongo и MiniMongo

Page 19: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

19

С - синхронизация

Page 20: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

20

Публикация изменений

Page 21: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

21

Blaze

Page 22: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

22

Blaze, Angular, React

Page 23: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

23

Blaze шаблон

Page 24: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

24

Blaze шаблон

Page 25: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

25

Tracker

Page 26: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

26

Логика приложения и клиент

Page 27: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

27

Первый запрос

Page 28: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

28

Инициализация

Page 29: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

29

Запросы, подписки

Page 30: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

30

Кешируем

Page 31: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

31

Blaze и Tracker

Page 32: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

32

Метеор в действии

Page 33: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

33

Пример приложения

pechkin.meteor.com

Page 34: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

34

Пример приложения

Page 35: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

35

Пример приложения

Page 36: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

36

Метеор для прототипирования?

Page 37: 2015-12-12 | AzovDevMeetup 2015 | Meteor под капотом | Василий Хатунцев

Спасибо за внимание

Khatuntsev, Vasiliy