grunt how i workagrc.github.io/presentations/devsummit/2013/atlas.pdf · grunt-init is a...

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]

Upload: others

Post on 17-Oct-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

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