JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen
JavaScript Jabber25 Heinä 2017

JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa Juvonen

JSJ 271: SharePoint Extensions in JavaScript with Mike Ammerlaan and Vesa JuvonenThis episode is a live episode from Microsoft Build where AJ O'Neal and Charles Max Wood interview Mike Ammerlaan and Vesa Juvonent about building extensions for SharePoint with JavaScript. [00:01:28] Mike Ammerlaan introduction
Mike has worked at Microsoft for a long time on multiple Microsoft products and projects. He's currently on the Office Ecosystem Marketing Team. [00:01:52] Vesa Juvonen introduction
Ves a is Senior Program Manager for the SharePoint Splat team. He's been with Microsoft for about 11 years and manages the community and documentation for the SharePoint framework. [00:02:18] What is the SharePoint Framework?
This is how you write SharePoint extensions with JavaScript. SharePoint has changed. It now works with common modern development tools and web development techniques. SharePoint consolodates the extension effort [00:03:32] What is SharePoint?
File sharing, team sites, communication points for teams. Part of Office 365. You use Web Parts to add functionality to SharePoint. Web Parts provide functionality like widgets and are scoped to a team, group, or set of users. It's usually hosted on premises, but you can also use it with Office 365 as a hosted solution. [00:05:56] What extensions can you build for SharePoint?
You can build widgets for your front page or intranet. You can also add user management or data management or document management.Examples:
  • Dashboards
  • Mini Applications
  • Scheduling and Time Tracking
  • Document Storage
  • Source code repositories
[00:07:39] What is WebDAV and how does it relate?
WebDAV is a protocol for accessing documents and SharePoint supports it among other protocols for managing documents. [00:08:36] Do I have to build front-end and back-end components to get full functionality?
You can build the front-end UI with Angular and other frameworks. And then build a service in Azure on the backend. The backend systems can then access Line of Business systems or other data systems.It really does take multiple skill sets to build extensions for SharePoint. [00:11:10] SharePoint on Mobile
There is a mobile web app and the Web Parts work through the mobile application. You can also use any browser to connect to the application. [00:12:08] Building extensions with standard Angular or React component libraries
There are standard Yeoman templates. You can also pull in the components through React or Angular just like what Microsoft does.Newer Angular versions are designed for Single Page Apps and SharePoint isn't necessarily set up to work that way. The Web Parts are isolated from each other and Angular requires some workarounds. [00:14:30] Getting around sandboxing
Google and Microsoft are talking to each other to see how to work around this when there are multiple sandboxed applications that can't talk to each other in very simple ways. [00:15:39] Application library or naming collisions if my UI uses different versions or clobber page wide settings
There are guides for a lot of this. React does a bunch of the isolation work.Addons are iframed in and an API token is given to grant access to the data and APIs.Microsoft also reviews and approves plugins. [00:18:30] How do you get started and make money at this?
Look at the SharePoint store. You can build things through websites and pages and offer the plugins through the store.You can request a SharePoint tenant installation from the Microsoft Dev Tools for free. Then you can build into the tenant site. The rest of the tools are available on npm.SharePoint Developer Tools [00:22:13] Automated testing for SharePoint extensions
Unit testing is built in for JavaScript. Testing the UI's require you to sign into Office 365. There are people doing it, though. [00:22:54] Building internal-only extensions
SharePoint is an enterprise tool, so a lot of enterprises may not want to install extensions from the store. You can definitely build and install private plugins for SharePoint setups. They also have their own backend systems that will require custom development. [00:25:50] Office 365, SharePoint, and OneDrive
Office 365 is used by people across many different sized organizations and SharePoint is much more enterprise. Office 365 tools store files and information in SharePoint.What about OneDrive versus Sharepoint? OneDrive is focused for one person. SharePoint is focused around a team. But they have the same APIs and use the same technology stack. [00:29:05] The history and future of SharePoint
It started out on premises and has moved to the cloud. The SharePoint team is working to keep it available and useful in the modern cloud based era. [00:30:25] What does the API footprint look like?
It spans modifying lists, data objects, attributes, items in a list, put Web Parts on a page, modify the experience, and manage and modify access, users, and documents. SharePoint is a way of building a way of conveying information.SharePoint is layers of data and scopes. [00:35:26] Tutorials and Open Source
dev.office.com
The Sharepoint framework is not open source yet, but they're working on that. They also need to open source the Yeoman templates.
Open source samples are available at github.com/sharepoint.PicksCharles Max Wood
  • BlueTick
  • Zapier
  • ScheduleOnce
  • Moo.com
  • Advice: Take the time to go talk to people.
    Vesa adds that you should go to a session that's on something completely outside your experience.
