JavaScript Jabber

Panel: Charles Max Wood Special Guests: Evan HahnIn this episode, the JavaScript Jabber panelists discuss securing Express apps with Helmet.js with Evan Hahn. Evan is a developer at Airtable, which is a company that builds spreadsheet applications that are powerful enough that you can make applications with. He has also worked at Braintree, which does payment processing for companies. They talk about what Helmet.js is, when you would want to use it, and why it can help secure your Express apps. They also touch on when you wouldn’t want to use Helmet and the biggest thing that it saves you from in your code.In particular, we dive pretty deep on:Evan introJavaScript What is Helmet.js?Node and ExpressWhy would you use the approach of Middleware?Helmet is not the only solutionHttp headersCurrent maintainer of Helmet.jsnpmHas added a lot to the project, but is not the original creatorOutbound HTTP response headersHelmet doesn’t fully secure your app but it does help secure itHow does using Helmet work?Are there in

Panel: Charles Max WoodCory HouseAJ O’NealAimee Knight Special Guests: Greg KushtoIn this episode, the JavaScript Jabber panelists discuss thwarting insider threats with Greg Kushto. Greg is the vice president of sales engineering for Force 3 and has been focused on computer security for the last 25 years. They discuss what insider threats are, what the term includes, and give examples of what insider threats look like. They also touch on some overarching principles that companies can use to help prevent insider threats from occurring.In particular, we dive pretty deep on:Greg introInsider threats are a passion of hisMost computer attacks come from the inside of the companyInsider threats have changed over timeWhat does the term “insider threats” include?Using data in an irresponsible mannerWho’s fault is it?Blame the company or blame the employee?Need to understand that insider threats don’t always happen on purposeHow to prevent insider threatsVery broad termAre there some general principles to implement?Fi

Panel: Charles Max WoodCory HouseAimee Knight Special Guests: Ben TitzerIn this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the V8 team at Google. He was one of the co-inventors of WebAssembly and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.In particular, we dive pretty deep on:Ben introJavaScriptCo-inventor of WebAssembly (Wasm)Joined V8 in 2014asm.jsBuilt a JIT compiler to make asm.js fasterTurboFanWhat is the role of JavaScript? What is the role of WebAssembly?SIMD.jsJavaScript is not a statically typed languageAdding SIMD to Wasm was easierEasy to add things to WasmWill JavaScript benefit?Using JavaScript with Wasm pros and consPros to compiling with WasmStatically typed languagesThe more statically typed you are, the more you will benefit from WasmTypeScriptIs WebAssembly headed toward

Panel: Charles Max WoodCory HouseAimee Knight Special Guests: Ben TitzerIn this episode, the JavaScript Jabber panelists discuss WebAssembly and JavaScript with Ben Titzer. Ben is a JavaScript VM engineer and is on the V8 team at Google. He was one of the co-inventors of WebAssembly and he now works on VM engineering as well as other things for WebAssembly. They talk about how WebAssembly came to be and when it would be of most benefit to you in your own code.In particular, we dive pretty deep on:Ben introJavaScriptCo-inventor of WebAssembly (Wasm)Joined V8 in 2014asm.jsBuilt a JIT compiler to make asm.js fasterTurboFanWhat is the role of JavaScript? What is the role of WebAssembly?SIMD.jsJavaScript is not a statically typed languageAdding SIMD to Wasm was easierEasy to add things to WasmWill JavaScript benefit?Using JavaScript with Wasm pros and consPros to compiling with WasmStatically typed languagesThe more statically typed you are, the more you will benefit from WasmTypeScriptIs WebAssembly headed toward

Panel: Joe EamesCory HouseAimee Knight Special Guests: Ben ClinkinbeardIn this episode, the JavaScript Jabber panelists talk about D3.js with Ben Clinkinbeard. D3.js is a JavaScript library that has you use declarative code to tell it what you want and then it figures out all of the browser inconsistencies and creates the notes for you. He talks about the two main concepts behind D3, scales and selections, which once you understand make D3 a lot more user friendly. He then touches on SPGs and discusses his Learn D3 in 5 Days course.In particular, we dive pretty deep on:What is D3.js?Stands for Data Driven DocumentsJavaScriptHow much of the learning curve is attributed to learning D3?SPG2 main concepts behind D3: scales and selectionsIs learning about SPGs a prerequisite to leaning D3?How serious are you talking when saying idiosyncrasies?SPG tagUnderstanding positioning in SPGPositions with CSS transformsAre you required to use SPG?Not required to use SPG with D3CanvasSPG is vector basedSPG utility functionRe

