JSJ 341: Testing in JavaScript with Gil Tayar

SponsorsDatadogSentry use code “devchat” for 2 months free PanelAimee KnightChris FerdinandiJoe EamesAJ O’NealCharles Max WoodWith Special Guests: Josh Thomas and Mike HartingtonEpisode SummaryToday’s guests Josh Thomas and Mike Hartington are developers for Ionic, with Josh working on the open source part of the framework on Ionic. They talk about their new compiler for web components called Stencil. Stencil was originally created out of work they did for Ionic 4 (now available for Vue, React, and Angular) and making Ionic 4 able to compliment all the different frameworks. They talk about their decision to build their own compiler and why they decided to open source it. Now, a lot of companies are looking into using Stencil to build design systemsThe panel discusses when design systems should be implemented. Since Ionic is a component library that people can pull from and use themselves, Jeff and Mike talk about how they are using Stencil since they’re not creating a design system. The panel discusses some of the drawbacks of web components. They discuss whether or not Cordova changes the game at all. One of the big advantages of using Stencil is the code that is delivered to a browser is generated in such a way that a lot of things are handled for you, unlike in other systems.The panelists talk about their thoughts on web components and the benefits of using a component versus creating a widget the old fashioned way. One such benefit of web components is that you can change the internals of how it works without affecting the API. Josh and Mike talk about some of the abilities of Stencil and compare it to other things like Tachyons. There is a short discussion of the line between frameworks and components and the dangers of pre optimization. If you would like to learn more about Stencil, go to stenciljs.com and follow Josh and Mike @Jtoms1 and @mhartington. Click here to cast your vote NOW for JavaScript Jabber - Best Dev Podcast AwardLinksBuilding Design Systems book StencilCordovaShadow DOMTachyons Ionic 4 Follow DevChat on Facebook and Twitter PicksAimee Knight:What Does Debugging a Program Look Like?AJ O’Neal:Legend of Zelda: Link’s AwakeningNeon Genesis Evangelion soundtrackPrettierChris Ferdinandi:Kindle PaperwhiteCompany of OneCharles Max Wood:Ladders with feetLighthouseAcornsJoe Eames:Moment.jsHow To Increase Your Page Size by 1500% articleDay.jsJosh Thomas:Toy Story 4Mike Hartington:Building Design SystemsYoumightnotneed.comSpecial Guests: Josh Thomas and Mike Hartington. 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.

30 Juli 201952min

JSJ BONUS EPISODE: Observables and RxJS Live with Aaron FrostMon Jul 29 2019 13:00:56 GMT+0300 (+03) Episode Number: bonus Duration: 29:35https://media.devchat.tv/js-jabber/JSJ_Bonus_Aaron_Frost.mp3  Host: Charles Max Wood Joined by Special Guest: Aaron FrostEpisode SummaryAaron Frost joins Charles to talk about what Observables are and why developers should learn about them and use them in their code. He explains the difference between Observables, Promises and Callbacks with an example. Aaron then invites all listeners to attend the upcoming RxJS Live Conference and introduces the impressive speaker line-up. The conference will take place on September 5-6 in Las Vegas and tickets are still available. Aaron also offers a $100 discount to all listeners with the code "chuckforlife". For any questions you can DM Aaron at his Twitter account.LinksRxJS Live ConferenceRxJS Conference TicketsAaron's TwitterPromisesCallbacksSpecial Guest: Aaron Frost. 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 Juli 201929min

SponsorsDatadog  Sentry use code “devchat” for 2 months free PanelAimee KnightAJ O’NealCharles Max WoodWith Special Guest: Rene RubalcavaEpisode SummaryRene is a software developer for ESRI and works in spatial and mapping software. ESRI has been around since 1969 and has seen their work explode since they shifted to providing address and location services. Rene talks about how he thinks about location and mapping when building software around it and things that he has to approach in unique ways. The panel discusses some of their past experiences with location software. Some of the most difficult aspects of this software is changing time zones for data and actually mapping the Earth, since it is not flat nor a perfect sphere. Rene talks about the different models used for mapping the Earth.Most mapping systems use the same algorithm as Google maps, so Rene talks about some of the specific features of ArcGIS, including the ability to finding a point within a polygon. Rene talks about what routing is, its importance, and how it is being optimized with ArcGIS, such as being able to add private streets into a regular street network.The panel discusses how the prevalence of smartphones has changed mapping and GPS and some of their concerns with privacy and location mapping. One thing ESRI is very careful about is not storing private information. Rene talks about the kinds of things he has seen people doing with the mapping and location data provided by ArcGIS, including a Smart Mapping feature for developers, mapping planets, indoor routing, and 3D models. LinksWebricate EsriArcGIS Follow DevChat on Facebook and Twitter PicksRene Rubalcava:Old Man’s War seriesAlways Be My MaybeRene’s websiteAJ O’Neal:INTLColorfulTime zones in PostgressTime zones in JavaScriptAimee Knight:Advice to Less Experienced DevelopersCharles Max Wood:Heber Half MarathonNetlify CMSVillainousFirefoxSpecial Guest: Rene Rubalcava . 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.

