brunch and file api - tech hangout #4 - 2012.11.28

10
Valera Rozuvan 28.11.2012

Upload: innovecs

Post on 07-May-2015

230 views

Category:

Education


1 download

DESCRIPTION

* Tech Hangout – мероприятие, организованное разработчиками для разработчиков с целью обмена знаниями и опытом. Подобные встречи проводятся еженедельно по средам с 12:00 до 13:00 и охватывают исключительно инженерные темы. Формат данного ивента подразумевает под собой 30 минутный доклад на ранее определенную тему, и такую же по продолжительности дискуссию в формате круглого стола. Если у вас есть неутомимое рвение к новым знаниям, профессиональному росту, или же вы хотите поделиться своим опытом - добро пожаловать в Hangout Club! Присоединяйтесь к обсуждению - https://www.facebook.com/groups/techhangout/ Читайте нас на - http://hangout.innovecs.com/

TRANSCRIPT

Page 1: Brunch and File API - Tech Hangout #4 - 2012.11.28

Valera Rozuvan

28.11.2012

Page 2: Brunch and File API - Tech Hangout #4 - 2012.11.28
Page 3: Brunch and File API - Tech Hangout #4 - 2012.11.28

Brunch: Wat?

Page 4: Brunch and File API - Tech Hangout #4 - 2012.11.28

Brunch: Install

$ sudo add-apt-repository ppa:chris-lea/node.js$ sudo apt-get update$ sudo apt-get install nodejs npm$ sudo apt-get install python-software-properties

1.) getting Node.js

2.) getting Brunch

$ npm install -g brunch

Page 5: Brunch and File API - Tech Hangout #4 - 2012.11.28

Brunch: Examples

$ brunch new <project name>

1.) creating a default application

2.) using a JavaScript skeleton$ brunch new <app> -s github://brunch/simple-js-skeleton

3.) getting the Todo example$ cd todos$ rm -rf node_modules$ npm install$ git clone https://github.com/brunch/todos.git

Page 6: Brunch and File API - Tech Hangout #4 - 2012.11.28

Brunch: Usage

$ brunch build

1.) building your application

2.) rebuilding in real time$ brunch watch

3.) using generators$ brunch generate <type> <name>

Page 7: Brunch and File API - Tech Hangout #4 - 2012.11.28

File System API: Wat?

Page 8: Brunch and File API - Tech Hangout #4 - 2012.11.28

File System API: Chrome

$ google-chrome --allow-file-access-from-files

1.) to develop locally

2.) a simple demohttp://test.darinki.net/tech-hangout/brunch-and-filesystem-api/index.html

Page 9: Brunch and File API - Tech Hangout #4 - 2012.11.28

Resources•https://github.com/brunch/brunch

•http://brunch.readthedocs.org/en/latest/

•http://brunch.io/

•http://www.w3.org/TR/file-system-api/

•http://goo.gl/xl58J

•http://www.html5rocks.com/en/tutorials/file/filesystem/

•https://github.com/valera-rozuvan/Tech-Hangout/tree/master/brunch-and-filesystem-api/

Page 10: Brunch and File API - Tech Hangout #4 - 2012.11.28