Panel: Charles Max WoodAimee KnightAJ ONeal Special Guests: Peggy RayzisIn this episode, the JavaScript Jabber panelists talk about Apollo with Peggy Rayzis. Peggy is an open source engineer on the Apollo team where she primarily focuses on client stuff, working on Apollo Client, and also other libraries. Previously, she was a UI engineer at Major League Soccer where she worked primarily with React and React Native. She discusses what GraphQL is and how it is used, as well as how they use it in the Apollo team to make their lives as developers easier. They also touch on when it would work best to use GraphQL and when it is not ideal to use it.In particular, we dive pretty deep on:AiA 127 EpisodePeggy introWhat is GraphQL?What is a Typed Query Language?What is a schema?Where do schemas get defined?GraphQL SDLApollo Stack and Apollo ServerTracing and cash controlApollo EngineHow GraphQL Replaces ReduxGraphQL cuts down on front-end managementApollo Link StateThe best code is no codeApollo Client allows for great

Panel: Charles Max WoodCory HouseAimee KnightJoe EamesAJ O'NealIn this episode, the JavaScript Jabber panelists talk about the Framework Summit. It was the brainchild of Merrick Christensen. This summit includes talks on multiple different frameworks all in a two-day conference, which allows you to get exposed to new frameworks while still learning more about the framework your job requires you to use. Another goal of the conference is that it will be able to open people’s eyes up to the different frameworks available to them and show that no one framework is superior to another.In particular, we dive pretty deep on:What is the Framework Summit?The framework you use plays a huge role in your programmingFor people who want to learn about more than one frameworkAllows you to exploreThe format of the conferencePark City, Utah in October 2018Helps you answer which framework should you use?Goal is to open people’s eyes up to other frameworksDecrease internet arguments over which framework is betterFluent Conferenc

Panel: Charles Max WoodAimee KnightJoe EamesAJ O'Neal Special Guests: Orta TheroxIn this episode, the JavaScript Jabber panelists talk about the tool Danger with Orta Therox. Danger allows you to create cultural rules about your pole request workflow. They discuss what Danger is, how it works, and how it can help you to catch errors and speed up code review. Danger lets you erase discussions so that you can focus on the things that you should really be focusing on, like the code. They also compare Danger to other ways of doing test converge.In particular, we dive pretty deep on:What is DangerJS?Think of it as being on the PR levelProvides an eval contextUsed on larger projectsReact, React Native, Apollo, and RxJSExperimenting with moving Danger onto a serverDanger can run as a linting stepPre-commit hooksPrettierHow do you use Danger on your own machine?Danger Ruby vs Danger JSNPM installHow is using Danger better that other ways of test coverage?What kinds of rules can you write for this system?Can use with

Panel: Charles Max WoodAimee KnightJoe EamesCory HouseAJ O'Neal Special Guests: NoneIn this episode, the JavaScript Jabber panelists talk about React: The Big Picture, Cory’s course on Pluralsight and what React is all about. They discuss both the pros and cons when it comes to using React and when it would be the best to use this library. They also encourage programmers to use React in a more consistent way so that people can share components.In particular, we dive pretty deep on:What is React: The Big Picture course?ReactThe frameworks work with each otherReason and ElmHow to decide when using React is the best option?React tradeoffsJavaScriptReact expects you to do a little more typing and workReact is very close to JavaScriptReact pushes you towards a single file per componentReact Round UpAre the Code Mods as wonderful as they sound?AngularCreate React AppWhat are Code Mods?Lack of opinionated approach in ReactUsing React in a more consistent wayMobX and ReduxStart off using just plain ReactWhen wouldn’t

Panel: Charles Max WoodAimee KnightCorey HouseAJ O'Neal Special Guests: Ben Coe, Aaron Abramov, and Issac SchleuterIn this episode, the JavaScript Jabber panelists talk with Ben Coe, Aaron Abramov, and Issac Schleuter about test coverage and testing tools. They talk about the different tools and libraries that they have contributed to the coding community, such as NYC, conf, and Jest. They also discuss what test coverage is actually about and when using test coverage tools is necessary.In particular, we dive pretty deep on:What have you contributed to the testing tools community?npmNYC tool and instanbul projectconfJestThese libraries were developed to be easy and have “batteries included”False positives with test coverageEncourage testing practices that don’t practice in a superficial wayTest coverage is about making sure you test every state a public API can get intoThink through the test you’re writing firstBarriers against testingDon’t spike the code too quicklyProvides guardrails for newer developers to

