Front-End Developer Cast

On this episode I discuss JavaScript error tracking with Todd Gardner. More specifically we talk about: The JavaScript Error Object The DOM Global Error Handler How errors bubble How errors bubble through callbacks Example of wrapping callbacks To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Code from Todd's Traces of Errors talk TrackJS Full Transcript Will be available soon. The post JavaScript Error Tracking with Todd Gardner | Episode 12 appeared first on Funny Ant.

On this episode Cameron Wardzala and I discuss the emergence of style guides and pattern libraries instead of Photoshop comps when building web application and site designs. We also dig into his experience outgrowing bootstrap on a project, new modular CSS frameworks like SMACSS and Atomic Design, and the ongoing debate of Less or SASS. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Cameron's Blog http://dangerisgo.com/blog/2013/02/14/how-we-grew-out-of-bootstrap/ https://github.com/cwardzala/styleguides/blob/master/styleguides.md Jekyll Middleman Atomic Design SMACSS SASS LESS http://www.findawayworld.com/ http://www.playaway.com/ http://www.cheezburger.com/ Full Transcript Craig McKeachie:  On this episode, Cameron Wardzala and I discussed the emergence of style guides and pattern libraries. [background music] Craig: Welcome to the "Front-End Developer Cast." The podcast that helps developers be awesome at building ambitious Web applications, whether you're a JavaScript Ninja or you're just getting started. I'm your host, Craig McKeachie. Hi, everyone. My interview today is with Cameron Wardzala. We discussed the emergence of style guides and pattern libraries instead of Photoshop comps when building Web applications and site designs. We also dig into his experience outgrowing bootstrap on a project, new modular CSS ideas like SMACSS and Atomic Design, and the ongoing debate of Less versus SASS. Today, I'm lucky to have Cameron Wardzala with me. I'm at a conference and was lucky to meet up with him. I'm noticing this trend in front end style guides that people are creating. Some people are calling them...what's the other word that you hear them called by other things? Cameron Wardzala: Style guides, pattern libraries. That's pretty much the two that I hear the most. Craig: That's the other one I hear a lot. Cameron, would you like to introduce yourself? Cameron: My name is Cameron Wardzala. I work for Findaway and I'm a front- end developer. Craig: Tell me more, what is a style guide? That seems like a pretty new concept. Cameron: The concept's been around for quite a while. About 2011 is when they started being spoken about on a regular basis. A style guide is basically a living document of code, of the elements on your site, the style, the elements that you could have on your site. Craig: Do you see them more for like websites or more for like Web applications? Or is it just a different implementation but the human used for either? Cameron: In my personal opinion, I see them used for both. I've used them for both. Anytime you have a visual language, something like a style guide is a useful tool. Craig: When people use the term pattern library, do you think they're talking about something a little bit different? Do they talk about more component type stuff? Is it the same thing or is it just an interchangeable term for you? Cameron: There are subtle differences. Roughly, they are the same thing. They are pretty interchangeable. But a lot of times when I hear pattern library, it invokes something a little bit more formulaic than a style guide. For me, a style guide is almost like a raw dump of all your style elements. With a pattern library, it almost invokes a feeling of much more purpose, much more thought put into it. Craig: What is the need that caused people to start creating this? What do you think happened in the world where we used to use Photoshop comps or just build an application without a style guide. Explain to me what's been happening that people are realizing that they need these. Cameron: The need really arose when people, developers in particular,

