diff --git a/.eslintrc.json b/.eslintrc.json index 47e97bdb..3fb6a540 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -57,7 +57,6 @@ "semi": [1, "never"], "space-before-blocks": ["error", { "functions": "always", "keywords": "always", "classes": "always" }], "space-before-function-paren": [2, "never"], - "strict": [2, "global"], "yoda": 2 }, "overrides": [{ diff --git a/.vscode/launch.json b/.vscode/launch.json index 5c075a55..2253084f 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -2,6 +2,12 @@ { "version": "0.2.0", "configurations": [ + { + "type": "node", + "request": "launch", + "name": "Launch Current Opened File", + "program": "${file}" + }, { "type": "node", "request": "launch", diff --git a/01 Setup.md b/01 Setup.md index 6b139c2a..a1a4e284 100644 --- a/01 Setup.md +++ b/01 Setup.md @@ -13,6 +13,37 @@ Press CTRL-SHIFT-P and a selection box should appear at the top of the editor. T Now the integrated terminal uses the _Bash Shell_ meaning you can use the standard *nix bash commands! +# If _Bash Shell_ is _not_ listed on your Windows 10 machine + +On some versions of Windows 10, some extra configuration is required before Bash Shell is able to be selected within VS Code. If this is the case on your machine, follow the below troubleshooting steps before reattempting to change your shell as above. + +To start, we need to make sure Developer Mode is enabled in the Update and Security section of Windows 10. Press **WIN+R** (Windows Key and R simultaneosly) to open a Run dialog. In the dialog enter **ms-settings:developers** followed by the enter key. The window shown below should appear on screen. + +![Enabling Windows 10 Developer Mode](exercises/.images/developerMode.PNG) + +Select the **Developer mode** radio button and **yes** on any succeeding dialog boxes. Wait for any neccessary installations to complete. + +Once that has completed, we need to enable the WSL (Windows Subsystem for Linux). Press **WIN+R**, in the dialog enter **powershell** followed by the enter key. In the powershell window copy and paste the following: + +``` +Start-Process powershell -Verb runAs +exit +``` + +Press the enter key and accept the UAC (User Account Control) dialog. A new powershell window will launch with Administrator rights. + +Copy and paste the following: + +``` +Enable-WindowsOptionalFeature -Online -FeatureName Microsoft-Windows-Subsystem-Linux +``` + +Press the enter key and wait for the process to complete. Once complete, restart your computer before continuing. + +Finally, we need to install [Ubuntu from the Microsoft Store](https://www.microsoft.com/en-gb/p/ubuntu/9nblggh4msv6?activetab=pivot:overviewtab). Click the blue **Get** button and accept any dialogs to launch the Microsoft Store and begin the installation. Once Ubuntu for WSL (Windows Subsystem for Linux) has installed, restart Windows. + +Once restarted, reattempt to enable Bash Shell in VS Code as per the section above. + ## 1 Forking the Foundation Materials You should start by logging in to the University GitHub server using your university username and password. Make sure you don't log into GitHub.com! diff --git a/02 HTTP.md b/02 HTTP.md index 80943f2b..338c6333 100644 --- a/02 HTTP.md +++ b/02 HTTP.md @@ -85,7 +85,7 @@ Start the server and access the `/books/1` route. What is displayed in the web b 2. Note that it is itself a JavaScript object and that it contains a single property called `index` which matches the name of the URL segment. 3. The value of this property is the string we added to the URL. 4. This index value is used to look up the title of the book in the array, the book title is stored in a constant. -5. Finally the book title is send to the web browser. +5. Finally the book title is sent to the web browser. #### 1.3.1 Core Knowledge @@ -178,7 +178,7 @@ Make sure the server is still running and use the [Chrome web browser](https://w 1. Open the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/) by clicking on the _customise and control Google Chrome tools_ button (the three dots to the extreme right of the address bar). 2. Choose **More tools** from the menu and then **Developer tools** from the submenu. 3. Locate the **Network** tab in the Chrome developer tools. -4. Reload the web page. +4. Reload the web page. (Press F5) 5. You should now see the resource sent in the HTTP response together with some data dealing with response times. 6. Click on the file name (as shown) to display the HTTP headers. diff --git a/03 HTML5.md b/03 HTML5.md index d05d8c91..26d6eda5 100644 --- a/03 HTML5.md +++ b/03 HTML5.md @@ -213,7 +213,7 @@ Now we will learn how to embed audio in a website. There are a number of resourc 1. Add the `guitar` audio file to the `index.html` web page. The file has been provided in the two required formats. 1. Test that the audio plays in both Firefox and Chrome. - 2. Can you modify the `