C# Guess The Word Workshop conversion to .Net Fiddle (#512)

* C# Guess The Word Workship conversion to .Net Fiddle - Updating media and content files to refer to .Net Fiddle instead of Replit * Guess the Word - updating screenshots and embedding .net fiddle, instead of launch button. * Updated index.md to provide a description of .NET Fiddle, Deleted starting-up.md since it was the same content as index.md.
NuevoFoundation · Sep 20, 2024 · cbb7d74 · cbb7d74
1 parent 277a742
commit cbb7d74
Show file tree

Hide file tree

Showing 40 changed files with 34 additions and 63 deletions.
diff --git a/content/english/csharp-guess-the-word/_index.md b/content/english/csharp-guess-the-word/_index.md
@@ -16,27 +16,36 @@ The goal of today's activity is to learn C# skills and incorporate your new-foun
 
 The goal of today's activity is to learn C# skills and incorporate your new-found knowledge to create a Guess The Word game! Let's get the game set up.
 
-Today you will be using Replit. Before starting, you will need to sign up for a Replit account, if you do not yet have one. 
+Today you will be using .NET Fiddle, which is an online tool designed to help you learn, build, and run C# code.
 
-Click the button below to sign up for a Replit account - you will need an email account in order to sign up. If you already have a Replit account, you can login to your account using the below button as well.
+{{% notice tip %}}
+Before starting, you can choose to sign up for a .NET Fiddle account, if you do not yet have one, and would like to save your work later.
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/signup" target="_blank">Sign up for Replit</a>
+Click the button below to sign up for a .NET Fiddle account - you will need an email account in order to sign up. If you already have a .NET Fiddle account, you can login to your account using the below button as well.
 
-<img src="./media/replit-signup.png" height="300" alt="Replit sign up form" />
+<a class="my-2 mx-4 btn btn-info" href="https://dotnetfiddle.net/SignUp" target="_blank">Sign up for .NET Fiddle</a>
 
-Next, launch the Replit console we will use today by clicking the below button. You should see the screen below.
+<img src="./media/dotnetfiddle-signup.png" height="300" alt=".NET Fiddle sign up form" />
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-GuessTheWordActivity" target="_blank">Launch Replit</a>
+{{% /notice %}}
 
-<img src="./media/replit-start-screen.png" height="300" alt="The starting screen of a repl" />
+Next, launch the .NET Fiddle console we will use today by clicking the below button. You should see the screen below.
 
-We will now fork the Repl, which simply means to make a copy of the program, so that we can make our own changes to it. Click on the "Fork Repl" button on the top right, and then the "Fork Repl" button.
+<a class="my-2 mx-4 btn btn-info" href="https://dotnetfiddle.net/lMl7j4" target="_blank">Launch .Net Fiddle</a>
 
-<img src="./media/replit-fork.png" height="300" alt="Forking a repl to make a copy of the program" />
+<img src="./media/guessTheWordActivity-start.png" height="300" alt="The starting screen of a fiddle" />
 
-After forking the Replit, you will see a window similar to the one below:
 
-<img src="./media/replit-window.png" height="300" alt="Replit window" />
+{{% notice tip %}}
+If you logged in, you could fork the Fiddle, which simply means to make a copy of the program, so that we can make our own changes to it and save it. Click on the "Fork" button on the top.
+
+<img src="./media/dotnetfiddle-fork.png" height="300" alt="Forking a fiddle to make a copy of the program" />
+
+After forking the Fiddle, you will see a window similar to the one below:
+
+<img src="./media/guessTheWordActivity-fork.png" height="300" alt=".Net Fiddle window" />
+
+{{% /notice %}}
 
 We will ignore some of the details on this screen, but we will go over some of the basics that show up. The `main.cs` file contains code, or instructions for the computer to run. By pressing the **run** button, you tell the computer to perform the instructions in the code. Any results from running the code will be displayed on the right side, called the **console**.
 

diff --git a/content/english/csharp-guess-the-word/activity-1.md b/content/english/csharp-guess-the-word/activity-1.md
@@ -7,8 +7,8 @@ weight: 4
 
 ## Instructions
 
