Refactoring Code | Rock Paper Scissors | Web Dev | Javascript

Video Description

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap In this video we refactor our Rock, Paper, Scissors code two times. We take our first version and refactor it with a loop and an array. Then, we continue refactoring code by updating the entire application to a functional approach. ▶ This video is part of the JavaScript Tutorials for Beginners Playlist found here: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Oi6xNtL_fwCrwpuqylMsgT ✅ Quick Concepts outline: Refactoring Code: Rock, Paper, Scissors • Comparing version 1 and version 2 • Adding a loop • Adding an array • Eliminating the reload • Testing our code • Comparing version 2 and version 3 • A functional approach 📺 Here's the refactored code for each version: Gist for Rock, Paper, Scissors version 1: https://gist.github.com/gitdagray/38322a7141f4236e050086e7053febb7 Gist for Rock, Paper, Scissors version 2 (add loop and array): https://gist.github.com/gitdagray/a709dba6c46fcd2b239a8a5679af4e0e Gist for Rock, Paper, Scissors version 3 (with functions): https://gist.github.com/gitdagray/c33ef93ba4c18aa3d123c26be23d539a 📺 More Beginner JS Videos: freeCodeCamp: https://youtu.be/PkZNo7MFNFg Traversy Media: https://youtu.be/hdI2bqOjy3c The Net Ninja: https://youtu.be/iWOYAxlnaww ✅ Follow Me: Twitter: https://twitter.com/yesdavidgray Reddit: https://www.reddit.com/user/DaveOnEleven Medium: https://medium.com/@davegray_86804 #rock #paper #scissors