JSJ 269 Reusable React and JavaScript Components with Cory House
JavaScript Jabber11 Heinä 2017

JSJ 269 Reusable React and JavaScript Components with Cory House

JSJ 269 Reusable React and JavaScript Components with Cory HouseOn today’s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and playing the part of both host and guest, Cory House. Encourage your team to investigate reusable components, whether that’d be React, Angular, Vue, or Ember. Tune in![00:01:35] – OverviewWe can finally write reusable components that it is really lightweight. It doesn’t take much framework-specific code to get things done.Around 3 years ago, the idea of web component standard was all front-end developers could share our components with each other whether someone is in Angular or React. Web components continue to be an interesting standard but people continue to reach for JavaScript libraries instead – React, Angular, Vue. [00:04:50] – Browser support issueThe story in JavaScript libraries is easier. You have more power, more flexibility, more choices, and get superior performance, in certain cases, by choosing a JavaScript library over the standard right now. If you try to use the web components standard, you have to Polyfill-in some features so you can run things across browser. You also won’t get JavaScript features like intelligently splitting bundles and lazy load different components.Whether you’re in Angular or React, you have this model of putting your data in your curly braces. That setup is non-existent in standardized web components. You have to play the game of putting and pulling data into and out the DOM using DOM selectors. You actually take a step backward in developer ergonomics when you choose to leverage the platform instead. [00:07:50] – Polymer The reason that Polymer is useful is it adds some goodness on top of web components. One of those things is that it makes it easier to bind in data and not having to do things like writing a DOM query to be able to get your hands on this div and put this text inside of it. With Polymer, you can do something that feels more like Angular, where you can put in your curly braces and just bind in some data into that place. Polymer ends up adding some nice syntactic sugar on top of the web components standard just to make it easier to create web components. Polymer is also used to bundle in Polyfill for the features across browser. [00:14:20] – Standards are deadNo. The standard itself has been embraced at different levels by different libraries. What you can see for the near future is popular libraries leveraging pieces of the web components platform to do things in a standard-spaced way. Effectively, Angular, Vue, Aurelia, are going to be abstractions over the web components standard. Arguably the most popular way to do components today is React. But React completely ignores the web components standard. When you look at React, you can’t see what piece of the web components standard would fundamentally make React a better component library.Cory can’t seem to run to anybody that is actually using the standard in production to build real applications. People continue to reach for the popular JavaScript libraries that we so often hear about.[00:17:05] – Libraries making reusable componentsThere is a risk that it would have been a waste for people writing components on Angular, for React, for Vue. But it’s not necessarily safer writing on the web component standard when you have so few people leveraging that standard. There’s always the risk that that standard may shift as well.As an example, Cory’s team created approximately 100 reusable components in React. If they end up moving to a hot new library, the components are really just functions that take parameters and contain HTML. There is little there[00:21:20] – Why opt for reusable componentsReusable components are inherently useful in a situation where you’re going to be doing something more than once. If you think about any work that you do as a software developer, we’d like to think that we’re coming in and creating new things but often it is groundhogs day. There are all sorts of opportunities for reuse.As a company, we want to encapsulate our forms in reusable components so it’s literally impossible for our software developers to do something that goes against our standard. That’s the power of reusable components. [00:31:20] – Rigid component vs. flexible component As component developers, if we try to create a reusable component in a vacuum, bad things happen. If you’re going to do a reusable component, start by solving a specific problem on a given application. If we think that a component’s going to be useful in multiple places, we put it in a folder called reusable right there in our application source folder.We try to follow that rule of three as well. If we’ve taken that component and used it in 3 places, that’s a good sign that we should extract it out, put it in our NPM package, that way, everybody has this centralized component to utilize. At that point, it has been tested. It’s been through the fire. People have used it in the real world in a few places so we can be confident that the API is truly flexible enough.Be as rigid as you can upfront. Once you add features, it’s really hard to take features away. But it’s quite easy to add features later. If you start with something rigid, it’s easier to understand. It’s easier to maintain and you can always add a few more switches later.[00:36:00] – Reusable componentsThe reason that we can’t reuse code is every time a new project comes up, people are spending up their own ideas rather than leveraging standards that should have been put in place previously.We’ve had the technical ability to do this for a long time. We just haven’t been around long enough for consolidation to happen, for standardization to happen. You look at how quickly things are changing in our industry. For instance, a couple of years ago, everybody had pretty much decided that two-way binding was the way to build web applications. And then, React came along and shook that up. So today, you have different ways of thinking about that issue.[00:42:45] – Component development on teamsAimee’s team has component development and they’re using Angular 1.6. All of our base components are sitting in a seed application. We just go in when we want to create a new property and we just extend all of those components with specific functionalities that we need.[00:47:45] – Mobile to web crossoverCory’s team is creating React components but it’s not leveraged on a mobile application. But people use React Native components on the web. And in fact, if you use create-react-app today, you can do that right now. It’s wired up to work in React Native components. In that way, you can literally have these same components running on your Native mobile apps as you do on your web application.[00:50:00] – ChallengeCory’s challenge for everybody listening is sit down with your team and have a quick conversation about whether you think components make sense. Look back at the last few months of development and say, "if we have a reusable component library, what would be in it? How often have we found ourselves copying and pasting code between different projects? How much benefit would we get out of this story?"Once you’ve realized the benefits of the component model, both in the way that makes you think about your application, in a way that it helps you move faster and faster over time, I really think you won’t go back to the old model. I’d encourage people to investigate reusable components, whether that’d be React, Angular, Vue or Ember.PicksCory HouseJoe EamesAimee KnightCharles Max WoodJSJ 269 Reusable React and JavaScript Components with Cory HouseOn today’s episode of JavaScript Jabber, we have panelists Joe Eames, Aimee Knight, Charles Max Wood, and playing the part of both host and guest, Cory House. Encourage your team to investigate reusable components, whether that’d be React, Angular, Vue, or Ember. Tune in![00:01:35] – OverviewWe can finally write reusable components that it is really lightweight. It doesn’t take much framework-specific code to get things done.Around 3 years ago, the idea of web component standard was all front-end developers could share our components with each other whether someone is in Angular or React. Web components continue to be an interesting standard but people continue to reach for JavaScript libraries instead – React, Angular, Vue. [00:04:50] – Browser support issueThe story in JavaScript libraries is easier. You have more power, more flexibility, more choices, and get superior performance, in certain cases, by choosing a JavaScript library over the standard right now. If you try to use the web components standard, you have to Polyfill-in some features so you can run things across browser. You also won’t get JavaScript features like intelligently splitting bundles and lazy load differ

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Jaksot(735)

