Date: Fri, 28 Jun 2013 15:00:00 +0000
<div class="trix-content"> <div>Panel</div><pre>Adam Hawkins (twitter github blog) Jamison Dance (twitter github blog) Joe Eames (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) <br /></pre><div>Discussion<br /> 01:16 - Adam Hawkins Introduction</div><pre>JavaScript Application Build Tools: Adam Hawkins 003 JSJ Build Tools <br /></pre><div>01:51 - What Are Build Tools?<br /> 02:46 - Build Process</div><pre>Ember.js CoffeeScript Sass Grunt.js Yeoman RequireJS minispade jQuery <br /></pre><div>09:15 - Minification</div><pre>Handlebars.js barber <br /></pre><div>10:30 - Ruby on Rails</div><pre>Client-Side Applications <br /></pre><div>16:43 - Chuck’s Build Process<br /> 17:32 - Joe’s Build Process<br /> 18:54 - Source Maps</div><pre>Concatenation <br /></pre><div>24:09 - iridium</div><pre>rake-pipeline Brunch <br /></pre><div>32:56 - Recommendations for Building<br /> 35:23 - Testing</div><pre>QUnit <br /></pre><div>Picks</div><pre>Sub Rosa (Jamison) biggie (Jamison) Kingdom Rush Frontiers (Joe) The Rithmatist by Brandon Sanderson (Joe) Ward Cunningham (Joe) Speedtest.net (Chuck) ThemeForest (Chuck) Solo Piano Radio (Adam) ConvertKit (Adam) Staticly (Adam) <br /></pre><div>Next Week<br /> Transitioning to JavaScript<br /> Transcript</div><div>[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.] </div><div>[This episode is sponsored by Component One, makers of Wijmo. If you need stunning UI elements or awesome graphs and charts, then go to Wijmo.com and check them out.] </div><div>[This podcast is sponsored by JetBrains, makers of WebStorm. Whether you’re working with Node.js or building the front end of your web application, WebStorm is the tool for you. It has great code quality and code exploration tools and works with HTML5, Node, TypeScript, CoffeeScript, Harmony, LESS, Sass, Jade, JSLint, JSHint, and the Google Closure Compiler. Check it out at JetBrains.com/WebStorm.]</div><div>CHUCK: Hey everybody, and welcome to Episode 65 of the JavaScript Jabber Show. This week on our panel, we have Jamison Dance.</div><div>JAMISON: Hello friends.</div><div>CHUCK: Joe Eames.</div><div>JOE: Hey there.</div><div>CHUCK: I’m Charles Max Wood from DevChat.TV. And this week, we have a special guest, Adam Hawkins.</div><div>ADAM: Hey, how you guys doing?</div><div>CHUCK: Terrific. So, you want to introduce your self since you’re new to the show?</div><div>ADAM: Yeah. My name is Adam Hawkins. I’m primarily a Ruby guy but have come to the JavaScript world through Ember and browser applications. I’ve been here now for about a year and a half and just learning as I go along,</div><div>CHUCK: Nice. So anyway, you recommended that we talk about build tools and then you wrote a blog post about it. We talked about build tools, I think on Episode 2 or 3 or something. In your mind, what are build tools?</div><div>ADAM: Well, I think a build tool is something that you need to create a JavaScript application. There is a distinction between, say maybe an application or something [inaudible] that needs CoffeeScript or something like that versus a full-blown application that runs on the browser which needs modules, asset pre-compilation, templates, all those sorts of stuff, and testing and things like that. So, on one end, you have build tools that simply do the compilation and the concatenation, and then you have other tools that aim to be like a whole development environment. So, there is a large spectrum and you just have to choose which you need, basically.</div><div>CHUCK: What kind of a build process do you guys have on the projects that you work on?</div><div>ADAM: Well, okay. My background is, we are building a CRM with Ember.js and we needed a lot of different things. Well, my team prefers to write in CoffeeScript and use Sass. So, we needed those two things right away. Then we needed module compilation and then a... Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy
