Create apps for Office and SharePoint by using "Napa" Office 365 Development Tools

apps for Office and SharePoint

Learn how to use "Napa" Office 365 Development Tools to create apps for Office and SharePoint

Last modified: August 30, 2013

Applies to: apps for Office | apps for SharePoint | Office 2013 | Office 365 | SharePoint Foundation 2013 | SharePoint Server 2013

In this article
Introducing "Napa" Office 365 Development Tools
Create and manage projects
Develop apps
Share and Publish apps
Get Started

"Napa" Office 365 Development Tools is a great way to get started building apps for Office or SharePoint directly out of a browser window. There is no need to install any other tools such as Visual Studio.  All you need is an Office 365 account and a supported browser. To get started, sign up for an Office 365 Developer Site. Then, install "Napa" Office 365 Development Tools on your Developer site and you are ready to create apps for Office documents, mail items or SharePoint. For more information, see Sign up for an Office 365 Developer Site. When you are ready to leverage the powerful capabilities in Microsoft Visual Studio, "Napa" Office 365 Development Tools makes it easy to download your project and continue developing your app for Office or SharePoint.

"Napa" Office 365 Development Tools gives you with a page to manage your projects. You can use this page to create a mail app, content app, task pane app, or SharePoint app project as well as rename and delete projects.  You can also open any project in Visual Studio if you decide that you want to leverage features such as advanced debugging or the ability to use a web project as part of your app for Office or SharePoint.  Choose a filter to view recently modified projects or projects of a specific type. Click a project tile if you want to open an existing project.

Figure 1. Projects page

Projects page

When you open a project, a default html file appears in a code editor. This file contains all the file references that you need to get started quickly. Leverage the productivity features of the editor such as syntax highlighting and code completion to write your code. You can access many of these features by using shortcut key combinations. To view a list of shortcut key combinations, press CTRL and the "." key simultaneously.  Files of your project appear in a hierarchical view to the side of the editor. Use the context menus of files and folders in this view to add, rename, or upload files (for example, HTML, JavaScript or Style sheets). Options at the bottom of the page enable you to run your project, modify the properties of the app, or open your project in Visual Studio. 

Figure 2. Code editor

Code Editor

While you’re developing your app, if you want to share it with someone else, such as to show them code or pages you are developing, you can use the Share Project feature. To share an app project, load the project in "Napa" and then choose the Share Project button on the side of the page. The Share Project feature creates a copy of the app project and provides you with a public link that you can give to anyone to enable them to view the copy of the app project. After you’ve completed your app project and want to distribute it, you can publish your app. For more information, see Publish apps for SharePoint or How to: Publish an app for Office.

To get started, sign up for an Office 365 Developer site. To learn more, visit this topic: Sign up for an Office 365 Developer Site. After you sign-up, open your Office 365 Developer site, and install the "Napa" Office 365 Development Tools app. Then, create your first app for Office or SharePoint. The following topics can help you get started.

Show:
© 2014 Microsoft