{"id":849,"date":"2016-06-15T00:00:00","date_gmt":"2016-06-15T08:00:00","guid":{"rendered":"http:\/\/officedevblogs.wpengine.com\/?p=849"},"modified":"2016-06-15T00:00:00","modified_gmt":"2016-06-15T08:00:00","slug":"excel-javascript-add-in-development-walkthrough","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/excel-javascript-add-in-development-walkthrough\/","title":{"rendered":"WebCast: End-to-End Walkthrough of Excel JavaScript Add-in Development"},"content":{"rendered":"<div id=\"body-content\">\n<p>In this webcast, we will walk through the end-to-end process of building an Office Add-in for Excel:&nbsp; from launching Visual Studio, to writing a bit of JavaScript code that uses the new Excel 2016 APIs, to adding some basic UI tweaks, to talking through the publishing options, debugging, and more.<\/p>\n<p><img decoding=\"async\" width=\"639\" height=\"443\" alt=\"Image of a sample add-in running in Excel 2016\" src=\"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-content\/uploads\/sites\/73\/2018\/05\/Excel20Walkthrough.png\"><\/p>\n<p>For those who wanted to see the solution that is built as part of the walkthrough, it is <a href=\"https:\/\/onedrive.live.com\/redir?resid=F797AA0B612A41DF!24627&amp;authkey=!ABhpzZ7WdNBKTf8&amp;ithint=folder%2czip\">uploaded to OneDrive<\/a>. Download and unzip the file, open the Solution in Visual Studio 2015 or a VS 2013 with the latest updates, and you should be all set! I recommend watching the video before downloading the solution, so that you can follow along in &#8220;the building of&#8221; before seeing the full thing.<\/p>\n<p>The presentation covers the following topics:<\/p>\n<ul>\n<li>Introduction to Office Add-ins.<\/li>\n<li>Introduction to<span><\/span>Excel JavaScript APIs.<\/li>\n<li>Details around building an Office Add-in from Visual Studio.<\/li>\n<li>Tips on testing and debugging.<\/li>\n<\/ul>\n<h3><strong>Watch the video today on&nbsp;<a href=\"https:\/\/channel9.msdn.com\/series\/officejs\/End-to-End-Walkthrough-of-Excel-JavaScript-Add-in-Development\">Channel 9<\/a>.&nbsp;<\/strong><\/h3>\n<h2>Additional resources<\/h2>\n<p>See the following resources related to the covered topics<\/p>\n<ul>\n<li>Documentation on the new APIs:&nbsp;<span><\/span><a href=\"http:\/\/aka.ms\/officejsdocs\">http:\/\/aka.ms\/officejsdocs<\/a>.&nbsp; In particular, we recommend reviewing the overview article, at<span>&nbsp;<\/span><a href=\"https:\/\/github.com\/OfficeDev\/office-js-docs\/blob\/master\/excel\/excel-add-ins-programming-overview.md\">https:\/\/github.com\/OfficeDev\/office-js-docs\/blob\/master\/excel\/excel-add-ins-programming-overview.md<\/a>.<\/li>\n<li>Other code samples on Excel Add-ins. <a href=\"https:\/\/github.com\/OfficeDev\/?utf8=%E2%9C%93&amp;query=excel\">https:\/\/github.com\/OfficeDev\/?utf8=%E2%9C%93&amp;query=excel<\/a><\/li>\n<li>StackOverflow questions tagged with<span><\/span><strong>[office-js]<\/strong>.<a href=\"http:\/\/stackoverflow.com\/questions\/tagged\/office-js\">http:\/\/stackoverflow.com\/questions\/tagged\/office-js<\/a><\/li>\n<li>To suggest new APIs, go to UserVoice at <a href=\"https:\/\/officespdev.uservoice.com\/\">https:\/\/officespdev.uservoice.com<\/a> and select [Add-ins: Excel] as the category.<\/li>\n<li>Our blog post on using a web service from within an Office Add-in:<span><\/span><a href=\"http:\/\/.msdn.com\/b\/officeapps\/archive\/2013\/06\/05\/create-a-web-service-for-an-app-for-office-using-the-asp-net-web-api.aspx\">http:\/\/.msdn.com\/b\/officeapps\/archive\/2013\/06\/05\/create-a-web-service-for-an-app-for-office-using-the-asp-net-web-api.aspx<\/a><\/li>\n<li>Our blog post on publishing (similar to what I&#8217;d covered, but a little more in-depth): <a href=\"http:\/\/.msdn.com\/b\/officeapps\/archive\/2014\/01\/15\/publishing-apps-for-office-and-sharepoint-to-windows-azure-websites.aspx\">http:\/\/.msdn.com\/b\/officeapps\/archive\/2014\/01\/15\/publishing-apps-for-office-and-sharepoint-to-windows-azure-websites.aspx<\/a><\/li>\n<li>Q, one of the several main Promise libraries.&nbsp; The page has a great explanation for promises, as well:&nbsp;<span><\/span><a href=\"https:\/\/github.com\/kriskowal\/q\">https:\/\/github.com\/kriskowal\/q<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>thanks,<\/p>\n<p style=\"line-height: 17.15pt;background: white;margin: 9.6pt 0in 9.6pt 0in\"><span style=\"font-family: 'Segoe UI Semilight',sans-serif;color: #231f20\">Michael Zlatkovsky <\/span><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>In this webcast, we will walk through the end-to-end process of building an Office Add-in for Excel:&nbsp; from launching Visual Studio, to writing a bit of JavaScript code that uses the new Excel 201<\/p>\n","protected":false},"author":69076,"featured_media":850,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11],"tags":[18],"class_list":["post-849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-office-add-ins","tag-excel"],"acf":[],"blog_post_summary":"<p>In this webcast, we will walk through the end-to-end process of building an Office Add-in for Excel:&nbsp; from launching Visual Studio, to writing a bit of JavaScript code that uses the new Excel 201<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69076"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/849\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/850"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}