AJ O'NealMike AmmerlaanVesa Juvonen
  • Family
A big thanks to Microsoft, DotNetRocks, and Build!Special Guests: Mike Ammerlaan and Vesa Juvonen.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Jaksot(735)

Introducing Codux With Nadav Abrahami & Tom Raviv - JSJ 573

Introducing Codux With Nadav Abrahami & Tom Raviv - JSJ 573

Nadav Abrahami Co-Founder & Head of Innovation at Wix. Tom Raviv is Head of Developer Relations for Codux.com & Team Lead on Stylable.io. They join the show to talk about the recent release of, "Codux", the first visual IDE for React. They begin the episode as they talk about how they came about building the tool and their experience. Moreover, they talk about its features, components, and impact on users Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksCodux | Visual IDE for ReactMeet CoduxTwitter: @CoduxIDETwitter: @NadavWixTwitter: @RavivTomPicksAJ - Earthing PadAJ - Speed ControllerAJ - Beyond Code Beta Course WorkshopsDan - 15: The Meta Framework Revolution with Dan Shappir by FedBitesDan - The ongoing war in UkraineNadav - Kung Fu for EngineersSteve - Hinshark Bluetooth BeanieTom - The Legend of Vox MachinaSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Maalis 20231h 13min

Build Your Game Using JavaScript with Andrzej Mazur- JSJ 572

Build Your Game Using JavaScript with Andrzej Mazur- JSJ 572

Andrzej Mazur is a HTML5 Game Developer. He joins the show alongside AJ and Chuck to talk about creating games in JavaScript. He begins by outlining his past and current experiences as a game developer. He offers some of his techniques to individuals who want to start developing web games.Sponsors Chuck's Resume Template Developer Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksENCLAVE GAMESjs13kGamesGamedev.jsGamedev.js weeklyGamedev.js WarszawaFOREST CUTIESEnclaveGames/Enclave-Phaser-TemplateOpenGameArtUnity Asset StoreKenney Game AssetsGlobal Game Jamwebinstall.dev/aliasmanGitHub: end3rLinkedIn: Andrzej MazurTwitter: @end3rPicksAJ - OC RemixAJ - Ballarini (Granitium Non-Stick Cookware) setAJ - Utility Series Keychain KnifeAJ - EDC Fans Keychain KnifeAndrzej - NeuroshimaHex.plAndrzej - Gamedev.js Jam 2022Andrzej - PhaserChuck - Mysterium Chuck - Hold on to people you care about! Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

7 Maalis 20231h 20min

The State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571

The State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. On YouTubeThe State of JS Frameworks with Ryan Carniato: Part 2 - JSJ 571Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRyan Carniato - DevRyan Carniato | YouTubeTwitter: @RyanCarniatoAJ ONeal - GitPicksAJ - ChatGPT-DanRyan - React.js: The Documentary - How it All BeganSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Helmi 202350min

The State of JS Frameworks with Ryan Carniato: Part 1 - JSJ 570

The State of JS Frameworks with Ryan Carniato: Part 1 - JSJ 570

Ryan Carniato is the Principal Engineer OSS at Netlify. He is the author of the SolidJS UI library. He joins the show to talk about where the JavaScript Frameworks are headed. They share their insights on the changes that occurred in React. Additionally, they talk about their perspective on React and other JavaScript frameworks. Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksRyan Carniato - DevRyan Carniato | YouTubeTwitter: @RyanCarniatoSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

21 Helmi 20231h 3min

Web Performance With Alex Russell - JSJ 569

Web Performance With Alex Russell - JSJ 569

