SlideShare a Scribd company logo
Jared Matfess, Solution Architect
Slalom Consulting
Modern SharePoint Development
Workflow using Node, Bower, Yeoman
and more!
#SPSBurgh







www.ctspug.org
www.jaredmatfess.com
JaredM@slalom.com
www.slideshare.net/jmatfess/
Modern SharePoint Development using Visual Studio Code





Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code












https://github.com/OfficeDev/PnP http://dev.office.com/code-samples









Chris O’Brien’s blog
https://blogs.office.com/2016/05/04/the-sharepoint-framework-an-open-and-connected-platform/





Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code












http://docs.emmet.io/
Modern SharePoint Development using Visual Studio Code



Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code





https://nodejs.org/en/





https://nodejs.org/en/blog/npm/npm-1-0-global-vs-local-installation/
Modern SharePoint Development using Visual Studio Code




Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code




Modern SharePoint Development using Visual Studio Code



Modern SharePoint Development using Visual Studio Code





Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code






Modern SharePoint Development using Visual Studio Code










Modern SharePoint Development using Visual Studio Code
Modern SharePoint Development using Visual Studio Code







Modern SharePoint Development using Visual Studio Code





Modern SharePoint Development using Visual Studio Code
 http://www.johnpapa.net/
 Bower Fundamentals Course
 Chris O’Brien’s Blog
 Blog post - Introduction to Bower Package Manager
 Intro to Bower

 https://www.youtube.com/watch?v=5HEiQxmYM80
Modern SharePoint Development using Visual Studio Code



Modern SharePoint Development using Visual Studio Code

More Related Content

What's hot (20)

PPTX
Deep-dive building solutions on the SharePoint Framework
Waldek Mastykarz
 
PPTX
Can you build a Intranet with Modern SharePoint
Knut Relbe-Moe [MVP, MCT]
 
PPTX
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien
 
PPT
single page application
Ravindra K
 
PPTX
COB - Azure Functions for Office 365 developers
Chris O'Brien
 
PPTX
Do's and don'ts for Office 365 development
Chris O'Brien
 
PPTX
Application innovation & Developer Productivity
Kushan Lahiru Perera
 
PPTX
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
Marc D Anderson
 
PPTX
SharePoint Development with the SharePoint Framework
JoAnna Cheshire
 
PPTX
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
European Collaboration Summit
 
PPTX
ECS19 Bert Jansen - Modernizing your existing sites
European Collaboration Summit
 
PPTX
Build a SharePoint website in 60 minutes
Ben Robb
 
PPTX
Activate bots within SharePoint Framework
Kushan Lahiru Perera
 
PPTX
Building high scale, highly available websites in SharePoint 2010
Ben Robb
 
PDF
WordPress: React Way
Oleksandr Strikha
 
PPTX
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
Kushan Lahiru Perera
 
PPTX
Single Page Applications on JavaScript and ASP.NET MVC4
Yuriy Shapovalov
 
PDF
SPUnite17 SPFx Extensions
NCCOMMS
 
PPTX
Deep dive into share point framework webparts
Prabhu Nehru
 
PDF
SPUnite17 Timer Jobs Event Handlers
NCCOMMS
 
Deep-dive building solutions on the SharePoint Framework
Waldek Mastykarz
 
Can you build a Intranet with Modern SharePoint
Knut Relbe-Moe [MVP, MCT]
 
Chris O'Brien - Introduction to the SharePoint Framework for developers
Chris O'Brien
 
single page application
Ravindra K
 
COB - Azure Functions for Office 365 developers
Chris O'Brien
 
Do's and don'ts for Office 365 development
Chris O'Brien
 
Application innovation & Developer Productivity
Kushan Lahiru Perera
 
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
Marc D Anderson
 
SharePoint Development with the SharePoint Framework
JoAnna Cheshire
 
[Patel] SPFx: An ISV Insight into latest Microsoft's customization model
European Collaboration Summit
 
