Working with HTML5 Applications

The following table shows how to work with HTML5 applications.

Number one
Create project
  1. Create a new HTML5 Application project in the New Project wizard.

    You can specify a site template for the project and add JavaScript files to the project in the wizard.

  2. Open the project Properties window and specify a browser for viewing the application.

Number two
Create files
  1. Choose File > New File or right-click the project and choose New > Other.
  2. Select the HTML/JavaScript category and select the File Type that you want to create.

    The IDE provides wizards for creating the following common HTML5 file types.


Number three
Edit files
  1. In the Projects window or Files window, double-click the file that you want to edit to open the file in the editor.
  2. Edit the files in the editor.

    The IDE provides support for editing the following common HTML5 file types.


Number four
Run the application
  1. Specify the target browser.
  2. Choose Run > Run Project (F6) from the main menu or right-click the project node in the Projects window and choose Run. The index page of the application opens in your browser.

Number five
Debug JavaScript
  1. Specify a target browser that supports debugging HTML5 applications.
  2. Set breakpoints in your JavaScript file.
  3. Right-click the project node in the Projects window and choose Run.
  4. Step through the program execution.

Legal Notices