055 JSJ Web Developer Skills

055 JSJ Web Developer Skills

Use this link and code JAVAJAB to get 20% off your registration for FluentConf 2013! Panel AJ O’Neal (twitter github blog) Merrick Christensen (twitter github) Joe Eames (twitter github blog) Jamison Dance (twitter github blog) Discussion 00:57 - What does it mean to be a “web developer” “T-shaped skills” 11:01 - Minumum level entry skills you need to become a web developer HTML CSS JSHint Jade less.js jquery 19:39 - CSS Jade 24:24 - Mid-Senior level skills you need to become a web developer Networking HTTP Wireshark Build systems node.js NoSQL Netcat MVC frameworks Preprocessers REST Picks Prime Workers (AJ) Adobe Illustrator (AJ) Vagrant (Merrick) Puppet (Merrick) Mountain West Ruby Conference (Jamison) TXJS (Jamison) Breeze.js (Joe) edge.js (Joe) 'Arrested Development' Comes Back On Netflix On May 26, So Get Extra Sleep Now: Linda Holmes (Joe) Intro to Networking with Netcat and NodeJS (AJ) Intro to HTTP with Netcat, Node, Connect (AJ) Next Week Marionette.js with Derick Bailey Transcript [Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.] [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.] JAMISON:  Hey guys and welcome to JavaScript Jabber. I’m your guest host today, Jamison Dance. Chuck is at Mount West Ruby Conference today and we have a bunch of panelists today. The first one is AJ O’Neal. AJ:  Yo! Yo! Yo! Coming at you as live as I can from Provo, Utah. JAMISON:  We’ve got Merrick Christensen. MERRICK:  What’s up? JAMISON:  And we’ve got Joe Eames. JOE:  Hey, how’s it going? JAMISON:  Today, we’re talking about just general web development skill sets, like what do you need to know to be a web developer? We should probably start off and define what a web developer is first because I think that it’s a really overloaded term. What do you guys think it means to be a ‘web developer’? I’m doing air quotes right now. JOE:  Merrick and I have had some conversations about this and it’s like I feel like his opinion of what a web developer is, is slightly different than mine. And maybe I’m coming more in line with what his definition is. So, I want to hear his first. MERRICK:  My definition? JOE:  Yeah, go. MERRICK:  So, one of the things that I see a lot of people saying as a web developer is people who come from traditional software engineering backgrounds and they come thinking that they can avoid HTML and CSS altogether. I think that’s a really dangerous approach because then you end up moving too much into JavaScript. And then, you have the opposite problem where people just don’t understand programming well and they end up with sort of jQuery spaghetti code. Which I think is okay for a lot of the brochure style sites, a lot of the maybe WordPress or content driven sites you can get by with just being really solid at HTML/CSS and then below average with JavaScript. But I think if you want to be a web application developer, you’re going to have to be solid on all three of those technologies, CSS, HTML, JavaScript and depending on the app that may include CSS preprocessors et cetera. JOE:  You said web application developer, right? MERRICK:  Yeah. I think there’s a difference. JOE:  Yeah, okay. For mine, one of the things that I feel like is I’m weak with CSS, right? And so, I kind of have this disdain about people that are like, “Oh, you don’t know CSS, huh? Well, that’s a problem.” And I want to say, “Well, yeah I’m not great with CSS.” I can tread water. But I can’t take a screen shot that some designer puts together in Illustrator and then turn it into a web page and feel like I’m doing it right. I always want to turn to an expert and say, “Hey, what do you think of this layout? Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

