How to Set Up for Ajax Training on a Mac

  • google plus

In Brief...

For our Ajax courses, you will need Node.js, a modern web browser, an editor, and our class files.

Instructions

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 web development with his business expertise and to help companies benefit from both.

Discuss