CI with HTML5 – Why bother?

View Github Repository Open presentation in a new window

craigmr

See all presentation from craigmr

CI with HTML5 – Why bother?

0 0

cihtml5-slides

Slides for my Atlanta Code Camp 2013 talk on Continuous Integration with HTML5.

On Github craigmr / cihtml5-slides

CI with HTML5

Why bother?

Craig Simpson / @_craigmr / github.com/craigmr Atlanta Code Camp 2013 - 8/24/2013

About

Front end developer for 7 years.

AT&T messages.att.net

Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

Why bother doing this for HTML5?

“It's just static files“ “Too much work“ “Throw the files up on FTP/through WAR“ “Other frameworks handle it for me“

Continuous

Integration?

source control (git/svn/cvs)

unit tests

build tools

artifacts

automation

“From local workspace to a live environment in one click/command“

Source Control

Mainline Integrity

Merge!

Git Flow

Let's See Some Code!

credit

Since When?

Using Local Store as "Backend"

Unit Testing JS

Libraries

Cases/Tests/Setup/Tear Downs/Asserts

Problem!

JS needs to run in the browser

Doesn't really work for automation :(

Runner

Karma JS

UI Automation

Build Tools

  • Compile SASS -> CSS
  • Concat JS/CSS
  • Minify JS/CSS
  • Generate Sprite Sheets
  • Create Zip

Tips

credit

Easy to setup

Write scripts in development language

Grunt.js

Yeoman

Automation Server

Acts as another developer

Each commit:

  • Install dependencies
  • Run unit tests
  • Run selenium tests
  • Build codebase
  • Creates artifact
  • Deploy*

Make your CI server fun!

Bubble, Bubble, Build's In Trouble
THANKS!