12 Huhti 201339min

054 JSJ JavaScript Parsing, ASTs, and Language Grammar w/ David Herman and Ariya Hidayat

054 JSJ JavaScript Parsing, ASTs, and Language Grammar w/ David Herman and Ariya Hidayat

Use this link and code JAVAJAB to get 20% off your registration for FluentConf 2013!PanelDavid Herman (twitter blog Effective JavaScript) Ariya Hidayat (twitter github blog) Tim Caswell (twitter github howtonode.org) Jamison Dance (twitter github blog) Joe Eames (twitter github blog) Merrick Christensen (twitter github) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 00:48 - David Herman and Ariya Hidayat Introduction044 JSJ Book Club: Effective JavaScript with David Herman 023 JSJ Phantom.js with Ariya Hidayat 01:54 - Parsing JavaScript and ASTs and Language Grammars 04:44 - Semantics 06:08 - Abstract Syntax Tree (AST)Esprima: Parser SpiderMonkey 10:37 - Lexer 12:16 - Writing your own languagecreationix / jack The C Programming Language 17:41 - Parser GeneratorsJavaScriptCore 21:04 - Evolving a Syntax Automatic Semicolon InsertionPost correspondence problem Halting problem 28:05 - Language DesignThe Rust Programming Language 30:35 - GrammarRegular Expressions (Regex) Backus–Naur Form (BNF) Recursion How to Design Programs (HTDP) 38:00 - Recursive Descent Parsers 42:48 - Benefits of knowing language internals and syntaxApache Lucene - Apache Lucene Core LPeg - Parsing Expression Grammars For Lua 48:48 - Abstract Syntax Tree (AST)PicksMass Effect 3 (Joe) A Beginner's Guide to Irrational Behavior | Coursera (Joe) Go write a programming language to learn one (Tim) Thumbs and Ammo (Jamison) ISM by Savant (Jamison) Vimcasts (Jamison) The iPhreaks Show (Chuck) Mozy (Chuck) Tech & Go Bright Pink Micro USB Cable (David) asm.js (David) Beyond Office Politics: The Hidden Story of Power, Affiliation & Achievement in the Workplace by Linda Sommer (Ariya) gotwarlost / istanbul (Ariya) Next Week Web Developer Skills Transcript JAMISON:  I am Linus Torvalds and I pronounce Linux, Linix.[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.][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.]CHUCK:  Hey everybody and welcome to Episode 54 of the JavaScript Jabber Show. This week on our panel, we have Tim Caswell.TIM:  Hello.CHUCK:  Jamison Dance.JAMISON:  Hi guys.CHUCK:  Joe Eames.JOE:  Hey there.CHUCK:  Merrick Christensen.MERRICK:  Hey guys, what’s up?CHUCK:  I’m Charles Max Wood from DevChat.tv. And we have two special guests this week. We have Dave Herman.DAVID:  Hey there.CHUCK:  Ariya Hidayat.ARIYA:  Hello everyone.CHUCK:  And these guys are so smart that we brought them back. So, if you’re interested, we’ll put links to the episodes that they were on. David was on when we talked about his book ‘Essential JavaScript’ and Ariya was on when we talked about PhantomJS.JAMISON:  Effective JavaScript.CHUCK:  Effective? What did I say?MERRICK:  Essential.CHUCK:  Essential? Well, it’s an essential book on Effective JavaScript. How’s that?[Laughter]MERRICK:  Good save.DAVID:  At least, you didn’t say Defective JavaScript.[Laughter]CHUCK:  No, that’s what I write. I’m really good at writing defective JavaScript.ARIYA:  Actually, there’s a book about Essential on Defective JavaScript.CHUCK:  I also want to announce really quickly that Fluent Conf has given us a discount code. So, if you want to get 20% off on your registration for Fluent Conf, just enter JAVAJAB and you’ll get 20% off when you register for Fluent Conf.Alright. Well, let’s get started. This is going to be a really, really interesting topic and it’s something that I’ve wanted to know more about for a long time. And I just haven’t delved as deeply into it as I would like to. And that is,Special Guests: Ariya Hidayat and David Herman. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

