22
How I Work A Tour of the AGRC JavaScript Boilerplate Project Dojo Build System Mac OS X TDD & Jasmine Grunt Selenium Scott Davis - Utah AGRC @ScottAGRC [email protected]

Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

How I WorkA Tour of the AGRC JavaScript Boilerplate Project

Dojo Build SystemMac OS X

TDD & Jasmine

Grunt

Selenium

Scott Davis - Utah AGRC@ScottAGRC

[email protected]

Page 2: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 3: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 4: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

Am I doing this right?

Page 5: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 6: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 7: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 8: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

OSXWindows

Server 2008 R2

VMWare Shared Folder

IIS Virtual Directory

SublimeChrome Dev ToolsGrunt

IIS/ArcGIS ServerArcGIS Desktop

Page 9: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 10: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

Getting Started...

git clone https://github.com/agrc/AGRCJavaScriptProjectBoilerPlate.git --recursive

cd AGRCJavaScriptProjectBoilerPlate

npm install

Page 12: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 13: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

http://www.flickr.com/photos/ableman/2514145335/

Page 14: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

http://goo.gl/qaZpq

Page 15: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 16: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

TDD with Jasmine

Page 17: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 18: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 19: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

Grunt Tasks

package.json

Page 20: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure
Page 21: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

● UI Tests with Selenium● MVC● Automated system/application checks● Continuous Integration● More Grunt-init/Yeoman

The Future

Page 22: Grunt How I Workagrc.github.io/Presentations/devsummit/2013/atlas.pdf · Grunt-init is a scaffolding tool used to automate project creation. It will build an entire directory structure

Questions/Thanks!

Scott [email protected]@ScottAGRC

Resources Sheet: http://goo.gl/94w0g