On this episode Nik Molnar and I discuss web performance with Nik Molnar.This isn't just another YSlow talk, things have evolved and I learned quite a bit from this talk so hopefully you will as well. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Nik Molnar's Blog Great site for performance tools mentioned: http://perf-tooling.today/ Nik's popular open source project for .NET web applications Glimpse. What CSS triggers the browser to paint: http://csstriggers.com/ Full Transcript Craig McKeachie: [0:00] On this episode, Nik Molnar and I discuss Web performance. [0:03] [music] Craig: [0:14] Welcome to the Front-End Developer Cast, the podcast that helps developers be awesome at building ambitious Web applications, whether you're a JavaScript ninja or you're just getting started. I'm your host, Craig McKeachie. [0:27] Hi, everyone. My interview today is with Web performance expert, Nik Molnar. Let's get right to it. This isn't just another YSlow talk, though. Things are getting more evolved in the space, and I learned quite a bit from this talk. Hopefully, you will as well. Here it is. [0:44] Hey, today, I'm lucky to have Nik Molnar with me. Hi, Nik. How are you doing? Nik Molnar:   [0:47] I'm doing all right, Craig. How are you? Craig: [0:48] Good. Thanks for coming on the show. Today, we're going to talk about Web performance, but why don't you tell everybody a little bit about yourself first? Nik: [0:55] You covered my name already, so that's good. Craig: [laughs] [0:57] Nik: [0:57] We got the most fun thing out of the way. Craig: [0:58] Did I say it right? Nik: [0:59] You did. "Nik Molnar," you got it. I live in New York City. I've been there for about eight years, now. I've been doing Web development for 18 years. [1:09] It's really all I've ever done with my life. I work for Redgate Software, working on Web performance tooling. I work on an open source tool, called Glimpse. I travel around the conference circuit in America and abroad espousing the virtues of Web performance. Craig: [1:23] Awesome. That's a great topic. When you give your talks, how do you like to talk about Web performance? Do you have a way you can break it down? It's a big topic. Nik: [1:32] I do. It's a big topic. I break it down in order of descending granularity, which I tell the people in my audience and the people that I work with when I consult, that you really want to focus on the biggest problems first. All too often, a developer might be comfortable in JavaScript or PHP, so that's the thing that they dive into, when it's not necessarily the thing that their users are having frustration with. [1:56] Descending granularity means figure out where the pain points the app and the user are having, and focus on those first. With that blanket statement usually, moving things across the network are the biggest problems for performance. That's usually where I start. Then, I break it down into three other areas after that. [2:15] With Web applications, I like to think of the way we interact with the Web in two phases. The first time you type the URL into the location bar and you hit enter, you're "installing an application." [2:29] This is the installation phase. We think of that as the on- load thing. After that, the user is using the application. They're not necessarily going back to the server to get any more data or resources. Performance for the install experience and the usage experience, you handle those two things differently. That's how I break it up into those two areas with two subsets underneath each. Craig: [2:53] I like that. Let's talk a little bit more about the network area. I read "High Performance Websites" by Steve Souders.

On this episode Cory House and I discuss the exciting new Web Components standard including the Shadow DOM, templates, custom elements, and imports. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources WebComponents.org a place to discuss and evolve web component best-practices HTML5 Web Component Fundamentals Pluralsight Course by Cory Polymer HTML5 Video tag Full Transcript Craig McKeachie: [0:00] On this episode Cory House and I discuss the exciting new Web Components standard including the Shadow DOM, templates, custom elements, and imports. [0:09] [music] [0:20] Welcome to the "The Front End Developer Cast," the podcast that helps developers be awesome at building ambitious web applications. Whether you are a JavaScript Ninja or just getting started. I'm your host Craig McKeachie. [0:30] Hi everyone. My interview today is with Cory House, let's get right into it. Hi, today I'm here at CodeMash, I'm lucky to have Cory House here with me. Cory is a Microsoft MVP, C# an ASP Insider, Outlier developer, expert, you may have been to his blog at bitnative.com. Cory, welcome to the show. Cory House: [0:52] Thanks for having me. Glad to be here. Craig: [0:55] Anything else I missed there about yourself? Cory: [0:56] Oh, no. That's sounds like enough platitude, sir. I can live with that. Craig: [1:00] Great. You may have done some of Cory's training on the Pluralsight, as well, if you have Pluralsight subscription. He has several courses out there. What are some of the courses about? I forget. Cory: [1:10] There's a course on clean code, called "Writing Code for Humans." I have one on "Real World Architecture and Dot Net," which is about being more pragmatic and comparing really simple to more complex, and when each makes sense. [1:23] Then, I have an odd one called, "Becoming an Outlier," which is about creating an exceptional career in software development, really setting yourself apart. Craig: [1:30] I've seen your talk on that, here at Cobasa, last year, a really good talk, a packed room. People were sitting all over the floor and everything like that. Cory: [1:38] It's a great problem to have. That was a lot of fun. Craig: [1:41] Speaking of that, today, I have you on the show to talk about web components. I went to your web components talk, this year, and the same problem. The room was very crowded. We were talking about it's a great future technology, but I didn't think that many people would be ready for it. Cory: [1:58] Yeah, and frankly neither did I. It's wonderful to see. I'm excited about it, and that's why I'm speaking about it. I feel like, as a web developer, this is as big a story as anything that's happened, probably since Ajax. [2:11] This could, fundamentally, change the way that we compose and build our applications, and, finally, take all this fragmentation that we're seeing, and get us all on a nice standardized, more reusable path. It'd be wonderful to see this all play out as well as it appears like it might. Craig: [2:28] Exactly. Let's backtrack a little bit, and talk about what are web components. For the people who've maybe seen an article or two online, let's unpeel that a little bit. Cory: [2:39] The easiest way to think about web components is, you're probably writing components today, somehow. Maybe you're using jQuery UI, and using MIME as a starting point. Maybe you're using Angular and their directives. [2:51] Maybe you're using Knockout and their components, Ember and their components. I could go on. There are all these different ways to write these little reusable pieces that we slap into our web application. [3:01] Wouldn't it will be nice if we had a standardized way to do so ...