Panel: Charles Max WoodAimee KnightAJ O'Neal Special Guests: Kitson KellyIn this episode, the JavaScript Jabber panelists talk with Kitson Kelly about evaluating web frameworks. Kitson is currently in Australia working for ThoughtWorks as a principle technologist. He has written many articles on frameworks and urges that people don’t get stuck on one framework in their programming. He talks about how using only frameworks that you know could hurt you in the long run. This episode is great for understanding when to use certain JavaScript frameworks and how branching out from what is comfortable might make your job easier.In particular, we dive pretty deep on:Articles on web frameworksHow do you pick a JavaScript framework to use?The framework depends on your changing needsRecommending less popular frameworksAngular, Ember, ReactReact vs ReduxCertain domains with different frameworks?Each framework takes a different approachHow to decide which framework to use?Only give it a couple days to see if your app works

Panel: Charles Max WoodAimee KnightCory HouseAJ O'NealJoe EamesAaron Frost Special Guests: Dave GeddesIn this episode, the JavaScript Jabber panelists talk with Dave Geddes about CSS Grids. Dave quit his job about a year ago and has been living the entrepreneur and programmer life since then. Now, he builds mastery games to help people learn CSS. Dave discusses the differences between Flexbox and CSS Grid and how the games that he creates can help people learn CSS Grid in a fun and interactive way.In particular, we dive pretty deep on:CSS Mastery gamesFlexboxZombies.comGridCritters.comUses spaced repetition and delayed recall to learnCSS GridFlexboxCSS Grid as the cake and Flexbox as the frostingEdge specWhat Flexbox can doSub-GridsGeddski.comNesting GridsOld Grid vs New Grid layoutWhy would you move from Flexbox to CSS Grid?CSS Grid toolsGridByExample.comEducation and GamificationPick a UI that interests youFor a discount on Grid Critters: enter JS Jabber for 20% offAnd much, much more!Links:LinodeFlexboxZom

Panel: Charles Max WoodAimee KnightCory HouseAJ O'NealJoe EamesSpecial Guests: NoneIn this episode, the JavaScript Jabber panelists speak on where they are what they are up to today. Aimee is still in Nashville, Tennessee, and it is currently working at Built Technologies and is working with JavaScript. Cory is still authoring courses for Pluralsite, has more recently been doing consulting with React, and is the principal engineer at Cox Automotive. Joe is doing a lot of Pluralsight work, puts together conferences, and is working on a new podcast with Charles. AJ recently did some side work with Dash, is interested in working on a new domain service, and recently got married. Charles is currently at ngATL conference, and has been attending a lot of conferences recently. He is also starting to head over to the video realm and is creating a new podcast called React Roundup and a View Podcast with Joe. They also talk about what they each have planned in the upcoming year for their careers and their lives.In part

Panel: AJ O’NealJoe EamesAimee KnightSpecial Guests: Chris FerdinandiIn this episode, JavaScript Jabber panelist speak with Chris Ferdinandi. Chris teaches vanilla JavaScript to beginners and those coming from a design background. Chris mentions his background in Web design and Web Develop that led him JavaScript development. Chris and the JSJ panelist discuss the best ways to learn JavaScript, as well as resources for learning JavaScript. Also, some discussion of technologies that work in conjunction with vanilla JavaScript.In particular, we dive pretty deep on:Teaching JavaScript - Beginners and Design patronsWeb Design and Web DevelopmentCSS Tricks Todd MottoHow to do jQuery Things without jQueryDoing things like mentors (Todd)When JavaScript makes sense.CSS is easier to learn then JS?Being good at CSS and JS at the same time?How about Node developers?jRuby, DOMDocumentationAnd much more!Links:https://github.com/cferdinandihttps://gomakethings.com @ChrisFerdinandihttps://www.linkedin.com/in/cferdinandi Pic

Panel: Charles Max WoodCory HouseJoe EamesAimee KnightSpecial Guests: John PapaIn this episode, JavaScript Jabber panelist speak with John Papa. John has been doing web programming for over twenty years on multiple platforms and has been contributing to the developer communities through conferences, authoring books, videos and courses on Pluralsight.John is on the show to discuss an articles he wrote on A Look at Angular Along Side Vue, and another article on Vue.js  with TypeScript. John talks about the new features with the different versions of Angular technologies, anxiety in the different features, comparisons between the technologies and use case with Angular.In particular, we dive pretty deep on:A look at Angular Along Side Vue - ArticleAngular 5, Amber,Vue,  React, AngularAngular 2 - different featuresCLISpell WebpackComparisons - Why the anxiety?Opinions of Angular and sprinkling in other technologiesVue is the easy to use with AngularAre there breakpoints with the uses case?Choosing technologiesTalk

