Refactoring Code | Rock Paper Scissors | Web Dev | Javascript

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