Jarrod Drysdale and I discuss web design tips for developers so your applications can look professional even if you don’t have the budget to hire a designer. Topics include the 20% of tips that will get you 80% of the results including alignment, spacing, colors, fonts, graphics and navigation. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Jarrod Drysdale’s Blog Jarrod’s Book Bootstrapping Design (sign up for the newsletter) Tool for creating great designs without a designer Landing page in a day Noun Project Font Awesome Glyphish Full Transcript Will be available soon. The post Web Design Tips for Developers | Episode 8 appeared first on Funny Ant.

Sean Fioritto and I discuss the AngularJS learning curve and why he thinks it's so nasty and how he goes about making it easier to learn.  We also discuss "Angular in the Enterprise" and why he thinks AngularJS is great when you are dealing with large enterprise code bases. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Sean's Intro AngularJS Training (Escape Plan) Sean Fioritto is the author of Sketching with CSS Sean Fioritto's Blog Full Transcript Craig McKeachie: [0:00] On this episode, Sean Fioritto and I discuss the AngularJS learning curve, and why he thinks it's so nasty. [music] Craig: [0:16] Welcome to "The Front End Developer Cast," the podcast that helps developers be awesome at building ambitious web applications, whether you're a JavaScript ninja, or you're just getting started. I'm your host, Craig McKeachie. [0:30] Hi, everyone. My interview today is with Sean Fioritto, and we discuss the AngularJS learning curve, why he thinks it's so nasty, and how he goes about making it easier to learn. [0:39] We also discuss Angular in the enterprise, and why he thinks AngularJS is great when you're dealing with large enterprise code bases. [0:46] Let's get into the interview. [0:48] Hey, today I'm lucky enough to have Sean Fioritto with me. He's the author of "Sketching with CSS," which you may have heard about throughout the Internets, and he's more recently been focused on doing some AngularJS training. That's why I wanted to have him on The Front End podcast here. Welcome Sean. Sean Fioritto: [1:05] Thanks Craig. Thanks for having me. Craig: [1:07] I also heard that you perhaps may have been lacking some sleep recently. Is that true? Sean: [1:13] Yeah. If I randomly forget words or get words mixed up in the middle of this, it's definitely sleep deprivation. We just had a kid, Isaac. He's our first. He's four weeks old yesterday. Craig: [1:26] I do remember those times, so I will try to edit out any of those parts where you forget to tie your sentences or things like that. I feel for you. Congratulations. Sean: [1:37] It's hard to keep track of anything. It feels like one blurred day since we got back from the hospital. Craig: [1:42] Well, congratulations. Sean: [1:43] Thank you. Craig: [1:45] I wish you luck in getting out of this time. [laughter] Craig: [1:48] Surviving, that may be [indecipherable 1:50] . [crosstalk] Sean: [1:50] I heard six weeks is the magic. Everybody keeps telling me six weeks it gets a little bit better. I'm just crossing my fingers and don't tell me that that's not true. Craig: [1:57] You know what I wish people would've told me? [2:00] My sons are now five and eight. My one's going to kindergarten, but long story short, I wish people would've said it does get easier because it's pretty hard when they're young and I wish somebody would've said, "Yes it's going to get easier." They all just look at me like it'll be OK. You'll get through this, but they wouldn't say it's going to easier because that's what I really wanted to hear at the time. [laughter] Craig: [2:22] I'm telling you it's going to easier. Sean: [2:24] Good. Thank you. Craig: [2:26] Anyway, we're going to talk Angular today. One thing that was interesting when we were chatting back and forth was you talked about the Angular learning curve and I was definitely concurring and remembering the early days, which wasn't so long ago for me either of learning Angular. Tell me what your experience has been like with that. Sean: [2:42] Well, in addition for it being tough for me to pick up Angular...I'm an experienced developer. I've been doing this for a really long time,

