How to Set Up for Ajax Training on a Mac
For our Ajax courses, you will need Node.js, a modern web browser, an editor, and our class files.
To set up your Mac for Ajax training, you need:
- The Ajax Class Files
- Download the class files. There is a link to do so at the bottom of this page.
- After downloading the class files, create a directory on your hard drive named "Webucator" in your Documents directory giving you the path /Documents/Webucator.
- Extract the files to the folder you just created giving you the path /Documents/Webucator/ClassFiles.
- Visual Studio Code (Download, Install, and Set up)
- While you may use a different editor or IDE, Visual Studio Code is an excellent IDE to learn to code on. It provides a nice balance of power and simplicity and it is available on Windows and Mac.
- The latest version of Firefox and one additional web browser (The latest version of Google Chrome, Edge, or Safari)
- Firebug for Firefox (Download here). Firebug allows you to:
- See the Ajax calls being made to the server and what parameters, if any, were passed.
- See the response from the server after the Ajax calls are made in either plain text, JSON, or XML accordingly.
- Inspect HTML elements
- Install Node.js
- Download the latest LTS (long-term support) version, and run the appropriate installer for your operating system.
- For Mac users, use the .pkg "Universal" installer.
- Test Node.js
- Once you have installed Node.js, open Terminal.
- In Terminal, enter this command to see the version of node.js that you've installed:
- In Terminal, enter the command below to navigate to one of your class files for testing (note the "cd" command for "change directory"):
- Next, enter the command below to download the needed modules as defined in package.json. Node modules will install to the directory node_modules:
- After modules have installed, enter the command below to start the application:
- Now go to your web browser and go to http://localhost:8080/EmployeeAdmin.html
- If the page loads showing a list of Employees, congratulations, you're all set!