The “Napa” Office 365 Development Tools make it easy to start building apps for Office and SharePoint without leaving your browser or installing software. Just add the “Napa” Office 365 Development Tools app to your SharePoint Online Developer Site, launch it, and you will be ready to create your first app for Office or SharePoint.
When you are ready to leverage the powerful capabilities in Microsoft Visual Studio 2012, the “Napa” Office 365 Development Tools makes it easy to download your project, get the required software and continue developing your app for Office or SharePoint.
1. Goto SharePoint>Administration Center>Apps>Purchaes App
2. Search and Select Napa Office 365 App form SharePoint App store and Click on ADD IT button
Create Developer Site to enable NAPA APP FOR DEVELOPMENT FEATURE
4.Go back to SharePoint Administration Center then Click on Site Collection on left Menu .then Add new Site in as Private site.
SharePoint Administration >Site Collections>New>Private Site Collection
4. Select Developer Site Template form new site collection list. than fill basic info and Press OK button.
6.Once you Complete Creation of Site Collection you will see Develoepr site with new url in your site collection list then go to your developer site
Once you Click on Create button you will See Napa Console on browser.
Guide for Napa
10.then on your left hand site panel you will see treeview. select Pages>Default.aspx and Modify the Content PlaceHolder called PlaceHolderMain with Following Code example (code file are give blow).
11.Add this Code under PlaceHolderMain ContentPlaceHolder
16.if App will not open automatically kindly check your browser might block the popup window.
19 Add this Code under Selectionlistbox for Creating Items and Deleting them
End of the App.js file Add this Following code Step by Step
then Publish you app Again with Play icon on bottom it will upload and update your app again
Launch App Again
By Usama Wahab Khan