5 Huhti 201359min

053 JSJ Software Team Dynamics

053 JSJ Software Team Dynamics

Use this link and code JAVAJAB to get 20% off your registration for FluentConf 2013! PanelJoe Eames (twitter github blog) Jamison Dance (twitter github blog) AJ O’Neal (twitter github blog) Merrick Christensen (twitter github) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 02:48 - External ConflictsDealing with people outside your own team 07:04 - Areas of Expertise 08:45 - Expectations and DeadlinesMultiple Layers of Hierarchy Differences in Goals 13:47 - Flatter Structure Approach 15:21 - The Search for DevelopersFinding the ideal people What makes an ‘A Player’? Intellectual Capability 19:47 - Team Scaling/ Scaling AgileScaling Agile @ Spotify How Stripe Builds Software, with Greg Brockman 25:10 - Team Diversity 29:57 - Team DynamicsAttitude Different: Escaping the Competitive Herd by Youngme Moon (Joe) 35:00 - Specialization 40:08 - Dealing with someone you don’t likeCircumventing Confrontation 50:52 - Dealing with a non-engaged personPicksHonest and open conversations (Merrick) Noah Gundersen (Merrick) Oz the Great and Powerful (Joe) Different: Escaping the Competitive Herd by Youngme Moon (Joe) The Gifts of Imperfection: Let Go of Who You Think You’re Supposed to Be and Embrace Who You Are by Brené Brown (Joe) King of Tokyo (Joe) AngularJS (Joe) Kiki's Delivery Service (Jamison) Local 0.2.2 (Jamison) Ciaran Jessup (AJ) Psych Season 7 (AJ) Google+ Hangouts (AJ) ScreenFlow (AJ) Jing (Chuck) Transmit (Chuck) Next Week JavaScript Parsing, ASTs, and Language Grammar w/ David Herman and Ariya HidayatTranscript CHUCK:  So, team dynamics this week?JOE:  Sorry, is that our discussion or is that what we decided to call ourselves?[Laughter]CHUCK:  It’s our discussion topic this week.AJ:  We are Team Dynamics.JOE:  Because if we’re going with names, I would like to submit the Wolverines.CHUCK:  The Wolverines? I think it’s taken by a University around here.AJ:  Yeah, and my high school back in Virginia, and that dude from New Zealand who plays in X-Men.CHUCK:  That dude?AJ:  Yeah, that dude, Hugh Jackman.CHUCK:  [Chuckles][Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.][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.]CHUCK:  Hey everybody, and welcome to Episode 53 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.JOE:  Hi there.CHUCK:  Jamison Dance.JAMISON:  Hello, my mission is to bring calm to the boiling cauldron of hate that is the Internet.CHUCK:  AJ O’Neal.AJ:  Yo! Yo! Yo! Coming at you live from the pulling my hair out over Iowa.CHUCK:  Merrick Christensen.MERRICK:  What up?CHUCK:  I’m Charles Max Wood from DevChat.tv and don’t forget to use that code to get into Fluent Conf.MERRICK:  It’s a big conference. You can go to FluentConf.com for the schedule, happens May 28th to the 30th, it’s at the Hilton Union Square in San Francisco. And for our listeners, you can actually get 20% off on your ticket using JAVAJAB. And that will give you 20% off on the registration.CHUCK:  This week, we’re going to be talking about team dynamics and all the fun stuff that goes with it. To start us off, I kind of want to ask because I always get good stories from people when I ask questions like this. What is your worst team experience?JOE:  That’s quite a way to start it off. It sounds like a good way to get me to burn some bridges.AJ:  No, no, I know this one…JAMISON:  I played little league and I was scared of the ball. And I had the bat and I was really short and they wanted me to bat first because I’d be walked all the time to get on base but I just wanted to quit. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

29 Maalis 201346min

052 JSJ Node & NPM with Isaac Schlueter

052 JSJ Node & NPM with Isaac Schlueter