25 Juli 201943min

Sponsors  DatadogSentry use code “devchat” for 2 months free PanelAimee KnightChris FerdinandiChristopher BeuchelerAJ O’NealWith Special Guest: Javan MakhmaliEpisode SummaryToday’s guest is Javan Makhmali, who works for Basecamp and helped develop Trix. Trix is a rich text editor for the web, made purposefully simple for everyday use instead of a full layout tool. Trix is not the same as Tiny MCE, and Javan discusses some of the differences. He talks about the benefits of using Trix over other native browser features for text editing. He talks about how Trix has simplified the work at Basecamp, especially when it came to crossing platforms. Javan talks more about how Trix differs from other text editors like Google Docs and contenteditable, how to tell if Trix is functioning correctly, and how it works with Markdown.The panel discusses more specific aspects of Trix, such as Exec command. One of the features of Trix is it is able to output consistently in all browsers and uses semantic, clean HTML instead of classnames. Javan talks about how Trix handles getting rid of the extraneous cruft of formatting when things are copy and pasted, the different layers of code, and the undo feature. He talks about whether or not there will be more features added to Trix. The panel discusses who could benefit from using Trix. The show finishes with Javan talking about Basecamp’s decision to make Trix open source and why they code in CoffeeScript. LinksTrixTiny MCEContenteditableMarkdownSVGHTMLCoffeeScript Follow DevChat on Facebook and Twitter PicksJavan Makhmali:API for form submissionsChris Ferdinandi:CSS GridAlex Russel Twitter threadHow To Live a Vibrant Life with Early Stage DementiaAJ O’Neal:Mario and ChillChip Tunes 4 Autism: CatharsisToilet AugerChristopher Beucheler: Medium to Own blogAimee Knight:Absolute Truth Unlearned as Junior DeveloperSpecial Guest: Javan Makhmali. 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.

23 Juli 201952min

SponsorsTriplebyte $1000 signing bonus Sentry use code “devchat” for 2 months free PanelCharles Max WoodAimee KnightChris FerdinandiAJ O’NealChristopher BeuchelerEpisode SummaryToday the panel discusses the effect of current development practices, such as the heavy reliance JavaScript, on the web. Chris explains why he believes that current development practices are ruining the web. The panelists discuss different situations where they see complications on the web. They discuss the advantages and disadvantages of using an enterprise scale platform like React. The panel discusses Twitter’s move away from their legacy code base to CSS and JavaScript. The panelists agree that the way things are built, since it’s so JavaScript heavy, is alienating to people who work with other languages, and in turn other areas like UI are undervalued. They talk about possible reasons things ended up this way and some of the historical perception of a frontend as not a place for ‘real’ development. Because the web is now a serious platform, things associated with the backend has been thrown at the frontend where it doesn’t belong. They talk about changes in the ways programming is viewed now versus the past. There is a discussion about how market demands that have influenced the web and if the market value CSS as highly as other languages. They mention some of the Innovations in CSS. Chris shares his solutions for the problems they’ve been discussing, namely using less JavaScript, leaning more heavily on what the browser gives you out of the box, and avoiding dependency where possible. They talk about ways to get involved if you want to take a leaner approach to the web. Ultimately, it is important to embrace things about the past that worked, but sprinkle in new technology when it makes senseLinksStimulusReactVueAppleScriptPerl.NETAngular  Follow DevChat on Facebook and Twitter PicksCharles Max Wood:Tiny Epic GalaxiesEverywhereJSAimee Knight:Complete Guide to Deep WorkChris Ferdinandi:Developer Bait and SwitchVanillajslist.com Chris will be speaking at Artifact ConferenceAJ O’Neal:Weird Al: White and NerdyQuantum board gameDeploy Sites with Only Git and SSHChristopher Beucheler:MaterialMonstressSupport 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.

18 Juli 20191h 6min

