WA2583 React JavaScript Programming. Classroom Setup Guide. Web Age Solutions Inc.

Transcription

1 WA2583 React JavaScript Programming Classroom Setup Guide Web Age Solutions Inc. 1

2 Table of Contents Part 1 - Minimum Hardware Requirements...3 Part 2 - Minimum Software Requirements...3 Part 3 - Software Provided...4 Part 4 - Important Ghosting or Imaging Information...4 Part 5 - Instructions...4 Part 6 - Privileges to Users...5 Part 7 - Nginx...8 Part 8 - Installing Node.js Part 9 - Installing Visual Studio Code...13 Part 10 - MongoDB Part 11 - Summary

3 Part 1 - Minimum Hardware Requirements CPU to meet the minimum requirements of the operating system being used 3GB RAM minimum, 4 GB + recommended 10 GB in the hard disk Internet connectivity. Part 2 - Minimum Software Requirements One of the following Windows versions: Windows 7 (Professional, Enterprise, or Ultimate) Windows Server 2008 Windows 8 Windows 10 Internet Explorer 10 or higher One of the following web browsers: Latest Firefox Latest Chrome Zip extraction utility nginx 1.4.3* Notepad+ 6.5 * Visual Studio Code MongoDB 3.06 * NodeJS * * - indicates software provided as part of the courseware. 3

4 Part 3 - Software Provided List of ZIP files required for this course and used in next steps on this document: WA2583_REL_1_1.ZIP Send an to support@webagesolutions.com in order to obtain a copy of the software for this course if you haven't receive it yet. All other software listed under Minimum Software Requirements is either commercially licensed software that you must provide or software that is freely available off the Internet. Part 4 - Important Ghosting or Imaging Information The software for this course can be ghosted. Part 5 - Instructions 1. Make sure the account that you are using to install the software has administrative privileges. 2. Make sure you have internet connectivity. 3. Extract the.zip file to C:\ 4. Review that the following folders were created: C:\LabFiles C:\Software\nginx C:\Software\node-v6.9.5 C:\Software\mongodb\ C:\Software\NotepadPlus\ 4

5 Part 6 - Privileges to Users During the labs students will require privileges on several directories. They will need to be able to write, read, and modify files in these directories for the labs. Although the directions below are provided as an example, this may differ depending on Windows version. The important thing is to make sure students have full permissions on the folders below or they may not be able to accomplish some labs. C:\Software C:\LabFiles C:\Workspace 1. Open Windows Explorer. 2. Right click C:\Software and select Properties. 3. Click the Security tab. 4. Click Advanced. 5. Click Change Permissions. 5

6 6. Select the Authenticated Users entry and click Edit Note. If you don't have a domain in your environment the select Users instead Authenticated Users. 6

7 7. Check the Allow checkbox to the right of Full Control and click OK. 8. Select the checkbox for Replace all child permissions with inheritable permissions from this objects and then click OK. 9. A Windows Security dialog will open. Click Yes. 10. Wait until Windows finishes updating security. 11. Back in the Advanced Security Settings dialog, click OK. 12. Back in the Properties dialog, click OK. 13. Do the same steps to the C:\LabFiles folder. 14. Create a folder called C:\Workspace if its not already created. 15. Do the same steps to the C:\Workspace folder. 7

8 Part 7 - Nginx 1. Disable any service using Port 80 to be able to run Nginx, if you have IIS or other service running, stop and disable them. 2. Switch to the user that the students will use during the course. 3. Open the Command Prompt window and type in the following command at the prompt and press ENTER (execute the command): cd C:\Software\nginx This command will change directory to where the nginx web server resides (represented by the nginx.exe file). 4. Start the nginx web server by executing the following command: start nginx This command will launch the nginx web server that starts listening on port 80. Allow access if the Firewall window appear. 5. If you are prompted for the admin password, enter it to allow the software to run. 6. Open Google Chrome browser and navigate to You should see the nginx welcome page. 7. Close Chrome browser. 8. In the Command Prompt window where you started the nginx web server, type in 8

9 the following command at the prompt and press ENTER: nginx -s stop This command will stop the web server. 9. Switch back to the admin user. Nginx is installed. Part 8 - Installing Node.js Open C:\Software\node-v Double click node-v6.9.5-x86.msi to begin installation. 3. Click Next. 4. Check I accept the terms... and click Next. 9

10 5. Accept default destination folder and click Next. Note: Your installation location may be slightly different. Accept whatever the default is. 6. Accept default package selection. Click Next. 10

11 7. Click Install. 8. A popup window may open asking to install the software. Click Yes to continue. 11

12 9. Click Finish. Installation verification of Node.js 1. Open a command prompt window. 2. Enter the command: node --version 3. Make sure that you see v6.9.5 as the output. 12

13 4. Close all. Part 9 - Installing Visual Studio Code 1. Download the latest VScode for Windows (stable build installer) from the following site: 2. Run the downloaded installer to begin the installation. 3. Click Next on the welcome screen. 4. Check I accept the agreement... and click Next. 13

14 5. Leave the default installation location and click Next. 14

15 6. Leave the default start menu folder and click Next. 7. Put a check mark on all items under Additional Tasks and click Next. 15

16 8. Now click Install. 16

17 9. Give it some time to install. 10. When it is complete, uncheck Launch Visual Studio Code and click Finish. 17

18 Installation verification of VScode. 1. Launch Visual Studio Code using the shortcut on the desktop. 2. Verify Visual Studio Code opens and that you see the Welcome screen. 18

19 3. Close all windows. 19

20 Part 10 - MongoDB Open a command prompt window and type in the following command at the prompt and press ENTER (execute the command) mkdir c:\data\db 2. Enter the following command: cd C:\Software\mongodb\bin 3. Verify mongodb version mongod -version Make sure your version matches version Start MongoDB server by running: mongod 5. If a Windows Security Alert open, click Allow Access. You will see the "waiting for connections on port 27017" message. 6. End MongoDB by hitting Control+C. 7. Close all. Part 11 - Summary You have successfully installed the software for this course! If you have any question please contact us by at support@webagesolutions.com 20

21 From US and Canada call: ext. 26 International call: ext. 26 Congratulations. The installation for this course has been completed. 21