1. After adding NAPA to the website, click NAPA in the website content, for example:
2. Create a new app, such:
3. You can add a new project in Napa, for example:
4. Add a new file. You can add web pages, style sheets, and scripts, such:
5. You can set Napa, for example:
6. Set the Visual C # language so that vs can be opened with C #, for example:
7. You can click Open in Visual Studio on the left menu, for example:
8. Select Visual C # From the pop-up menu, for example:
9. A menu may pop up to install Web platform 5.0, such:
10. Open an application in Visual Studio, such:
11. log on to Office 365, such:
12. Open it in Visual Studio and add a custom list, for example:
13. Add test data for the list instance, for example:
14. Add a JS script to read the list content, such:
15. On the default page, add HTML to read the display list, for example:
16. You can deploy applications, such:
17. Open the deployed developer site, such:
18. Click custom show to enter the application and click getdata to obtain data, as shown in:
19. Click list to enter the list, for example:
Summary
In Office 365, when you use vs to open the app, it will not be synchronized to Napa. Therefore, publishing in Napa will overwrite those published by vs. However, the development of apps in SharePoint online is basically the same as that in server.
Office 365-SharePoint 2013 Online Application Development