Why Famous library is so awesome and how you can use it in your projects.

1. How to become
famo.us
VLADIMIR DASHUKEVICH

2. Как стать программисту
известным?
Написать книгу
Жонглировать 10-килограммовыми
пушечными ядрами на протяжении
более 15.80 с (рекорд Гиннеса)
Написать самое крутое приложение

3. Разработка супер-мега
приложения
Много пользователей
Оно должно быть красивым
Оно должно быть быстрым
Требовать как можно меньше
усилий

4. HTML or not HTML

5. Our Biggest Mistake Was Betting
Too Much On HTML5

6. Facebook vs Fastbook

8. В чем же ошибся Цукерберг?

9. Из чего состоит анимация в
браузере?Исполнить JS код
Пересчитать позиции всех элементов
(Layout)
Перерисовать определенный слой (Paint)
1000ms/sec / 60FPS = 16.666... ms

10. Где могут скрываться
ошибки?

11. Много кода

12. Множественный пересчет
позиций и размеров

13. position: relative и nesting

14. Rendering

15. Web 2.0

16. Решение!
Меньше кода
Меньше глубина DOM дерева
Все элементы position:
absolute
Flat design

17. Famo.us – решение проблемы

18. Что это такое?
Famo.us is the only JavaScript
framework that includes an open
source 3D layout engine fully
integrated with a 3D physics animation
engine that can render to DOM,
Canvas, or WebGL.

19. Famo.us изнутри

20. Используется обычный css

21. Демо #1
http://codepen.io/befamous/pen/nFbfm

22. Физика решает

23. Мое первое приложение на
Famous

24. Famous

25. Основные элементы
 Engine
 Context
 Surface
 Layout
 Modifiers
 View
 Events (input, sync)

26. Создаем контекст

27. Добавим элементы

28. Другие элементы

29. Изменим наш элемент

30. Схема по сложнее

31. Другие библиотеки
Famo.us runs on iOS, Android, Kindle and
Firefox devices and integrates with
Angular, Backbone, Meteor and
Facebook React.
http://famo.us/integrations/angular/

32. Angular + Famous

33. Демки
 http://famo.us/demos/
 http://codepen.io/befamous/pen/sfuqF
 http://codepen.io/befamous/pen/eAlwd
 http://codepen.io/befamous/pen/gjelu
 http://codepen.io/befamous/pen/kbxnH
 http://codepen.io/befamous/pen/iJsHl
 http://codepen.io/befamous/pen/Fszah

34. Хотите попробовать?
http://famo.us/university

35. Что уже сделали
1)Twitter
2)Yahoo Weather
3)Keynote

36. Ваши вопросы?
Twitter: @life__777
Facebook: dashukevich.vova
http://qrs.ly/s9479zp