From the course: Microsoft Office Add-Ins for Developers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
An example in Angular
From the course: Microsoft Office Add-Ins for Developers
An example in Angular
- [Lecturer] So I'm back in PowerShell and I'm going to type 'yo office' and remember, one of the options, the first actually, is to build the project using the Angular framework. I can choose TypeScript or JavaScript, it really makes sense to use TypeScript here, and let's call this one demo2angular. Let's build the same target application which is Word, and it does a quick scaffolding out of the file structure and then goes off and does an npm install to get all the dependencies again. I'm going to run Visual Studio Code in this folder. First I need to go into the directory and then I can do npm start. If we go back to https://localhost 3000 again we get a slightly different UI. Now let's see what the code looks like. So we have a manifest file which is pretty much the same as what we had before, but the src folder looks a little bit different. I've got an index.ts but now the index.ts file just bootstraps the Angular framework. So this is where Angular is being set up and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Open web development toolchain3m 7s
-
(Locked)
Create an add-in with Yeoman7m 4s
-
(Locked)
Sideload your add-in on the web4m 22s
-
(Locked)
The Angular framework59s
-
(Locked)
An example in Angular3m 42s
-
(Locked)
The React framework2m 14s
-
(Locked)
An example in React6m 24s
-
(Locked)
Office UI Fabric3m 45s
-
(Locked)
Design guidelines2m 58s
-
(Locked)
Design toolkit4m 26s
-
(Locked)
Consuming external services4m 27s
-
(Locked)
-
-
-
-
-