Chris Coyier and I discuss how to use custom fonts and @font-face to makeover your web application or site.  Chris and I also discuss "What is a front-end developer" and contrast his project codepen.io with jsfiddle.net and jsbin.com. Chris has worked for large scale web apps like SurveyMonkey and design focused startups like Wufoo. He co-founded CodePen, an online playground for HTML, CSS, and JavaScript. Chris also has a weekly podcast about all things web with Dave Rupert called ShopTalk. The man knows a few things about the web! To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Chris's CSS blog CSS Tricks Codepen Adobe TypeKit Font Squirrel Font Squirrel's Font Generator Also mentioned Sifr Full Transcript Craig McKeachie: [0:00] On this episode, Chris Coyier discusses how to use custom fonts, and @font-face to makeover your web application. This is Front End Developer Cast, Episode 6. [0:09] [music] Craig: [0:20] Welcome to The Front End Developer Cast, the podcast that helps developers be awesome at building ambitious web applications, whether you're a JavaScript ninja, or you're just getting started. I'm your host, Craig McKeachie. [0:33] Hi, everyone. My interview today is with Chris Coyier of csstricks.com, and the creator of codepen.io. Let's get right into the interview. [0:42] Hi, today, I'm really lucky to have Chris Coyier, of csstricks and codepen fame on the podcast. We can talk a little bit more about his background. It's somewhat unclear to me, I'd be interested for Chris to fill in some of the details. I know you used to work at SurveyMonkey, and then SurveyMonkey was bought by Wufoo, if you wouldn't mind, Chris, welcome to the podcast and give us a little history about yourself. Chris Coyier: [1:05] Thanks for having me. It's awesome to be on. It actually worked in that reverse order. [1:10] It was Wufoo that got bought by SurveyMonkey. That's the first time that's happened. I feel like most people...I can grab somebody off the street usually that's heard of SurveyMonkey, because I feel like they've been around forever, and they have market saturation, and teachers use it and stuff like that, whereas, Wufoo is a little more niched to the industry. Craig: [1:32] It makes sense that SurveyMonkey would be the acquirer, right? Yes, definitely. Chris: [1:36] Yes. My history is tremendously boring. I don't know, there's not much that can be gleaned out of it! I hate to start on a bummer note like that, but it's like I'm just normal kid who went to normal college in the Midwest in the US, and became a font-end developer. Craig: [1:55] It's CSS Tricks, I saw you're listed as an author for that. Did that start as your blog and is now owned by Treehouse? Can you give me a little [inaudible 0:02:04] ? People are curious about that a little bit. Chris: [2:03] Sure. That's probably what most people know me from in this industry, because it's the thing I've been doing the longest. [2:11] It tends to be one of those sites that people tell me it shows up in search results a lot when you Google a CSS problem or something like that. Google has been good to me in that way. That's a blog that I started in 2007, it's a little over seven-years- old now. [2:30] There's screencasts on it and a blog post, and a section I call Snippets, where I have little miniature chunks of code that have less explanation attached to them, and there's a community forums there that's pretty active, and stuff, it's this whole site about all things front-end web design. It's called CSS Tricks, which is a terribly hokey name, but it has brand power over the thing. [2:54] It's not owned by Treehouse. Treehouse is a sponsor of mine and I have an interactive ...