Panel: Charles Max WoodJoe EamesAimee KnightSpecial Guests: Russell Goldenberg and Adam PearceIn this episode, JavaScript Jabber panelist speak with Russell Goldenberg and Adam Pearce Russell creates visualizations, interactive graphics, and documentaries for the web. Currently an editor at The Pudding.  Adam is a graphics editor at The New York Times and a journalist engineers/developer  Russell and Adam are on the show to talk about what Scrollytelling is, as well as Scrollama. Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.In particular, we dive pretty deep on:What is Scrollytelling!Graph Scroll libraryWhat is the intersection Observerable?How long does it take to build an interactive graphic…?How do you test something like this?Test on a lot of different devicesCan you do automated testing?Do you have to understand the use cases or can you

Panel: Charles Max WoodCory HouseJoe EamesAimee KnightSpecial Guests: Azat MardanIn this episode, JavaScript Jabber panelist speak with Azat Mardan. Azat is a return guest, previously on JSJ Episode 230. Azat is an author of 14 books on Node JS, JavaScript, and React JS. Azat works at Capital One on the technology team. Azat is the founder and creator of Node University.Azat is on the show to talk about changes in React and licensing. Some of the topics cover Facebook,  licensing with React, using the wrong version of React, patent wars, and much more in-depth information on current events in React.In particular, we dive pretty deep on:Facebook - Licensing with ReactUsing the Wrong version of React in some companiesBSD licensingPatent warsFacebook developing ReactDifference in Preact and InfernoRewriting applicationsWhat did Capital One do about the changes?React 16Pure ReactWas the BSD patents - Med and Sm CompaniesPatents explainedReact Developers at FacebookFiber - New Core ArchitectureAnd much more!Links:

Panel: Charles Max Wood Cory HouseJoe EamesAimee Knight  Special Guests: Ryan GloverIn this episode, JavaScript Jabber panelist speak with Ryan Glover. Ryan is on JavaScript Jabber to talks about Entrepreneurship as a developer.  Ryan runs Clever Beagle in Chicago Illinois. Clever Beagle is a mentorship company that helps people build their first software Product. Ryan and the panel discuss the many roads of entrepreneurship, startup business ideas, servicing and teaching the community, how to’s, and psychological challenges, hiring, seeing your ideas through to the end, and privilege. In particular, we dive pretty deep on:How do you get started as an entrepreneur? Clever BeagleThe Meteor ChefWhere are people getting stuck on the builds? Fear, unknownsSimple, but not easy Drive and ability to step into the unknownSurvival of the fittestHire before you are already Losing your marblesStarting on a smaller scaleHow do I know my idea is going to work? Book - Brick by BrickMultiple lines of businessManaging a port

Panel: Charles Max WoodAJ O’NealJoe EamesSpecial Guests: Adam BaldwinIn this episode, JavaScript Jabber panelist speak with Adam Baldwin. Adam is a return guest and has many years of application security experience. Currently, Adam runs the Node Security Project/Node Security Platform, and Lift Security. Adam discusses the latest of security of Node Security with Charles and AJ. Discussion topics cover security in other platforms, dependencies, security habits, breaches, tokens, bit rot or digital atrophy, and adding security to your development.In particular, we dive pretty deep on:What is  the Node Security Project/Node Security PlatformDependency treesNPMTokens and internal dataWhat does Node Security do for me?NPX and NSPCommand Line CILBit Rot or Digital AtrophyHow often should you check repos.AdvisoriesIf I NPM install?Circle CI or TravisNSP CheckWhat else could I add to the securities?Incorporate security as you build thingsHow do you find the vulnerabilities in the NPM packagesTwo Factor authenticatio

Panel: Charles Max WoodSpecial Guests: Nishant ThackerIn this episode, JavaScript Jabber speaks with Nishant Thacker. Nishant is the technical product manager for all things big data at Microsoft. Nishant mentions the many new technologies and announcements he is in-charge of at Microsoft.Nishant is on the show to talk about Big Data and gives advice on how to process data and acquire deep insight of your customers. This is a great episode to understand the development of data systems that are the backbone of some marketing tools.In particular, we dive pretty deep on:Processing MetricsProcessing into report and usable informationData lakeCollecting data pointsCreating and maintaining the data lake in its raw formScale up engines and limitsCommodity machines and leverageBig data means to scale outSpecialized engines for audio and video filesHow to have a cohesive report?Writing and Querying across dataStoring raw data and retrieve dataData clusterWhat does the data box look like?And much more!Links:https://www