Use this link and code JAVAJAB to get 20% off your registration for FluentConf 2013! PanelIsaac Schlueter (twitter github blog) Joe Eames (twitter github blog) Merrick Christensen (twitter github) AJ O’Neal (twitter github blog) Jamison Dance (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:33 - Isaac Schlueter IntroductionNPM Node 02:33 - Node Backstoryv8 SpiderMonkey Joyent 05:37 - Node and New FeaturesNode.js v0.10.0 Manual & Documentation v8 13:30 - Language AccommodationsTC39 Luvit libev libuv eventmachine @ GitHub Zedd Shaw 22:32 - C++LibEVN - Node in C 25:19 - New Streams API30:37 - Semantic VersioningExperimental versions 33:01 - NPM39:30 - Issac’s Future41:06 - DiscoveryRecommendation Engine Exposing Quality of Modules Code Quality 47:18 - Advice for Adopting NodeJoyent The Node Firm StrongLoop Iris Couch PicksWild at Heart Revised and Updated: Discovering the Secret of a Man’s Soul by John Eldredge (Joe) The Aquabats (Jamison) User Feedback: Isaac Schlueter (Jamison) Fluent 2013 (Merrick) Code: JAVAJAB So Good They Can’t Ignore You: Why Skills Trump Passion in the Quest for Work You Love by Cal Newport (Merrick) StarCraft II (Merrick) Moving to GruntJS: AJ ONeal (AJ) Intro to JSHint: Training Wheels for JavaScript: AJ ONeal (AJ) Gimp (AJ) And Another Thing... (The Hitchhiker’s Guide to the Galaxy) by Eoin Colfer Free Music Downloads on Last.fm (AJ) Blackbird Blackbird - Hawaii (AJ) Hazel (Chuck) Mac Power Users (Chuck) Nonviolent Communication: A Language of Life (Isaac) Next Week Software Team Dynamics Transcript CHUCK:  You all ready?JAMISON:  Super ready.AJ:  So ready. JOE:  I was born ready.MERRICK:  I was molded by ready.[Laughter]CHUCK:  Alright.[Hosting and bandwidth provided by the Blue Box Group. Check them out at  Bluebox.net.][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.]CHUCK:  Hey everybody and welcome to Episode 52 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.JOE:  Hey there.CHUCK:  We also have Merrick Christensen.MERRICK:  What up?CHUCK:  AJ O’Neal.AJ:  How do you decide the order each week?CHUCK:  I just make it up.AJ:  Okay. It’s only random.CHUCK:  And Jamison Dance.JAMISON:  Hey guys.CHUCK:  I’m Charles Max Wood from DevChat.tv and we have a special guess that’s Isaac. I know I’m going to destroy your last name. Let me see if I can say it… You say it.ISAAC:  Schlueter.CHUCK:  Schlueter!ISAAC:  Yeah.AJ:  That’s so much easier than I’d ever imagined.[Laughter]ISAAC:  I wanted to hear Chuck keep going on that.JOE:  Yeah, it’s pretty good.CHUCK:  It has extra constantans in it, it throws me off. And then extra vowels.MERRICK:  I heard him just crying, “Shu...shu…” [Laughs]ISSAC:  I have relatives that can’t say it right and it’s their name so…[Laughter]CHUCK:  Alright. Well, do you want to introduce yourself real quickly since you haven’t been on the show?ISAAC:  Sure. I am the author of NPM and I’ve been maintaining Node for the last -- Jesus! It’s been almost a year and a half now, a year or so.CHUCK:  So just a couple small projects that nobody’s heard of, right?[Laughter]ISAAC:  Yeah, a handful of little things on GitHub.CHUCK:  Is there anything else we have to know about you?ISAAC:  I enjoy changing my Twitter avatar to things that are funny or disturbing or preferably both.[Laughter]ISAAC:  And, I don’t know.CHUCK:  Alright. Well, we really appreciate you coming on the show.AJ:  That is pretty disturbing dude. You’ve got your face on a really overweight cat.Special Guest: Isaac Schleuter. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

22 Maalis 20131h

051 JSJ Finding a Job

051 JSJ Finding a Job

PanelAJ O’Neal (twitter github blog) Jamison Dance (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:02 - Panelist employment backgrounds04:34 - Programming job marketNetworking 06:31 - How to get a job doing what you likeBetterServers Skunkworks project 09:36 - Qualifications11:40 - How you find jobsBeing active in online and offline communities Mailing list advertisement Recruiters and job boards 15:51 - Resumes19:27 - Interviews“I don’t know.” Pairing 24:50 - Company fit095 RR People and Team Dynamics with Joe O’Brien Contract to hire work 30:47 - What makes somewhere a good place to work?Autonomy 40:32 - FreelancingThe Ruby Freelancers Show PicksPsych Season 7 (AJ) The Fradio - MediaBox (AJ) Das Keyboard Model S Ultimate Mechanical Keyboard (Jamison) 48 Days to the Work You Love: Preparing for the New Normal by Dan Miller (Chuck) No More Mondays: Fire Yourself -- and Other Revolutionary Ways to Discover Your True Calling at Work by Dan Miller (Chuck) 48 Days Podcast (Chuck) From the Dust (AJ) Next Week Node.js 0.10 Release with Isaac Schlueter Transcript[Hosting and bandwidth provided by the Blue Box Group. Check them out at  Bluebox.net.][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.]CHUCK:  Hey everybody and welcome to Episode 51 of the JavaScript Jabber Show. This week on our panel, we have AJ O’Neal.AJ:  Yo! Yo! Yo! Chuck, did you realize that this is like our anniversary?CHUCK:  Our anniversary was in January actually. Though, we missed a handful of episodes. Otherwise, it would be. Yeah.AJ:  Yeah, whatever. I don’t know whether or not I'm alive. I don’t know when our anniversary is. I don’t know nothing.CHUCK:  [Laughs] We also have Jamison Dance.JAMISON:  Hey guys!CHUCK:  I'm Charles Max Wood from DevChat.tv. And this week, we’re going to be talking about finding a job.I'm a little curious. AJ, you're freelance now, aren’t you?AJ:  Yeah, kind of.CHUCK:  Kind of.AJ:  Mostly, I'm just working on projects that I've been wanting to work on. I haven't actually sought out a lot of work.CHUCK:  Oh, okay. And Jamison is empris -- or employed.JAMISON:  [Laughs] Or happily employed.CHUCK:  I'm freelance as well, been a freelance for a few years now. So, and I know that Tim went freelance. I don’t know if that stuck or not. It sounded like it has, at least, until he decides he wants to be somewhere else.JAMISON:  Merrick and Joe are both employed though.CHUCK:  Yeah. They both work at Domo.JAMISON:  They're like half and half, I guess, now.CHUCK:  So, how many places have you guys worked at as programmers?AJ:  I just worked at BYU and SpotterRF.JAMISON:  I have worked at four places. But one of them, I did PHP and Drupal. I don’t know if I could count that as a programmer then.CHUCK:  [Laughs] You plucked out the bad memories.JAMISON:  Yeah. Well, it was great for the time. It was [inaudible].CHUCK:  Yeah. I did IT at BYU. I didn’t ever actually work for them as a programmer. And then, I ran tech support at Mozy and I did programming there but it wasn’t part of my job description. My job description was to run the Tech Support Department. So, people would call in with problems with Mozy and we would help fix them. But we needed an Issue Management System, our ticketing system, whatever you want to call it. And we also needed some kind of knowledge base. And the company really didn’t want to spring for it. So, I wound up building it.AJ:  Cool! [Chuckles]CHUCK:  And that’s kind of how I made the transition into programming because after working on that for a while, Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

15 Maalis 201352min

050 JSJ QUnit with Jörn Zaefferer

050 JSJ QUnit with Jörn Zaefferer

Panel Jörn Zaefferer (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) Discussion 01:15 - Jörn Zaefferer IntroductionjQuery QUnit 02:32 - QUnitjQuery Mobile Introduction to Unit Testing | QUnit 06:59 - Built-in support for HTML fixtures for your tests08:50 - Unit Testingjoshuaclayton / specitmmonteleone / pavlov11:57 - Assertionsfn:deep-equal 15:49 - Why use QUnit?unit testing - QUnit vs Jasmine - Stack Overflowstacktrace.js 023 RR Book Club: Smalltalk Best Practice Patterns with Kent Beck26:01 - User experience for user interface30:03 - Continuous integration setupsJenkins CI PhantomJS 023 JSJ Phantom.js with Ariya Hidayat jquery / testswarmjQuery's TestSwarmBrowserStack 36:55 - Testing in JavaScriptSauce Labs: Cloudified Browser Testing Testacular SeleniumHQ 43:35 - Add-onsPicksMYO - The Gesture Control Armband (Jamison) Mailbox (Jamison) Testing Clientside JavaScript (Joe’s Course) (Joe) DragonBox (Joe) Breeze.js (Joe) Anker Battery Pack (Chuck) App.net (Chuck) Leap Motion (Jörn) jQuery Validation Plugin Pledgie (Jörn) Next Week Finding a job Transcript JOE:  I'm really glad that I didn’t know you when Star Wars first came out....Dude! Vader’s Luke’s father.[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.][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.]CHUCK:  Hey everybody and welcome to Episode 50 of the JavaScript Jabber Show. This week on our panel, we have Jamison Dance.JAMISON:  Hello friends.CHUCK:  We have Joe Eames.JOE:  Hey, everybody.CHUCK:  I'm Charles Max Wood from DevChat.tv. I'm the only person on this particular episode whose name does not start with J.We also have -- I know I'm going to destroy this name. Jorn Zaefferer.JORN:  Hi! Yeah, it’s me. You should have practiced the last name too.CHUCK:  Yeah.JOE:  You should pronounce that correctly for us so we know.JORN:  Jorn Zaefferer.CHUCK:  Alright. Well, I can say Jorn. So, I’m going to stick with that.JORN:  Yeah, that works.CHUCK:  Do you want to introduce your self for the people who aren’t aware of who you are and what you do?JORN:  Sure. I'm a freelance software developer since a little bit more than two years now. I am involved a lot in the jQuery project and have been involved in that for years. So far, I'm the only person on the Board of Directors of the jQuery Foundation outside of the US. And for the jQuery project, I'm working mostly on jQuery UI and the testing tools. So jQuery UI, I'm one of the lead developers. One was Scott Gonzalez. For the testing tools, I'm leading that team. So, I'm trying to get contributions from other people so things move along evenly. There’s usually much more work to do than I can handle myself. So, I’m trying my best to get open source going there.CHUCK:  So, you work on jQuery UI and QUnit?JORN:  I’m working on the jQuery UI and the testing tools which involves QUnit and a few other things. QUnit is the one that’s actually featured in the jQuery site. We also have TestSwarm and even smaller tools that eventually should get there as well. It’s much more influx than QUnit is.CHUCK:  Interesting. So, we brought you on the show to talk about QUnit. Joe is kind of our testing guru as far as JavaScript goes. Is QUnit just a unit testing framework or do you provide other tools for integration with a backend or other libraries?JORN:  QUnit focuses mostly on unit testing. But people usually end up using it for other things as well. I heard a story where someone was using QUnit to do performance regression testing.Special Guest: Jörn Zaefferer. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

8 Maalis 201333min

049 JSJ MooTools with Valerio Proietti and Arian Stolwijk

049 JSJ MooTools with Valerio Proietti and Arian Stolwijk

PanelValerio Proietti (twitter github) Arian Stolwijk (twitter github blog) Joe Eames (twitter github blog) Merrick Christensen (twitter github) Jamison Dance (twitter github blog) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) Discussion 01:08 - Arian Stolwijk IntroductionMooTools Developer Symbaloo 01:39 - Valerio Proietti IntroductionMooTools Creator Spotify 02:21 - What is MooTools?Github - MooTools 07:04 - The Class Systemmootools / prime 09:36 - Milk10:25 - Design GoalsGhost 11:19 - Primemootools / wrapup CommonJS 14:18 - MooTools vs jQuery19:53 - Using MooTools and jQuery togetherObject Oriented jQuery with MooTools @jQuery Conference: Ryan Florence 21:08 - MooTools for Frameworksepitome neuro Github - MooTools 23:48 - ChainingMooTools Demos - Chaining 26:59 - Request API for Ajax calls29:11 - Favorite MooTools-using WebsitesSpotify 9GAG 29:45 - AccomplishmentsClass System wrapup arian / prime-util 31:36 - The history of MooToolsscript.aculo.us moo.fx PicksWasteland 2 (Joe) The Lost Fleet Series by Jack Campbell (Joe) MooTools (Merrick) People who can ride on airplanes for the first time (Merrick) ES6 Module Transpiler - Tomorrow's JavaScript module syntax today (Jamison) ajacksified / song-of-github (Jamison) Community Vote for OpenWest Conference 2013 (Jamison) walmartlabs / hapi (Jamison) Cornify (Chuck) Parade of Homes (Chuck) Dave Ramsey's Financial Peace University (Chuck) Floby / node-libspotify (Valerio) visionmedia / superagent (Valerio) kamicane / moofx (Valerio) Why Mozilla Matters: Brendan Eich (Arian) Ubuntu (source code) (Arian) Next Week QUnit with Jörn Zaefferer Transcript MERRICK:  Yeah, call me Mer-rock, I’m cool with that.[Hosting and bandwidth provided by the Blue Box Group. Check them out at Bluebox.net.][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.]CHUCK:  Hey, everybody and welcome to Episode 49 of the JavaScript Jabber Show. This week on our panel, we have Joe Eames.JOE:  Howdy.CHUCK:  We have Merrick Christensen. MERRICK:  Hey, guys.CHUCK:  Jamison Dance.JAMISON:  Hello friends.CHUCK:  And I'm Charles Max Wood from DevChat.tv. And I just want to remind you, if you're going to sign up for Rails Ramp Up, you have one week.We also have two special guests and that is Valerio ProiettiVALERIO:  Hello.CHUCK:  And Arian Stolwijk.ARIAN:  Hello.CHUCK:  And I think I got close on those names. Okay. So, why don't we have Arian go first? I'd like you just to introduce yourself really quickly for people who aren’t familiar with who you are?ARIAN:  So, I’m Arian. I'm a MooTools developer mostly. Besides that, I work for a company called Symbaloo which is bookmark website page. Besides that, I'm actually still studying for my Master’s Degree in Embedded Systems. And that's about it.CHUCK:  Cool. And Valerio, do you want to introduce yourself?VALERIO:  Sure. Well, I created MooTools a few years ago and since then, a lot of cool people have joined the project like Arian who we have here today. I’m currently working in Sweden at Spotify.CHUCK:  Oh, cool!MERRICK:  Very cool!CHUCK:  Yeah, we like Spotify.MERRICK:  Is that the headquarters of Spotify is in Sweden?VALERIO:  Yeah, this is the where the magic happens. They have other offices but they're not as important as the Swedish one.[Laughter]VALERIO:  I'm kidding. Everybody’s important, not just the Swedish one.CHUCK:  Very nice, very nice. Alright. So, do you guys want to just take a minute and explain what MooTools is? I think people have some idea, but just to get kind of a base line for the rest of the conversation.VALERIO:  Yes,Special Guests: Arian Stolwijk and Valerio Proietti. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

1 Maalis 201346min

048 JSJ Why JavaScript Is Hard

048 JSJ Why JavaScript Is Hard

PanelJoe Eames (twitter github blog) Tim Caswell (twitter github howtonode.org) Charles Max Wood (twitter github Teach Me To Code Rails Ramp Up) AJ O’Neal (twitter github blog) Discussion 00:56 - Why JavaScript is hard to learn02:30 - This05:30 - Bind09:11 - Browsers11:01 - Class-based inheritancePrototypal inheritance 16:37 - New function18:51 - Closures20:51 - JavaScript is asynchronous22:14 - Variable scopingHoisting 26:14 - Numbers and math(AJ joins the podcast) == ’s vs === ’s 32:15 - Things that make JavaScript hard after learning JavaScriptPackage management 35:06 - Numbers (cont’d)Crypto Bitwise operations Strings Effective JavaScript by David Herman 044 JSJ Book Club: Effective JavaScript with David Herman 40:16 - Changing/Evolving JavaScript43:31 - Environmental reasons that make JavaScript HardTooling 48:25 - Few projects are primarily JavaScript49:07 - Adolescence and the JavaScript Ecosystem53:59 - Running JavaScript PicksSharpie Metallic Silver (AJ) The how and why of auto-executing functions (in JavaScript) (AJ) The JavaScript Unicycle (AJ) RSA (Tim) OUYA (Tim) Borderlands 2 (Joe) MechWarrior Tactics (Chuck) Testing Clientside JavaScript (Joe) Fire Up Ember.js | PeepCode (Chuck) Meet Chef (Part 2 of 2) | PeepCode (Chuck) Next Week MooTools with Arian Stolwijk and Valerio Proietti Transcript TIM:  I’m just learning lots of math and attempting to do real math in JavaScript is a fun challenge.[Hosting and bandwidth provided by the Blue Box Group. Check them out at  Bluebox.net.][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.]CHUCK:  Hey everybody and welcome to Episode 48 of the JavaScript Jabber show. This week on our panel, we have Joe Eames.JOE:  Howdy!CHUCK:  We also have Tim Caswell.TIM:  Hello!CHUCK:  And I’m Charles Max Wood from DevChat.tv. And when this episode goes out, you’re going to have about two weeks left if you wanted to sign up for my Rails Ramp Up course. You’ll find that at RailsRampUp.com. I’ve been working hard on that.This week, we’re going to talk about why JavaScript is hard. And I think it was Tim that came on and said, “So, we’re talking about why JavaScript sucks?” And I didn’t want to call it that but at the same time, it’s one of the -- I think the reasons that people find JavaScript hard and the reasons some people say that JavaScript sucks are kind of the same thing. So, if you want to think of it that way, go right ahead.But I kind of wanted to talk about this for a couple of reasons. One was that I was at the users’ group meeting last week and they talked about some of the things that make JavaScript hard and I don’t remember what they all were. But there were a few things that, there are some concepts that are markedly different from what you find in other languages or at least some of the concepts exist in the other languages but they aren’t kind of as important or as in-your-face as they are in JavaScript.Anyway, the other reason is that I was thinking about when I first started this show. And when I first started the show, I was a web developer that was kind of like, “jQuery, whoo!” And thought jQuery and JavaScript, you know, were mostly the same in the sense that the only way to write sane JavaScript was to use jQuery. And so, I wanted to talk around some of the things that I’ve learned over the last year from the other panelists and help people who are coming into JavaScript understand the real power behind some of these other concepts.So that being said, let’s go ahead and get started. I’m a little curious as to what you guys think are some of the hard things that people run into in JavaScript, like why do they struggle with it?TIM:  Alright. So, Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

22 Helmi 20131h 3min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
ostan-asuntoja-podcast
herrasmieshakkerit
rss-lentopaivakirjat
leadcast
rss-paasipodi
taloudellinen-mielenrauha
pomojen-suusta
hyva-paha-johtaminen
rss-rahamania
rss-laakispodi
rss-merja-mahkan-rahat
rss-sisalto-kuntoon
rss-startup-ministerio
rss-huomisen-talous
rss-lounastauko
rss-vaikuttavan-opettajan-vierella