diff --git a/content/english/csharp-guess-the-word/_index.md b/content/english/csharp-guess-the-word/_index.md index 9b1eec2c03..6622febe95 100644 --- 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. -Sign up for Replit +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. -Replit sign up form +Sign up for .NET Fiddle -Next, launch the Replit console we will use today by clicking the below button. You should see the screen below. +.NET Fiddle sign up form -Launch Replit +{{% /notice %}} -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. +Launch .Net Fiddle -Forking a repl to make a copy of the program +The starting screen of a fiddle -After forking the Replit, you will see a window similar to the one below: -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. + +Forking a fiddle to make a copy of the program + +After forking the Fiddle, you will see a window similar to the one below: + +.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 index c85c7202eb..8bc6918b12 100644 --- 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 index 664120f2bc..de2c8fa9be 100644 --- 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 index aab6800f08..c6b82e47e9 100644 --- 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)` -Launch Replit + {{% /notice %}} diff --git a/content/english/csharp-guess-the-word/booleans.md b/content/english/csharp-guess-the-word/booleans.md index ef9326d119..de33be1c39 100644 --- 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` -Launch Replit + {{% /notice %}} diff --git a/content/english/csharp-guess-the-word/comments.md b/content/english/csharp-guess-the-word/comments.md index 7bdaa528fe..49f5419c03 100644 --- 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. -Launch Replit + 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 index 5d87c8a9bd..300e236468 100644 --- 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!`. -Launch Replit + {{% /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 index 931b0722db..2dcd5339ef 100644 Binary files a/content/english/csharp-guess-the-word/media/booleans-advanced.png and b/content/english/csharp-guess-the-word/media/booleans-advanced.png differ diff --git a/content/english/csharp-guess-the-word/media/booleans-intro.png b/content/english/csharp-guess-the-word/media/booleans-intro.png index 29f2dcb048..e15398ef46 100644 Binary files a/content/english/csharp-guess-the-word/media/booleans-intro.png and b/content/english/csharp-guess-the-word/media/booleans-intro.png differ diff --git a/content/english/csharp-guess-the-word/media/donetfiddle-overview.png b/content/english/csharp-guess-the-word/media/donetfiddle-overview.png new file mode 100644 index 0000000000..4493358650 Binary files /dev/null and b/content/english/csharp-guess-the-word/media/donetfiddle-overview.png differ diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-activity6.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-activity6.png new file mode 100644 index 0000000000..f9cc935a8c Binary files /dev/null and b/content/english/csharp-guess-the-word/media/dotnetfiddle-activity6.png differ diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-fork.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-fork.png new file mode 100644 index 0000000000..a282178b60 Binary files /dev/null and b/content/english/csharp-guess-the-word/media/dotnetfiddle-fork.png differ diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-launchScreen.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-launchScreen.png new file mode 100644 index 0000000000..50575f6070 Binary files /dev/null and b/content/english/csharp-guess-the-word/media/dotnetfiddle-launchScreen.png differ diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-signup.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-signup.png new file mode 100644 index 0000000000..9e470a5416 Binary files /dev/null and b/content/english/csharp-guess-the-word/media/dotnetfiddle-signup.png differ diff --git a/content/english/csharp-guess-the-word/media/dotnetfiddle-window.png b/content/english/csharp-guess-the-word/media/dotnetfiddle-window.png new file mode 100644 index 0000000000..32feee7f5c Binary files /dev/null and b/content/english/csharp-guess-the-word/media/dotnetfiddle-window.png differ 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 new file mode 100644 index 0000000000..193844525f Binary files /dev/null and b/content/english/csharp-guess-the-word/media/guessTheWordActivity-1-start.png differ diff --git a/content/english/csharp-guess-the-word/media/guessTheWordActivity-fork.png b/content/english/csharp-guess-the-word/media/guessTheWordActivity-fork.png new file mode 100644 index 0000000000..947692263a Binary files /dev/null and b/content/english/csharp-guess-the-word/media/guessTheWordActivity-fork.png differ diff --git a/content/english/csharp-guess-the-word/media/guessTheWordActivity-start.png b/content/english/csharp-guess-the-word/media/guessTheWordActivity-start.png new file mode 100644 index 0000000000..e476337328 Binary files /dev/null and b/content/english/csharp-guess-the-word/media/guessTheWordActivity-start.png differ diff --git a/content/english/csharp-guess-the-word/media/if-else.png b/content/english/csharp-guess-the-word/media/if-else.png index d5553419b5..0b83bbf3e6 100644 Binary files a/content/english/csharp-guess-the-word/media/if-else.png and b/content/english/csharp-guess-the-word/media/if-else.png differ diff --git a/content/english/csharp-guess-the-word/media/if-false.png b/content/english/csharp-guess-the-word/media/if-false.png index 698229897e..3b02688eb6 100644 Binary files a/content/english/csharp-guess-the-word/media/if-false.png and b/content/english/csharp-guess-the-word/media/if-false.png differ diff --git a/content/english/csharp-guess-the-word/media/if-nested.png b/content/english/csharp-guess-the-word/media/if-nested.png index 7e137b9ad7..ba3ab932f3 100644 Binary files a/content/english/csharp-guess-the-word/media/if-nested.png and b/content/english/csharp-guess-the-word/media/if-nested.png differ diff --git a/content/english/csharp-guess-the-word/media/if-three.png b/content/english/csharp-guess-the-word/media/if-three.png index 2ff8c140b2..7e0ffa37b9 100644 Binary files a/content/english/csharp-guess-the-word/media/if-three.png and b/content/english/csharp-guess-the-word/media/if-three.png differ diff --git a/content/english/csharp-guess-the-word/media/if-true.png b/content/english/csharp-guess-the-word/media/if-true.png index f8e47284c3..28c0ceaf2e 100644 Binary files a/content/english/csharp-guess-the-word/media/if-true.png and b/content/english/csharp-guess-the-word/media/if-true.png differ diff --git a/content/english/csharp-guess-the-word/media/numbers-intro.png b/content/english/csharp-guess-the-word/media/numbers-intro.png index d151f0dcfc..304a496db0 100644 Binary files a/content/english/csharp-guess-the-word/media/numbers-intro.png and b/content/english/csharp-guess-the-word/media/numbers-intro.png differ 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 index 4902cfff60..69d76b9dd4 100644 Binary files a/content/english/csharp-guess-the-word/media/reading-input-1.png and b/content/english/csharp-guess-the-word/media/reading-input-1.png differ 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 index 4291d86857..3aa996835b 100644 Binary files a/content/english/csharp-guess-the-word/media/reading-input-2.png and b/content/english/csharp-guess-the-word/media/reading-input-2.png differ diff --git a/content/english/csharp-guess-the-word/media/strings-intro.png b/content/english/csharp-guess-the-word/media/strings-intro.png index 07bed8fad8..f1e82bd30c 100644 Binary files a/content/english/csharp-guess-the-word/media/strings-intro.png and b/content/english/csharp-guess-the-word/media/strings-intro.png differ diff --git a/content/english/csharp-guess-the-word/media/variables-intro.png b/content/english/csharp-guess-the-word/media/variables-intro.png index ddf7c8b0c3..8b35824f68 100644 Binary files a/content/english/csharp-guess-the-word/media/variables-intro.png and b/content/english/csharp-guess-the-word/media/variables-intro.png differ diff --git a/content/english/csharp-guess-the-word/media/variables-invalid.png b/content/english/csharp-guess-the-word/media/variables-invalid.png index acc07b998d..7b9b37fba7 100644 Binary files a/content/english/csharp-guess-the-word/media/variables-invalid.png and b/content/english/csharp-guess-the-word/media/variables-invalid.png differ diff --git a/content/english/csharp-guess-the-word/media/variables-numbers.png b/content/english/csharp-guess-the-word/media/variables-numbers.png index ca7933ccfd..c0806482c3 100644 Binary files a/content/english/csharp-guess-the-word/media/variables-numbers.png and b/content/english/csharp-guess-the-word/media/variables-numbers.png differ diff --git a/content/english/csharp-guess-the-word/media/variables-replace.png b/content/english/csharp-guess-the-word/media/variables-replace.png index 10768d54bf..2b095f68a8 100644 Binary files a/content/english/csharp-guess-the-word/media/variables-replace.png and b/content/english/csharp-guess-the-word/media/variables-replace.png differ diff --git a/content/english/csharp-guess-the-word/media/variables-strings.png b/content/english/csharp-guess-the-word/media/variables-strings.png index 7c73ecd9cb..a97c9902e3 100644 Binary files a/content/english/csharp-guess-the-word/media/variables-strings.png and b/content/english/csharp-guess-the-word/media/variables-strings.png differ diff --git a/content/english/csharp-guess-the-word/media/while-1.png b/content/english/csharp-guess-the-word/media/while-1.png index 8311ac0b8d..b38afe6a71 100644 Binary files a/content/english/csharp-guess-the-word/media/while-1.png and b/content/english/csharp-guess-the-word/media/while-1.png differ diff --git a/content/english/csharp-guess-the-word/media/while-2.png b/content/english/csharp-guess-the-word/media/while-2.png index 5ca9062c28..7005a3e2f6 100644 Binary files a/content/english/csharp-guess-the-word/media/while-2.png and b/content/english/csharp-guess-the-word/media/while-2.png differ diff --git a/content/english/csharp-guess-the-word/numbers.md b/content/english/csharp-guess-the-word/numbers.md index ea7f010216..e28200866f 100644 --- 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))` -Launch Replit + {{% /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 index b22fc2204b..db6cb14fdf 100644 --- 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. -Launch Replit + {{% /notice %}} diff --git a/content/english/csharp-guess-the-word/starting-up.md b/content/english/csharp-guess-the-word/starting-up.md deleted file mode 100644 index 5d68f65129..0000000000 --- a/content/english/csharp-guess-the-word/starting-up.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: "Starting Up" -date: 2019-07-23T11:45:38-07:00 -draft: false -weight: 1 ---- - -## Starting Up - -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. - -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. - -Sign up for Replit - -Replit sign up form - -Next, launch the Replit console we will use today by clicking the below button. You should see the screen below. - -Launch Replit - -The starting screen of a repl - -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. - -Forking a repl to make a copy of the program - -After forking the Replit, you will see a window similar to the one below: - -Replit window - -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**. - -If you press **run** now, you will see that nothing happens! Your job is to help Nuvi complete the code for this game! - -Any activities under the **Activity** sections will be done in this browser tab. You will do these activities on your own, but help is available when you are stuck. diff --git a/content/english/csharp-guess-the-word/strings.md b/content/english/csharp-guess-the-word/strings.md index b864d9bae1..61cfd6e4ae 100644 --- 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 ``` -Launch Replit + {{% /notice %}} diff --git a/content/english/csharp-guess-the-word/variables.md b/content/english/csharp-guess-the-word/variables.md index 181b246791..2609d04916 100644 --- a/content/english/csharp-guess-the-word/variables.md +++ b/content/english/csharp-guess-the-word/variables.md @@ -92,6 +92,6 @@ ComputerComputerComputer 15 ``` -Launch Replit + {{% /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 index 23ddbd3d5b..23f117bb26 100644 --- 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. -Launch Replit + {{% /notice %}}