On this episode Brian Woodward describes his experience building his first application with AngularJS.  This is front-end developer cast episode 5. Today's interview is with Brian Woodward and was recorded a half a year ago now and focuses on his early experiences with AngularJS and is very valuable.  He also mentions his open source project Assemble which is a static site generator for Grunt.js, Yeomnan and Node.js that has rapidly gained a following in the last half year so you should also go check it out.  Here's the interview. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Assemble (static site generator) Brian Woodward on twitter: @doowb Full Transcript [0:00] On this episode Brian Woodward describes his experience building his first application with AngularJS. This is Front-End Developer Cast Episode 5. [0:08] [background music] Craig McKeachie: [0:18] Welcome to the Front-End Developer Cast, the podcast that helps developers be awesome at building ambitious web applications whether you're JavaScript ninja or you're just getting started. I am your host Craig McKeachie. [0:30] Hi, everyone welcome to the fifth episode of podcast. I want to start by apologizing for not putting out at podcast for so long. What happened was I wasn't making the progress, I wanted onto my book, the "JavaScript Framework" guide, so I decided to focus on it for a few months, finish it and then get back to a more regular podcasting schedule. [0:46] The good news is it worked and I finished the book. It's about 270 pages and five hours of screencast and video interviews. So, if you haven't already, go to javascriptframeworkguide.com and get your free sample chapter. [1:00] The full title of the book is "JavaScript Framework Guide | AngularJS, Backbone, Ember, Confidently Choosing and Quickly Learning)." If you're interested in these JavaScript frameworks but haven't been able to keep up with the rapid pace of change, the book will help you quickly get up to speed with the whole bunch of the frameworks. I like to say, "You can read one book instead of five books." That's javascriptframeworkguide.com. [1:23] I'm planning on doing a lot more podcast episodes in the coming months now that the book is finished, and I've got some great guest signed up. If you haven't subscribed to the podcast, please do so by going to the iTunes store on your phone or desktop, then searching for Front-End or via RSS by going to frontendcast.com We are also available on Stitcher. [1:42] If you have already subscribed, then please take the time to leave a review on iTunes. This is the best way for people to find out about the show. Today's interview is with Brian Woodward and was recorded a half a year ago now and focuses on his early experiences with AngularJS and is very valuable. [1:57] He also mentions his open source project Assemble at Assemble.io, which is a static site generator for Grunt.js, Yeomnan and Node.js that has rapidly gained a following in the last half year so you should also go and check it out. Here's the interview. Craig: [2:15] Hi, Brian. Thanks for joining me today. Brian Woodward: [2:17] Hi. Thanks for having me. Craig: [2:18] Tell us a little bit about yourself, a little bit about your background before we get started. Brian: [2:21] I've been doing .NET development mostly for about 10 years. I recently left doing enterprise work to create a start-up called Cellside. My last year, I've been focusing a lot on open source software. I'm one of the main developers on a project called Assemble, which is a Node.js build tool basically. Craig: [2:43] The reason why I asked you to be on the podcast was I'm looking for people, some real world experience with some of the java scrip...

