что-то про meteor.js

1. Спикер:
Тема презентации:
Юра Федоренко

2. дисклеймер

4. curl https://install.meteor.com/ | sh
meteor create project-name
cd project-name
meteor

5. Distributed Data Protocol
Spacebars(Handlebars)
Найдется все™©

7. Магия ТВ

8. Магия ТВ

9. Магия ТВ

10. Структура

11. Models.js

12. Server.js

13. Server.js

14. Client.js

15. Client.js

16. HTML

17. CSS
*{-moz-box-sizing:border-box;box-
sizing:border-
box}html,body{height:100%}body{font-
family:'SourceSansPro','HelveticaNeue',
Helvetica,Arial,sans-serif;font-
size:16px;font-
weight:normal;margin:0;padding:0;backgro
und:#4a4a4aurl("/resources/bg.gif")
centerno-
repeat}.container{width:100%;height:100%
;background-repeat:no-
repeat;background-
size:contain;background-
position:center}.like,.description,.counter,.l
ive,footer{position:absolute;color:white;pa
dding:10px;background-color:rgba(211,
211,211,.5);border-
radius:10px}.like{top:10px;right:10px;font-
size:1.2em;text-decoration:none;z-
index:9999}.description{bottom:10px;left:1
0px;width:30%;min-
width:300px}.counter,.live{top:10px;left:10
px;font-size:0.8em;padding:6px
7px}.counterimg{vertical-
align:middle;margin-right:5px;margin-top:-
3px}.live{left:10px;top:50px}.live
i{display:inline-
block;height:10px;width:10px;border-
radius:50%;background-color:red;margin-
bottom:-1px}.animate{-webkit-animation-
duration:1.5s;animation-duration:1.5s;-
webkit-animation-fill-
mode:both;animation-fill-mode:both;-
webkit-animation-iteration-
count:infinite;animation-iteration-
count:infinite;-webkit-animation-
name:flash;animation-
name:flash}footer{bottom:10px;right:10px}
@mediaonlyscreenand(max-device-
width:480px){footer{display:none}}@-
webkit-keyframes
flash{0%,50%,100%{opacity:1}25%,75%{op
acity:0}}@keyframes

18. tvmuseum.meteor.com

19. The end. Юра Федоренко
i@djamah.org
@djamah
?