The latest articles on DEV Community by Joel Falconer (@joelfalconer). https://dev.to/joelfalconer https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F153883%2F7a4be855-bfac-4329-896f-836f5c306b1b.jpeg https://dev.to/joelfalconer en Joel Falconer Tue, 07 May 2019 01:17:30 +0000 https://dev.to/joelfalconer/6-collaborative-coding-tools-for-remote-pair-programming-33oo https://dev.to/joelfalconer/6-collaborative-coding-tools-for-remote-pair-programming-33oo <p>Fifteen years ago, most online collaboration and remote work involved email threads, Skype calls, and endlessly re-zipping projects for sharing after each iteration.</p> <p>Things have changed a lot — most things for better (Google Docs!) and some things for worse (<a href="https://www.vox.com/recode/2019/5/1/18511575/productivity-slack-google-microsoft-facebook">always-on messaging</a>). Either way, it's fair to say that a lot of the friction has been removed from remote work.</p> <p>One traditionally high friction area has been cracking real-time code collaboration. But that's been changing in recent years as developers working on the world's top code editors have put forward their solutions.</p> <p>Whether you work on a distributed team and need collaborative coding tools to serve you every day, or just need something for the occasional problem-solving session with a friend, you'll find something you can use here.</p> <h2> 1. Visual Studio Live Share </h2> <p><a href="https://visualstudio.microsoft.com/services/live-share/"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6NUR1zz9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://www.sitepoint.com/wp-content/uploads/2019/04/1556692135visualstudio.jpg" alt="Visual Studio Live Share"></a></p> <p><a href="https://visualstudio.microsoft.com/services/live-share/">Visual Studio Live Share</a> is Microsoft's own real-time collaborative development solution for Visual Studio and Visual Studio Code.</p> <p>Live Share allows teams to collaborate on a shared codebase easily — nobody needs to clone a repo, and everyone can use their own development environment. Each person can perform actions like navigating between files, making changes to code, selecting text, and see them reflected for everyone immediately.</p> <p>Live Share shares everything from files to terminals and audio, offers features for collaborative debugging, and is free. If you're already a VS Code user, this choice is a no-brainer.</p> <p><a href="https://www.sitepoint.com/collaborative-coding-tools-for-remote-pair-programming/">Continue reading the original article to learn about the other 5 tools</a>.</p> remote vscode atom codepen Joel Falconer Wed, 24 Apr 2019 05:17:49 +0000 https://dev.to/joelfalconer/5-development-articles-from-sitepoint-april-5hhh https://dev.to/joelfalconer/5-development-articles-from-sitepoint-april-5hhh <p>We've been working hard to provide developers with useful knowledge and unique viewpoints on SitePoint, and would love to show you some of our top articles from April.</p> <h2> <a href="https://www.sitepoint.com/runnable-javascript-specifications/">How to Build Runnable JavaScript Specifications</a> </h2> <p><a href="https://www.sitepoint.com/runnable-javascript-specifications/"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VRDf1dik--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/nai4jaio7y8vx5bffoth.jpg" alt="How to Build Runnable JavaScript Specifications"></a></p> <p>We build a command-line interface that finds JavaScript specification files, extracts and evaluates their assertions, and shows the results.</p> <p>Read <a href="https://www.sitepoint.com/runnable-javascript-specifications/">How to Build Runnable JavaScript Specifications</a>.</p> <h2> <a href="https://www.sitepoint.com/ionic-4-angular-build-app">How to Build a News App with Ionic 4 &amp; Angular</a> </h2> <p><a href="https://www.sitepoint.com/ionic-4-angular-build-app"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ENRLJ-6m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/3u2f4fid5xz1nqeaqr6o.jpg" alt="How to Build a News App with Ionic 4 &amp; Angular"></a></p> <p>In this tutorial we'll be using Ionic 4 and Angular to build a news application that makes use of a third-party news API.</p> <p>Read <a href="https://www.sitepoint.com/ionic-4-angular-build-app">How to Build a News App with Ionic 4 &amp; Angular</a>.</p> <h2> <a href="https://www.sitepoint.com/build-a-sales-funnel-with-vue">How to Build a Sales Funnel with Vue.js</a> </h2> <p><a href="https://www.sitepoint.com/build-a-sales-funnel-with-vue"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9PWcVXMu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/6ngbdifu0i5ul0tjcq7v.jpg" alt="How to Build a Sales Funnel with Vue.js"></a></p> <p>Learn how to build a sales funnel with Vue so your marketing efforts can take advantage of reusable components.</p> <p>Read <a href="https://www.sitepoint.com/build-a-sales-funnel-with-vue">How to Build a Sales Funnel with Vue.js</a>.</p> <h2> <a href="https://www.sitepoint.com/javascript-web-workers">JavaScript Web Workers: A Beginner’s Guide</a> </h2> <p><a href="https://www.sitepoint.com/javascript-web-workers"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--485D-quQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/4v30usp2hz9sdcytu5ik.jpg" alt="JavaScript Web Workers: A Beginner’s Guide"></a></p> <p>Learn how web workers help with web app performance, and get started by building a basic JavaScript web worker.</p> <p>Read <a href="https://www.sitepoint.com/javascript-web-workers">JavaScript Web Workers: A Beginner’s Guide</a>.</p> <h2> <a href="https://www.sitepoint.com/function-composition-in-javascript/">Function Composition in JavaScript with Array.prototype.reduceRight</a> </h2> <p><a href="https://www.sitepoint.com/function-composition-in-javascript/"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0TOwGbQ7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/68ud7n0nq3qfns2k18lf.jpg" alt="Function Composition in JavaScript with Array.prototype.reduceRight"></a></p> <p>James Wright explains dynamic function composition by reducing arrays in JavaScript.</p> <p>Read <a href="https://www.sitepoint.com/function-composition-in-javascript/">Function Composition in JavaScript with Array.prototype.reduceRight</a>.</p> <p>That's it for this month. Let us know what you'd like to see more of in the comments!</p> javascript angular vue ionic