-Go to the code containing the [GuessTheWord](https://aka.ms/nuevoguesstheword) game. Press **run**. Notice that `Press 'run' on the top of the screen to play again.` is the only thing that is printed to the console. Let's add a welcome message so that the player knows they playing the Guess the Word game.
+Go to the code containing the [GuessTheWord](https://dotnetfiddle.net/lMl7j4) game. Press **run**. Notice that `Press 'run' on the top of the screen to play again.` is the only thing that is printed to the console. Let's add a welcome message so that the player knows they playing the Guess the Word game.
 
 Find `// TODO (ACTIVITY 1)` in the code. Add a line of code to print Welcome to C# GuessTheWord to the console. If you did this correctly, `Welcome to C# GuessTheWord` will be printed to the console after pressing **run**.
 
-![alt text height="600px" width="70%"](../media/replit-activity1.PNG "Replit for activity 1")
+![alt text height="600px" width="70%"](../media/guessTheWordActivity-1-start.PNG "Fiddle for activity 1")
diff --git a/content/english/csharp-guess-the-word/activity-6.md b/content/english/csharp-guess-the-word/activity-6.md
@@ -11,4 +11,4 @@ Now, let's finally address the bug that was introduced in **Activity 4.2**.
 
 The game should continue to ask the player to guess letters if they have some lives remaining, and they have not yet won the game. Look at the `for` loop. As you might have noticed, even though you might have lives remaining, the game abruptly stops after only 3 guesses. We will replace this `for`-loop with a `while`-loop, with the correct looping condition. Use the given hint to complete the activity.
 
-![alt text height="600px" width="70%"](../media/replit-activity6.PNG "Replit for activity 6")
+![alt text height="600px" width="70%"](../media/dotnetfiddle-activity6.PNG "Replit for activity 6")
diff --git a/content/english/csharp-guess-the-word/boolean-operators.md b/content/english/csharp-guess-the-word/boolean-operators.md
@@ -35,6 +35,6 @@ Try guessing the answers to the following expressions. Use `Console.WriteLine` t
 - `(9 < 10) && (12 => 11)`
 - `(15 - 2 == 11) || (4 % 3 != 2)`
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
diff --git a/content/english/csharp-guess-the-word/booleans.md b/content/english/csharp-guess-the-word/booleans.md
@@ -37,6 +37,6 @@ Try guessing the answers to the following expressions. Use `Console.WriteLine` t
 - `"Hello" + "World" == "Hello World"`
 - `false == false`
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
diff --git a/content/english/csharp-guess-the-word/comments.md b/content/english/csharp-guess-the-word/comments.md
@@ -32,7 +32,7 @@ To remove a comment (or uncomment a line), simply delete the `//` for a single-l
 2. Delete the `//` and instead, surround `Console.WriteLine("Hello World");` with `/*` and `*/`. Check that `Hello World` is still not printed to the console after pressing **run**.
 3. Delete both `/*` and `*/`, and press **run**. `Hello World` should now be printed to the console.
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-WritingToConsole" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/pdWOTp" frameborder="0"></iframe>
 
 Throughout today's activity you will see various multi-line comments and `// TODO` comments. These comments will guide us towards completing the Guess the Word game, so be sure you understand how to comment and uncomment code.
 

diff --git a/content/english/csharp-guess-the-word/if-else-statements.md b/content/english/csharp-guess-the-word/if-else-statements.md
@@ -105,7 +105,7 @@ Afterwards, the console waits for user input.
 - If the user enters no, the computer prints out `Oh no, that's too bad!`.
 - Otherwise, the computer prints out: `I don't understand you! Goodbye!`.
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
 

diff --git a/content/english/csharp-guess-the-word/media/booleans-advanced.png b/content/english/csharp-guess-the-word/media/booleans-advanced.png
diff --git a/content/english/csharp-guess-the-word/media/booleans-intro.png b/content/english/csharp-guess-the-word/media/booleans-intro.png
diff --git a/content/english/csharp-guess-the-word/media/donetfiddle-overview.png b/content/english/csharp-guess-the-word/media/donetfiddle-overview.png
diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-activity6.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-activity6.png
diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-fork.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-fork.png
diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-launchScreen.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-launchScreen.png
diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-signup.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-signup.png
diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-window.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-window.png
diff --git a/content/english/csharp-guess-the-word/media/guessTheWordActivity-1-start.png b/content/english/csharp-guess-the-word/media/guessTheWordActivity-1-start.png
diff --git a/content/english/csharp-guess-the-word/media/guessTheWordActivity-fork.png b/content/english/csharp-guess-the-word/media/guessTheWordActivity-fork.png
diff --git a/content/english/csharp-guess-the-word/media/guessTheWordActivity-start.png b/content/english/csharp-guess-the-word/media/guessTheWordActivity-start.png
diff --git a/content/english/csharp-guess-the-word/media/if-else.png b/content/english/csharp-guess-the-word/media/if-else.png
diff --git a/content/english/csharp-guess-the-word/media/if-false.png b/content/english/csharp-guess-the-word/media/if-false.png
diff --git a/content/english/csharp-guess-the-word/media/if-nested.png b/content/english/csharp-guess-the-word/media/if-nested.png
diff --git a/content/english/csharp-guess-the-word/media/if-three.png b/content/english/csharp-guess-the-word/media/if-three.png
diff --git a/content/english/csharp-guess-the-word/media/if-true.png b/content/english/csharp-guess-the-word/media/if-true.png
diff --git a/content/english/csharp-guess-the-word/media/numbers-intro.png b/content/english/csharp-guess-the-word/media/numbers-intro.png
diff --git a/content/english/csharp-guess-the-word/media/reading-input-1.png b/content/english/csharp-guess-the-word/media/reading-input-1.png
diff --git a/content/english/csharp-guess-the-word/media/reading-input-2.png b/content/english/csharp-guess-the-word/media/reading-input-2.png
diff --git a/content/english/csharp-guess-the-word/media/strings-intro.png b/content/english/csharp-guess-the-word/media/strings-intro.png
diff --git a/content/english/csharp-guess-the-word/media/variables-intro.png b/content/english/csharp-guess-the-word/media/variables-intro.png
diff --git a/content/english/csharp-guess-the-word/media/variables-invalid.png b/content/english/csharp-guess-the-word/media/variables-invalid.png
diff --git a/content/english/csharp-guess-the-word/media/variables-numbers.png b/content/english/csharp-guess-the-word/media/variables-numbers.png
diff --git a/content/english/csharp-guess-the-word/media/variables-replace.png b/content/english/csharp-guess-the-word/media/variables-replace.png
diff --git a/content/english/csharp-guess-the-word/media/variables-strings.png b/content/english/csharp-guess-the-word/media/variables-strings.png
diff --git a/content/english/csharp-guess-the-word/media/while-1.png b/content/english/csharp-guess-the-word/media/while-1.png
diff --git a/content/english/csharp-guess-the-word/media/while-2.png b/content/english/csharp-guess-the-word/media/while-2.png
diff --git a/content/english/csharp-guess-the-word/numbers.md b/content/english/csharp-guess-the-word/numbers.md
@@ -42,7 +42,7 @@ Try printing out the answers to the following to the console. Ensure your bracke
 - `(3 + 5) * 6`
 - `(13 + 5 * 8) / (6 - (3 + 7))`
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
 

diff --git a/content/english/csharp-guess-the-word/reading-from-console.md b/content/english/csharp-guess-the-word/reading-from-console.md
@@ -49,6 +49,6 @@ I don't know the answer to that! Goodbye!
 
 `[input]` should be replaced with whatever the user had typed into the console.
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
diff --git a/content/english/csharp-guess-the-word/starting-up.md b/content/english/csharp-guess-the-word/starting-up.md
diff --git a/content/english/csharp-guess-the-word/strings.md b/content/english/csharp-guess-the-word/strings.md
@@ -19,7 +19,7 @@ Console.WriteLine("Apple" + "Pineapple");
 Console.WriteLine("Nuevo" + " " + "Foundation");
 ```
 
-![alt text height="600px" width="70%"](../media/strings-intro.png "Combining strings with +")
+![alt text height="600px" width="70%"](../media/strings-intro.PNG "Combining strings with +")
 
 {{% notice tip %}}
 
@@ -37,6 +37,6 @@ Nuevo Foundation
 Nuevo Foundation
 ```
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-Strings" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/itRFnP" frameborder="0"></iframe>
 
 {{% /notice %}}
diff --git a/content/english/csharp-guess-the-word/variables.md b/content/english/csharp-guess-the-word/variables.md
@@ -92,6 +92,6 @@ ComputerComputerComputer
 15
 ```
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-blank" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/ULv0JH" frameborder="0"></iframe>
 
 {{% /notice %}}
diff --git a/content/english/csharp-guess-the-word/writing-to-console.md b/content/english/csharp-guess-the-word/writing-to-console.md
@@ -13,12 +13,12 @@ weight: 1
 
 ## Working Together
 
-1. In the Replit program below, press **run**. You see that `Hello World` is printed out to the screen on the right.
+1. In the Fiddle program below, press **run**. You see that `Hello World` is printed out to the screen on the right.
 2. Without removing the quotation marks, try changing `"Hello World"` to another sentence. Press **run** to see if anything changes.
 3. Add another `Console.WriteLine` below the current line to print a second sentence below the first sentence.
 4. Press **run** to see if two sentences are printed out. If you see any red text, please ask for help.
 
-<a class="my-2 mx-4 btn btn-info" href="https://replit.com/@nuevofoundation/NF-CSharp-WritingToConsole" target="_blank">Launch Replit</a>
+<iframe width="100%" height="475" src="https://dotnetfiddle.net/Widget/pdWOTp" frameborder="0"></iframe>
 
 {{% /notice %}}