• google plus

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:

  1. The Ajax Class Files
    1. Download the class files.
    2. After downloading the class files, create a directory on your hard drive named "Webucator" in your Documents directory giving you the path /Documents/Webucator.
    3. Extract the files to the folder you just created giving you the path /Documents/Webucator/ClassFiles.
  2. 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.
  3. The latest version of Firefox and one additional web browser (The latest version of Google Chrome, Edge, or Safari)
  4. Firebug for Firefox (Download here). Firebug allows you to:
    1. See the Ajax calls being made to the server and what parameters, if any, were passed.
    2. See the response from the server after the Ajax calls are made in either plain text, JSON, or XML accordingly.
    3. Inspect HTML elements
  5. Install Node.js
    1. Download the latest LTS (long-term support) version, and run the appropriate installer for your operating system.
    2. For Mac users, use the .pkg "Universal" installer.
  6. Test Node.js
    1. Once you have installed Node.js, open Terminal.
    2. In Terminal, enter this command to see the version of node.js that you've installed:
      node -v
    3. In Terminal, enter the command below to navigate to one of your class files for testing (note the "cd" command for "change directory"):
      cd ~/Documents/Webucator/ClassFiles/AjaxBasics/Solutions
    4. Next, enter the command below to download the needed modules as defined in package.json. Node modules will install to the directory node_modules:
      npm install
    5. After modules have installed, enter the command below to start the application:
      npm start
    6. Now go to your web browser and go to http://localhost:8080/EmployeeAdmin.html
    7. If the page loads showing a list of Employees, congratulations, you're all set!
    Note: when needed, press CTRL+C on Terminal to stop the Node.js server instance.
Author: Nat Dunn

Nat Dunn founded Webucator in 2003 to combine his passion for technical training with his business expertise and to help companies benefit from both. His previous experience was in sales, business and technical training, and management. Nat has an MBA from Harvard Business School and a BA in International Relations from Pomona College.

About Webucator

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Check out our complete course catalog.