ECS19 Bert Jansen - Modernizing your existing sites
European Collaboration Summit
 
Build a SharePoint website in 60 minutes
Ben Robb
 
Activate bots within SharePoint Framework
Kushan Lahiru Perera
 
Building high scale, highly available websites in SharePoint 2010
Ben Robb
 
WordPress: React Way
Oleksandr Strikha
 
SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem.
Kushan Lahiru Perera
 
Single Page Applications on JavaScript and ASP.NET MVC4
Yuriy Shapovalov
 
SPUnite17 SPFx Extensions
NCCOMMS
 
Deep dive into share point framework webparts
Prabhu Nehru
 
SPUnite17 Timer Jobs Event Handlers
NCCOMMS
 

Similar to Modern SharePoint Development using Visual Studio Code (20)

PPTX
ESPC 2016 - From SharePoint to Office 365 Development - The path to your new ...
Sébastien Levert
 
PPTX
SPTechCon Austin 2019 - From SharePoint to Office 365 development
Sébastien Levert
 
PPTX
ESPC Webinar - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
Sébastien Levert
 
PPTX
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Framework 101 (SPFx)
Matthew J. Bailey , MCT
 
PPTX
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Fest Chicago - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
Sébastien Levert
 
PPTX
Real World Add-in Development for Office365
Brian Culver
 
PPTX
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
PDF
Real World SharePoint Framework and Azure Services
Brian Culver
 
ESPC 2016 - From SharePoint to Office 365 Development - The path to your new ...
Sébastien Levert
 
SPTechCon Austin 2019 - From SharePoint to Office 365 development
Sébastien Levert
 
ESPC Webinar - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Fest Chicago 2018 - From SharePoint to Office 365 development
Sébastien Levert
 
SharePoint Fest Seattle 2018 - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Fest Seattle 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Fest DC 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Framework 101 (SPFx)
Matthew J. Bailey , MCT
 
SharePoint Fest Chicago 2019 - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Fest DC 2018 - From SharePoint to Office 365 Development
Sébastien Levert
 
aOS Canadian Tour - Toronto - From SharePoint to Office 365 Development
Sébastien Levert
 
aOS Canadian Tour - Ottawa - From SharePoint to Office 365 Development
Sébastien Levert
 
aOS Canadian Tour - Montreal - From SharePoint to Office 365 Development
Sébastien Levert
 
aOS Canadian Tour - Quebec - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Saturday Calgary 2017 - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Fest Chicago - From SharePoint to Office 365 Development
Sébastien Levert
 
SharePoint Saturday Ottawa - From SharePoint to Office 365 Development
Sébastien Levert
 
Real World Add-in Development for Office365
Brian Culver
 
SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...
Waldek Mastykarz
 
Real World SharePoint Framework and Azure Services
Brian Culver
 
Ad

Recently uploaded (20)

PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
PPTX
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
PPTX
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
“NPU IP Hardware Shaped Through Software and Use-case Analysis,” a Presentati...
Edge AI and Vision Alliance
 
PDF
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
OpenID AuthZEN - Analyst Briefing July 2025
David Brossard
 
Future Tech Innovations 2025 – A TechLists Insight
TechLists
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
AUTOMATION AND ROBOTICS IN PHARMA INDUSTRY.pptx
sameeraaabegumm
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
“NPU IP Hardware Shaped Through Software and Use-case Analysis,” a Presentati...
Edge AI and Vision Alliance
 
The Rise of AI and IoT in Mobile App Tech.pdf
IMG Global Infotech
 
Ad

Modern SharePoint Development using Visual Studio Code

Editor's Notes

  • #31: npm install bower –g (installs Bower Globablly on your workstation)
  • #36: Bring up a command prompt and type bower init in your project directory
  • #39: Things are shifting slightly away from Bower in favor of NPM Angular 2 Webpack for packaging There’s no right/wrong it’s just