SponsorsDataDogSentry use the code “devchat” for 2 months free on Sentry small planCacheFlyPanelCharles Max Wood Joined by Special Guest: Steve FaulknerEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with Steve Faulkner. Steve is a Senior Software Developer for Azure Cosmos DB at Microsoft. Cosmos DB is a global distributed, multi-model noSQL database. Steve explains the Cosmos DB service and scenarios it can be used in. They discuss how Cosmos DB interacts with Azure functions and how partition keys work in Cosmos DB.Listen to the show for more Cosmos DB updates and to find out how Steve he got his twitter handle @southpolesteve.LinksSteve’s GitHubSteve’s TwitterSteve’s LinkedInSteve Dev.toMicrosoft Build 2019  Introduction to Azure Cosmos DBAiA 241: Azure Functions with Colby Tresness LIVE at Microsoft BUILDAiA 242- Azure Functions Part II with Jeff Hollan LIVE at Microsoft BUILDMicrosoft Learn ResourcePartitioning in Azure Cosmos DBPicksSteve Faulkner:FINAL FANTASY X/X-2 HD Remaster for Nintendo SwitchOvercooked on SteamFastlySpecial Guest: Steve Faulkner. 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.

16 Juli 201930min

SponsorsTriplebyte $1000 signing bonus Sentry use code “devchat” for 2 months free LinodePanelCharles Max WoodAimee KnightChris FerdinandiAJ O’NealJoe EamesEpisode SummaryToday the panel discusses what is necessary to get a website up and how complicated or simple it needs to be. They mention different tools they like for static sites and ways to manage their builds and websites. They talk about why some people choose to host their websites and at what point the heavier tools become a concern. They discuss whan it is necessary to use those heavy tools. They caution listeners to beware of premature optimization, because sometimes businesses will take advantage of newer developers and make them think they need all these shiny bells and whistles, when there is a cheaper way to do it. It is important to keep the tools you work with simple and to learn them so that if you encounter a problem, you have some context and scope. The option of serverless website hosting is also discussed, as well as important things to know about servers.The panel discusses what drives up the price of a website and if it is worth it to switch to a cheaper alternative. They discuss the pros and cons of learning the platform yourself versus hiring a developer. The importance of recording the things that you do on your website is mentioned. Several of the panelists choose to do this by blogging so that if you search for a problem you can find ones you’ve solved in the past.LinksHerokuGithub PagesNetlifyEleventyDigitalOceanLightsaleUbuntuGit cloneNode static serverSystemd scriptNGinxCloud66ThinksterGatsbyDockerGentooHow to schedule posts with a static websiteHow to set up automatic deployment with Git with a vpsAutomating the deployment of your static site with Github and Hugo Follow DevChat on Facebook and Twitter PicksCharles Max Wood:Microsoft buildAimee Knight:Systems Thinking is as Important as Ever for New CodersChris Ferdinandi:Adrian Holivadi framework videoServer Pilot AJ O’Neal:Jeff Atwood tweetMore on Stackflow ArchitectureMinioJoe Eames:Miniature painting  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.

11 Juli 201957min

SponsorsTriplebyte offers a $1000 signing bonusSentry use the code “devchat” for $100 creditCacheFlyPanelCharles Max Wood Joined by Special Guest: Jessica DeenEpisode SummaryComing to you live from the podcast booth at Microsoft BUILD is Charles Max Wood with The Deen of DevOps aka Jessica Deen. Jessica is a Senior Cloud Advocate at Microsoft. As an advocate she acts a liaison between developer communities and Microsoft to help understand developer pain points and road blocks especially in areas such as Linux, open-source technologies, infrastructure, Kubernetes, containers and DevOps. Jessica explains how to go about setting up a containerized application, Kubernetes and how to use Dockerfiles. Charles and Jessica then talk about how to get started with a Kubernetes cluster and the resources available for developers that don't have any infrastructure. Jessica advises that developers start with Azure DevOps Services and then go to Microsoft Learn Resource.Charles also encourages listeners to also check out the Views on Vue podcast Azure DevOps with Donovan Brown for further references. Jessica also recommends following people on Twitter and GitHub to find out about solutions and resources.LinksDockerfile and Windows ContainersKubernetesJessica’s GitHubJessica’s TwitterJessica’s LinkedInJessica’s WebsiteMicrosoft Build 2019Microsoft Learn ResourceHTTP application routingGetting started with Kubernetes Ingress Controllers and TLS certificatesKubernetes Ingress Controllers and Certificates: The WalkthroughAzure DevOps ServicesVoV 053: Azure DevOps with Donovan Brown LIVE at Microsoft IgniteJessica Deen YoutubeKubernetes in 5 mins – YouTubeFollow Adventures in Angular on tv, Facebook and Twitter.PicksJessica Deen:Lachlan EvensonCloud Native Computing FoundationKubernetes Handles on TwitterShoe Dog MemoirAir Jordan 4 Fire Red Gum Singles DayCharles Max Wood:Real Talk /JavaScript PodcastThe Legend of Zelda: Breath of the WildSpecial Guest: Jessica Deen. 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.

9 Juli 201940min