Alex Russell is the Partner Product Manager on Microsoft Edge. He joins the show to talk about web framework performance. He starts out by going over a few examples of user interactions from various web applications and how they affect their performance. Moreover, he gets into detail about the article he wrote, "The Performance Inequality Gap, 2023".Sponsors Chuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksA Management Maturity Model for PerformanceThe Performance Inequality Gap, 2023Depth-and-frequencymulti-core scoressingle core scoresInfrequently NotedGitHub: slightlyoffTwitter: @slightlylatePicks AJ - webinstall.dev/vim-aleAlex - open web advocacyCharles - Harry Potter: Death Eaters Rising Charles - ARETE MEANS EXCELLENCEDan - Dan Shappir at @JSJabber Web Dev podcast PollSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

14 Helmi 20231h 26min

React Native & Every-Platform Embeddable UI With Taz Singh - JSJ 568

React Native & Every-Platform Embeddable UI With Taz Singh - JSJ 568

Taz Singh is the Founder of Guild. It is an all-in-one platform for Events, Presentations, and Discussions designed to reduce the burden as communities scale. He joins the show to talk about Guild and React Native. He begins by discussing his journey toward how he was able to create his company. He talks about their goals and what sets them apart from other platforms. Additionally, they tackle developing applications using React Native. About This EpisodeFuture projects for GuildUsing React Native to develop apps for MobileUsing React Native to develop apps for WebTamaguiSponsorsChuck's Resume TemplateDeveloper Book ClubBecome a Top 1% Dev with a Top End Devs MembershipLinksGuildTamagui — React Native + Web UI kitTaz SinghLinkedIn: Taz SinghGitHub: tazsinghTwitter: @tazsinghTwitter: @guild__hostPicksAJ - AJScript ( (Moving to GPTScript)AJ - SNOWFLAKES ARE REAL!Charles - Top End DevsDan - TypeScript 5.0 Beta Deep DiveDan - React Streaming In Depth: NextJS! Remix! DIY!Taz - GuildSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

8 Helmi 20231h 32min

Providing The Best User Experiences on the Web With Vercel- BONUS

Providing The Best User Experiences on the Web With Vercel- BONUS

Lee Robinson is the VP of Developer Experience at Vercel. Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. He joins Chuck on the show to talk about NextJS 13 and their company. He goes into great detail about how they continue to offer the finest user and development experience. Additionally, they talk about Vercel's features. LinksVercelNext.js Conf Keynote: Introducing Next.js 13 and TurbopackVercel Analytics: Real-time Insights, Peak PerformanceLee RobinsonLinkedIn: Lee RobinsonTwitter: @leeerob Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

3 Helmi 202334min

Front-End Hydration - JSJ 567

Front-End Hydration - JSJ 567

Dan Shappir takes the lead for this week's panelist episode as he talks about hydration. Hydration is the technique of using client-side JavaScript to enhance server-rendered HTML with application state and interaction. In the context of Web performance, he explains why it is regarded as such an issue and its impact.The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:Avoiding frameworks, to begin withFaster hydration, e.g. Svelte, SolidProgressive enhancement, e.g. RemixHydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)Islands of hydration, e.g. Astro, FreshServer Components, e.g. NextJS 13 React Server Components (SPA and streaming)Resumability, e.q. Qwik, MarkoSponsorsChuck's Resume TemplateDeveloper Book Club starting with Clean Architecture by Robert C. MartinBecome a Top 1% Dev with a Top End Devs MembershipLinksBeyond Code Bootcamp: HomeApril 24 - 27, 2023 - JavaScript Conference LondonJSNation Conference 2023Qwik Part II With Misko Hevery - JSJ 563Mastering Linux Shell ScriptingThe Linux Command Line, 2nd Edition: A Complete IntroductionPicksAJ - Animal CrossingAJ - Yoshi's Crafted World™Charles- Harry Potter: Death Eaters Rising Dan - Don't Learn TypeScriptDan - JavaScript Frameworks in 2023Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

31 Tammi 20231h 40min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
mimmit-sijoittaa
psykopodiaa-podcast
rss-rahapodi
ostan-asuntoja-podcast
oppimisen-psykologia
pomojen-suusta
taloudellinen-mielenrauha
rss-lahtijat
sijoituspodi
rss-rahamania
rss-seuraava-potilas
rss-viisas-raha-podi
rss-neuvottelija-sami-miettinen
rahapuhetta
sijoituskaverit
kasvun-kipuja
rss-rikasta-elamaa
rss-turvacast
rss-merja-mahkan-rahat