The document discusses modern web application development workflows. It begins by describing past approaches with HTML, CSS, and JavaScript thrown together. It then introduces Node.js as a JavaScript runtime and describes how JavaScript tools like Yeoman, Bower, Grunt, and Gulp help structure projects and automate development tasks like dependency management, compilation, and testing. Specific tasks like linting, minification, image optimization are discussed. Chrome DevTools are also highlighted as useful for debugging, profiling, and testing applications on different devices. The document advocates that using these tools together provides an awesome development environment.
26. A GOOD
DEVELOPMENT
WORKFLOW
-HELPS YOU GET STARTED
-MAINTAINS YOUR DEPENDENCIES
-ENFORCES BEST PRACTICES
-PREPARES YOUR TOOLS
-FIGHTS REGRESSIONS
-EASES THE RELEASE PROCESS
73. BOWER
Package management always comes with its
set of problems:
- how can I create a new package?
- how can I host a bower repository?
74. BOWER
Package management always comes with its
set of problems:
- how can I create a new package?
- how can I host a bower repository?
- what kind of exotic tools will I have to use?
145. PHANTOMJS
Headless WebKit scriptable with JavaScript
console.log('Loading a web page');
var page = require('webpage').create();
var url = 'http://www.phantomjs.org/';
page.open(url, function (status) {
//Page is loaded!
phantom.exit();
});
206. THANKS!
Stéphane Bégaudeau
Twitter: @sbegaudeau
Google+: +stephane.begaudeau
The research leading to these results has received funding from the European Union’s Seventh Framework Program (FP7/2007-2013) for CRYSTAL – Critical System
Engineering Acceleration Joint Undertaking under grant agreement № 332830 and from specific national programs and/or funding authorities.