How to become

famo.us

VLADIMIR DASHUKEVICH

Как стать программисту

известным? Написать книгу

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

Написать самое крутое приложение

Разработка супер-мега

приложения Много пользователей

Оно должно быть красивым

Оно должно быть быстрым

Требовать как можно меньше усилий

HTML or not HTML

Our Biggest Mistake Was Betting

Too Much On HTML5

Facebook vs Fastbook

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

Из чего состоит анимация в

браузере? Исполнить JS код

Пересчитать позиции всех элементов (Layout)

Перерисовать определенный слой (Paint)

1000ms/sec / 60FPS = 16.666... ms

Где могут скрываться

ошибки?

Много кода

Множественный пересчет

позиций и размеров

position: relative и nesting

Rendering

Web 2.0

Решение!

Меньше кода

Меньше глубина DOM дерева

Все элементы position: absolute

Flat design

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

Что это такое?

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.

Famo.us изнутри

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

Демо #1

http://codepen.io/befamous/pen/nFbfm

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

Мое первое приложение на

Famous

Famous

Основные элементы

Engine

Context

Surface

Layout

Modifiers

View

Events (input, sync)

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

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

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

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

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

Другие библиотеки

Famo.us runs on iOS, Android, Kindle and

Firefox devices and integrates with

Angular, Backbone, Meteor and

Facebook React.

http://famo.us/integrations/angular/

Angular + Famous

Демки

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

Хотите попробовать?

http://famo.us/university

Что уже сделали

1)Twitter

2)Yahoo Weather

3)Keynote

Ваши вопросы?

Twitter: @life__777

Facebook: dashukevich.vova

http://qrs.ly/s9479zp