On this episode I interview Rhys Bret-Bowen, Google Engineer, about using AngularJS to build applications for Google.  This is front-end developer cast episode 4. This interview is with Rhys Bret-Bowen who is a Google Engineer currently using AngularJS to build applications for Google.  We discuss his experiences good and bad with AngularJS and talk about details of the Google technology stack for the project which I found fascinating.  In particular, they are using ProtoBuf (Protocol Buffers - Google's data interchange format) and the Closure Compiler. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Closure Protocal Buffers Rhys's blog Rhys's GitHub Full Transcript Craig McKeachie: [0:01] On this episode I interview Rhys Brett-Bowen, Google Engineer, about using AnguarJS to build applications for Google. This is "Front-End Developer Cast, Episode 4." [theme music] Craig: [0:19] Welcome to the Front-End Developer Cast, the podcast that helps developers be awesome at building ambitious web applications, whether you're JavaScript ninja or you're just getting started. I'm your host, Craig McKeachie. [0:31] Hi everyone. Welcome to the fourth episode of the podcast. I'm working today on getting my processes down for the podcast, as well as, hiring some help editing the podcast and getting it live on the site every two weeks. So I'll be able to more easily keep bringing you more great interviews. [0:44] I'm also getting help designing and setting up a page to sell my book on mastering single-page applications. The book, right now, I'm finishing the last couple of chapters, editing and working through some ember.js code samples. I'm hoping to make the book available for pre-sale at a 20 percent discount in the next few weeks. [1:01] If you have any interest or you want some more great free content, go to my blog at "funnyant.com". That's funnyant.com. Sign up for my free seven day e-course, the "JavaScript MVC Comparison" and you'll get notified when the book launches. [1:17] If you haven't subscribed to the podcast, please do so by going to the iTunes Store on your phone or desktop, then searching for "Front-End" or via RSS by going to funnyant.com. We are also available on "Stitcher". [1:29] If you've already subscribed then take the time to leave a review on iTunes. This is the best way for other people to find out about the show. [1:35] Today's interviewee is Rhys Brett-Bowen, who is a Google Engineer currently using AngularJS to build applications for Google. We discuss his experiences good and bad with AngularJS, and talk about details of the Google technology stack for the project which I found fascinating. [1:50] In particular, they are using ProtoBuf, which is short for Protocol Buffers, Google's data interchange format, and the Closure Compiler. [1:59] Here's the interview. [2:00] Hi, I've got Rhys Brett-Bowen with me today. He is a Google Engineer at Google in their New York office and has been working with Angular on their most recent project. We're going to talk through his experience with that, as well as, some of the other tools they use it Google, and the JavaScript, and front-end web development space. Welcome to the program. Rhys Brett-Bowen: [2:21] Thank you. Craig: [2:22] Tell me about the app you're working on. Maybe not from a technical standpoint at first, but what does the app do? So the end-users have a feel of the UI and that sort of thing. Rhys: [2:33] I am working on a BitManager team. What we're currently working on is the reporting page. It's not exactly a quick app. It's all done in Java and that gets compiled down into JavaScript. [2:45] What we're doing now is, and in a lot of places in Google,

On this episode I interview Tom Dale, who helped create Ember.js about how Ember differentiates itself from other frameworks with a robust router as well as what's going on with Ember.Data. This is front-end developer cast episode 3. Tom Dale helped create Ember.js which has rapidly been gaining momentum in the ongoing JavaScript MVC debate since releasing version 1 in the fall of last year. For those who aren't as familiar Ember it's a JavaScript MVC or Model View Whatever framework similar to AngularJS but differentiates itself with a robust router that is a full state-machine as well as supporting nested routes and templates. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed) Show Notes: Resources Ember.js Stop Breaking the Web: Tom Dale talk at JSConf EU 2013  (demo at end of talk) Ember Data Tom Dale's Blog  Full Transcript Craig McKeachie: [0:00] On this episode, I interviewed Tom Dale who helped create Ember.js about how Ember differentiates itself from other frameworks with a robust router as well as what's going on with Ember data. This is Front-End Developer Cast, Episode Three. [0:14] [background music] Craig: [0:24] Welcome to the Front-End Developer Cast, the podcast that helps developers be awesome at building ambitious web applications, whether you're a JavaScript ninja or you're just getting started. I'm your host, Craig McKeachie. [0:35] Hi everyone. Welcome to the third episode of the podcast. I'm really excited about the great response I've gotten so far. If you haven't subscribed yet, please do this in iTunes, Stitcher, or via RSS by going to frontendcast.com. The podcast is still hosted on my blog at funnyant.com, but there's now an easier way to find the podcast. Just go to frontendcast.com. [0:58] If you've already subscribed, then please leave a review in iTunes. This is the best way for other people to find out about the show. [1:05] Personally, I'm still adjusting to not having an office job lately, and working on my book, but really enjoying being around my family more. I was just the mystery reader in my son's second grade class today and got to walk him home on a nice spring day. [1:18] The book I'm writing on "Choosing a Single-Page Application Framework for Your Project," is coming along well. [1:24] I've written close to 30,000 words at this point. I have just a few more chapters and lots of editing to do, but I decided to make it available for pre-sale on my site at Funnyant.com in the next couple of weeks. I'll keep you updated. [1:37] Let's move on to today's interview with Tom Dale, who helped create Ember.js, which has rapidly been gaining momentum in the ongoing JavaScript MVC debates since releasing version 1 in the fall of last year. [1:48] For those who aren't familiar with Ember, it's a JavaScript MVC or model view whatever framework, similar to Angular.js, but differentiates itself with a robust router that is a full-state machine as well as supporting nested routes and templates. [2:01] Here's the interview. Craig: [2:02] Hi. I'm lucky today to have Tom Dale with me, one of the creators and founders of Ember.js. Real excited to have him on the program, needs not much of an introduction here [chuckles] . Tom Dale: [2:14] Thank you Craig, thank you very much for having me. Craig: [2:15] I don't hear a lot of people talk about, "What do you do for a day job?" and "How does this all tie back to this Ember.js stuff?" Tom: [2:21] Sure, yeah. I think a lot of people think that people who go around and travel to conferences and work on open source probably have a big corporate sugar daddy, which is maybe even true. [2:30] I think for both Yehuda and I, being independent was really important.

On this episode I interview Brian Genisio, AngularJS and Backbone expert about the evolution of JavaScript MVC Frameworks and his experiences coming from building Rich Internet Applications (RIA) with Flex and Silverlight into the JavaScript single-page application world.  This is front-end developer cast episode 2. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed)  Show Notes: Resources Brian's  blog Twitter: @BrianGenisio Brian's work CodeMash presentation slides for Brian's talk Angular Directives Demystified slides Full Transcript Craig McKeachie: [0:02] On this episode I interview Brian Genisio, AngularJS and Backbone expert about the evolution of JavaScript MVC Frameworks and his experience coming from building rich Internet applications with Flex and Silverlight into the JavaScript single page application world. [0:16] This is Front-End Developer Cast Episode Two. [0:22] [music] [0:31] [background music] Craig: [0:31] Welcome to the Front-End Developer Cast. The podcast that helps developers be awesome at building ambitious web applications, whether you are a JavaScript ninja or you're just getting started. I am your host Craig McKeachie. [0:44] Hi everyone. Welcome to the second episode of the podcast. Me personally, I have been working hard on my book about single page applications. I took a trip to Orlando with my family recently and escaped the winter weather where I live in the mid-west United States. [0:58] I have a lot of great interviews coming up including an interview with Tom Dale, who helped create Ember, so if you haven't already please subscribe to the podcast in iTunes by searching for front-end developer and we are available on Stitcher, the Stitcher app or by RSS at funnyant.com were you'll find show notes and a full transcript. [1:17] One of the things I wanted to do with this show was get the voice of the people in the trenchers with real-world experience developing with this newer technologies, but not always people who are Internet famous, because of their open source contributions or blogging. Well, I think I hit the jackpot when I interviewed Brian Genisio, who works at Care Evolution. [1:36] From our conversation, you'll find out that he worked with BackboneJS and has evolved to AngularJS in his current work. One of the harder parts of AngularJS to  master is directives, and he really gives some great insights on this interview. Without further ado, let's jump into the interview. Craig: [1:52] I have with me Brian Genisio, is that correct [pronunciation]? Brian Genisio: [1:55] Yeah, that's right. Craig: [1:57] Great. He's joining me. His over 14 years of software development experience, everything from embedded systems to Silverlight  and to a bunch of experience recently with the different JavaScript MVC frameworks that we're going to talk about. I'm happy to have him here today on the program to talk about these things. Brian: [2:18] Thanks for having me. [inaudible 0:02:18] Craig: [2:23] Usually I've been trying to get the real world experience out of people, but I thought it would be good to first have a conversation about of sort of what your mental model of the JavaScript MVC frameworks are and after using different ones...We were talking a little bit before we got on air here about that. How do you categorize the...You said first generation, second generations, and so. Brian: [2:46] Sure, I guess when Backbone first came out; they were doing something new that we hadn't seen before that was this synchronous model that they gave us where you could just new up a person model and just synch it with the server by saying save and get [3:06] It was really quite amazing. It was ground-breaking at the time because all of a sudden...

