SharePoint Conference North America - Converting your JavaScript to SPFX
•
2 gostaram•310 visualizações
stuff
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a SharePoint Conference North America - Converting your JavaScript to SPFX
Semelhante a SharePoint Conference North America - Converting your JavaScript to SPFX (20)
Mais de Mark Rackley
Mais de Mark Rackley (20)
Último
Último (20)
SharePoint Conference North America - Converting your JavaScript to SPFX
- 3. Mark Rackley Solutions Architect Developer Blogger Speaker Conference Organizer Podcaster InfoPath Hater Bacon Lover mrackley@paitgroup.com @mrackley www.paitgroup.com www.techsplaining.net www.collabsummit.org www.stratusforms.com www.markrackley.net
- 4. WHAT’S UP WITH THIS SESSION?
- 5. WHAT’S UP WITH THIS SESSION? Have existing jQuery/JavaScript solutions Need to better understand the SharePoint Framework Don’t know or don’t want to learn TypeScript Don’t know or don’t want to learn React Need to know how to get started FOR CLIENT SIDE DEVELOPERS THAT…
- 6. Goals for the Session What is the SharePoint Framework? Why do we need the SharePoint Framework? Converting a Customization to the SharePoint Framework
- 7. WHAT IS THE SHAREPOINT FRAMEWORK (SPFx) SharePoint framework LOB Systems and Cloud Services Microsoft Graph (coming soon) Modern client-side development Lightweight web and mobile Used to build Modern SharePoint Page Backward compatible Supports open source tools and JavaScript web frameworks
- 8. THE SHAREPOINT FRAMEWORK Finally! A management and deployment story for our client side web parts Works in Classic and Modern Pages Users can set properties instead of having to modify script Local Workbench for development and debugging TypeScript (if you are a .NET Dev) You GET to learn new (marketable) skills Mobile friendly Works the same in On Premises and Online GOOD
- 9. THE SHAREPOINT FRAMEWORK The process can initially be daunting if you are a .NET developer (Change is hard) TypeScript (If you are JavaScript developer) Limited Visual Studio Tooling There is no store You HAVE to learn new skills WHAT HURDLES WILL YOU FACE?
- 10. JavaScript/HTML/CSS An open mind (it’s a brave new world) Node.js, NPM, Yeoman, Gulp??? (open source FTW!) TypeScript (Enterprise JavaScript Development) Office UI Fabric (Front-end visual Framework) VisualStudio Code SKILLS YOU NEED TO EMBRACE
- 11. WHY DO YOU NEED THE SHAREPOINT FRAMEWORK
- 12. Stop polluting the global namespace Better for the mobile application Prevents non-devs from potential security risks of putting unknown scripts on page STOP SCRIPT INJECTION WHY DO YOU NEED THE SHAREPOINT FRAMEWORK
- 13. WHY DO YOU NEED THE SHAREPOINT FRAMEWORK Stop polluting the global namespace Better for the mobile framework Prevents non-devs from potential security risks of putting unknown scripts on page STOP SCRIPT INJECTION Create manageable projects for multiple devs Deploy solutions easily to multiple sites or pages Use properties and keep users out of scripts ENTERPRISE READY
- 14. DEMO: A Customization without the SharePoint Framework
- 15. DEMO: Converting a Customization to the SharePoint Framework
- 26. A couple of other potential hurdles
- 30. • Install Instructions: • https://github.com/SharePoint/sp-dev-docs • Online Courses: • https://www.voitanos.io/ • (Use Code “Rackley” for 10% off) • Prolific blog posts: • https://blog.mastykarz.nl/ • Source Code for this session https://github.com/mrackley/SPFXConvert