On this episode I talk with Derick Bailey, Backbone.js expert and author of the popular Marionette plugin for Backbone.   Derick discusses organizing/refactoring jQuery as nice entry point into JavaScript MV* Frameworks.  This is front-end developer cast episode 1.  I caught up with Derick at Codemash, a great regional development conference. So without further ado, lets jump into the recorded interview. To subscribe to the podcast, please use the links below: Click Here to Subscribe via iTunes Click Here to Subscribe via RSS (non-iTunes feed)    Show Notes: Resources Derick's Blog JavaScript Videos by Derick Hands-on Backbone.js Structuring jQuery with Backbone.js  Full Transcript Craig McKeachie: [0:00] On this episode I interview Derick Bailey, backbone J S expert and author of the popular "Marionette Plug in for Backbone." This is Front-End Developer Cast Episode One. [0:09] [music] Craig: [0:18] Welcome to the Front-End Developer Cast, the podcast that helps developers be awesome at building ambitious web applications. Whether you are a JavaScript ninja, or you're just getting started. I'm your host Craig McKeachie. [0:30] Hi everyone. Welcome to the first episode of the podcast. Before we get started with the interview, I wanted to try to quickly describe why I created this podcast, who it's for and hopefully what you'll get out of it. [0:43] So why. I think front-end development is a historically undervalued skill. Front-end developers often get the "they just make it pretty" label. Mostly I've seen this mind set out of back-end developers, honestly, myself at times in the past and the designers who hand off their designs and just have them translated to HTML and CSS. I think this mindset is rapidly changing though. [1:07] There's a lot of demand for positions with the title, front-end developer and full stack developer, which that term full stack implies the whole stack is important, including the front-end that we're focused on. Why is this happening? One of the major factors is, there's a shake up in the way web applications are being built. [1:30] Browser-based or single page applications written mostly in JavaScript are becoming more prominent because they're providing a better user experience in many cases. More people are beginning to see the value consequently in front-end development skills including JavaScript, CSS, HTML, and user experience. Who is this podcast for? [1:53] This podcast is for developers who see that value in JavaScript, HTML, CSS, and user experience...for those who see the revolution happening around JavaScript and are compelled by these browser-based single page applications that are very responsive and more akin to a desktop application. [2:12] For those who want to be part of this future of web applications, front-end developers as well as, people who consider themselves full stack developers, but value those front-end skills. I think we'll get a lot of this podcast. [2:25] What specifically am I hoping you'll get. With the pace of change and the amount of stuff you've got to keep up with nowadays, there is a need to learn more and more. [2:37] I'm going to try and keep you up-to-date with the latest stuff on this podcast by interviewing framework authors, people using the libraries already ahead of you on the learning curve, and trying to give some education around that. [2:56] Please be sure to subscribe. Let's get on with our first episode. In the first 10 episodes or so, I'm going to be talking about JavaScript, MVC, MVC* frameworks as people call them, such as Backbone JS, Angular JS, Knockout JS, and Ember JS. Backbone JS was one of the first client-side libraries and frameworks to get traction. [3:24] I thought this would be a great topic for the first podcast. For at least the first 10 episodes or so,