Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016

Oct 17, 2016Download as PPTX, PDF0 likes1,036 views

The must-see session for every SharePoint developer. Learn how to get the most out of the SharePoint Framework and build powerful solutions for SharePoint and Office 365 using the latest developer opportunities.

SharePoint Saturday Belgium 2016 • October 15 • Brussels Track: Developer | Level: 300
Deep Dive building solutions
on the SharePoint Framework
Waldek Mastykarz
Office Development MVP | Rencore

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Working with
SharePoint Framework

$SharePoint Saturday Belgium 2016 • October 15 • Brussels Store project dependencies $ npm install angular --save package.json { dependencies: { "angular": "^1.5.8" } }$

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Don’t bundle frameworks. Load from URL
instead
config/config.json
{
externals: {
"angular": {
"path": "https://cdn.com/…/angular.min.js",
"globalName": "angular"
}
}
}

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Don’t guess the JavaScript
framework format
http://rc-scripttype.azurewebsites.net/

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Non-AMD scripts in web parts
• Isolated within web part
• Each web part uses its own version
• Version loaded by one web part doesn’t affect the version loaded by another
web part
• Exposed in the global scope
• Last version loaded overwrites any version loaded previously in the global
scope

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Avoid using non-AMD scripts
whenever possible

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Clean old project build files
$ gulp nuke

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Use one-time bootstrap
MyWebPart.ts
export default class ToDoWebPartWebPart extends
BaseClientSideWebPart<IToDoWebPartWebPartProps> {
public render(): void {
if (this.renderedOnce === false) {
// one-time bootstrap
}
}
}

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Use non-reactive pane with external data
MyWebPart.ts
export default class ToDoWebPartWebPart extends
BaseClientSideWebPart<IToDoWebPartWebPartProps> {
protected get disableReactivePropertyChanges():
boolean {
return true;
}
}

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Validate web part properties values
MyWebPart.ts
PropertyPaneTextField('description', {
label: strings.DescriptionFieldLabel,
onGetErrorMessage: this.validateDescription.bind(this)
})
private validateDescription(description: string): string {
if (description && description.length > 20) {
return 'Description shouldn't be longer than 20 characters';
}
else {
return '';
}
}

Next steps
1. Get SPFx
http://wldk.nl/spfx-setup
2. Check out docs
http://wldk.nl/spfx-docs
3. Check out samples
http://wldk.nl/spfx-samples
4. Latest SPFx content
http://wldk.nl/waldek-blog

Waldek Mastykarz
Office Development MVP
Rencore
http://www.rencore.com
https://blog.mastykarz.nl
@waldekm

SharePoint Saturday Belgium 2016 • October 15 • Brussels
Thank You!

Feedback
http://spsbe.be

Erwin van Hunen, Product Owner of SPTransformator, Microsoft MCM and MVP, introduces you to some things to keep an eye on that will help you in preventing your SharePoint migration projects from stalling. What you will learn: Meet the single most overlooked and potentially crucial factor for your migration project: SharePoint Customizations. - Find out, why and how to assess your SharePoint - Customizations in terms of migratability - and much more…

Deep-dive building solutions on the SharePoint FrameworkWaldek Mastykarz

Waldek Mastykarz gave a presentation on building solutions using the SharePoint Framework. Some key points included storing project dependencies using npm, loading frameworks from URLs instead of bundling them, using a services library to share code between parts, and leveraging SharePoint Framework services. The presentation provided an overview of best practices for building solutions on the SharePoint Framework.

What’s right & wrong with WCF-WebHTTP Adapter?BizTalk360

This document discusses the pros and cons of using the WCF-WebHTTP adapter in BizTalk, including issues with Azure service bus relays, error handling, and the JSON encoder and decoder. Workarounds are presented for common problems, such as relays only supporting the base URL and the encoder/decoder having date/time and number formatting issues. The document provides links to blog posts with more details on issues and workarounds for the WCF-WebHTTP adapter in BizTalk.

Setting up development environment for building SharePoint Framework solution...Waldek Mastykarz

How to automate the SharePoint Provisioning Knut Relbe-Moe [MVP, MCT]

In this session we will look into the provisioning toolset found within Office 365 Developer Patterns and Practices (PnP) to provision columns, content types, list templates, list and library instances, branding and file assets and even metadata and more all with XML provisioning templates and PowerShell. This demo heavy session with the PowerShell scripts and sample provisioning templates will help you jumpstart your next SharePoint project using future friendly provisioning methodologies. Benefits of this Session: • Learn how PnP provides provision tools • Get the reusable PowerShell scripts to start your next project

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Are you having trouble with all the things happening in web technology lately? Frustrated with the rate of change? Hard to keep up? Then we have good news for you: a little while ago, we at Jayway did a tech radar on web technology and we would like to share it with you. Some of the technologies we will cover are: ECMAScript 6, React, Angular, Ember, Isomorphic/Universal web applications, Unidirectional client data flow, Backend-as-a-Service, Meteor, and Static site generators. We will also do a small comparison of the web tech radar we did 18 months ago, and draw conclusions from the differences and the current rate of change. Finally, we'll give some advices for navigating in the ever changing landscape of new web technology.

Create a modern(ish) BAM portal in (roughly) one hour!BizTalk360

Introduction presentationVladislav Hadzhiyski

This document outlines a course on web application development using ASP.NET and AJAX. The 10-part course covers topics such as server controls, data handling, security, localization, XML web services, MVC, Razor, data sources, and AJAX and security in ASP.NET MVC. It also lists potential exam tasks such as building a forum, blog, photo album, or school management application. The document is presented by Vladislav Hadzhiyski and includes his contact information.

ASP.NET 5David Voyles

1) The document discusses ASP.NET 5, a new approach to building .NET on the server that features a flexible and cross-platform runtime, modular HTTP request pipeline, and cloud-optimized design. 2) It introduces ASP.NET 5 and MVC 6, which merges MVC, Web API, and Web Pages frameworks into a single framework for building web UIs and APIs. 3) A demo is presented showing the creation of an empty ASP.NET 5 application.

Office script labsMark Roden

Host, deploy & scale Blazor Server AppsJose Javier Columbie

The document discusses hosting and scaling ASP.NET Core Blazor Server applications using SignalR and the Azure SignalR Service. It covers how SignalR enables real-time functionality using techniques like WebSockets, Server-Sent Events and long polling. It also discusses scaling options for SignalR like using sticky sessions, TCP connections and a Redis backplane. The Azure SignalR Service is presented as a scalable option with pricing information. A demo and bonus content on CircuitHandler are also mentioned.

ASP.NET MVC 4Danijel Malik

This document summarizes some of the new features in ASP.NET MVC 4, including bundling and minification support to improve page loading performance, database migrations to evolve database schemas in a code-focused way, adaptive rendering and display modes for mobile web development, support for building and hosting web APIs, and asynchronous support to improve server scalability. It provides demos of bundling/minification, database migrations, mobile web, and hosting web APIs. It also discusses improvements to Razor and conditional attributes in MVC 4.

Mvc razor and working with dataVladislav Hadzhiyski

This document discusses Razor code expressions and blocks in ASP.NET MVC and working with data using Entity Framework. It describes the Entity Framework architecture and the two main approaches of Database-First and Code-First. Database-First uses a designer, allows more SQL, and has better data performance, while Code-First does not use a designer, requires almost no SQL, allows faster development, and makes building complex data models easier. The document also provides homework on implementing CRUD operations for categories and notes models and includes resources for further information.

Going Serverless with Azure FunctionsChristos Matskas

Logic Apps – DeploymentsBizTalk360

This document discusses deploying Logic Apps using version control and continuous integration/deployment. It demonstrates setting up a Logic App template in Visual Studio Team Services source control, building the template using a build definition, and deploying it to environments through release management. The deployment is fully automated using Azure Resource Manager templates, PowerShell scripts, and either Visual Studio Team Services or GitHub for deployment. This provides a unified process to deploy Logic Apps and related Azure resources across environments from source control in a reusable, parameterized manner.

ColdFusion in Transit actionColdFusionConference

This document summarizes a presentation given by Theonic Way of Fig Leaf consulting about their work redesigning the Washington Metropolitan Area Transit Authority (WMATA) website. It discusses the background of the current WMATA website, visions and solutions for the new site, and a demo of features like trip planning, alerts and the content management system. The new site uses a ColdFusion, Node.js and CommonSpot CMS architecture to improve responsiveness, integrate APIs and enable content authors.

[DevDay 2017] Serverless Architecture - Speaker: Trung Huynh - Software Engin...DevDay Da Nang

Serverless architecture is a hot topic nowadays. The traditional architecture needs to have one or many servers to let the app run on, make the app come out the market. Many steps have been done from managing servers, monitoring servers to optimizing servers and it needs server administration knowledge. With Serverless, it doesn't mean you don't need the server at all, it means the server will be hosted by another party and away from you. You only focus on your code and give your product out to the market as fast as possible.

Conf 2018 Track 2 - Custom Web Elements with StencilTechExeter

Build a SharePoint website in 60 minutesBen Robb

This document discusses how to build a SharePoint website in 60 minutes by setting up a development environment, using SharePoint Designer for rapid application development to quickly build out branding and site structure, and packaging the site into a Visual Studio project for professional development and deployment. The key takeaways are to script as much of the process as possible for things like environment setup, content import, and deployment, and to leverage tools like SharePoint Designer and Visual Studio to streamline development.

Web forms Overview PresentationVladislav Hadzhiyski

This document provides an overview of ASP.NET Web Forms, including its architecture, types of web applications it can create, its page lifecycle, and common controls. ASP.NET Web Forms uses a code-behind model and page lifecycle to handle requests and render HTML server-side. It supports a variety of controls like buttons, textboxes, labels and images to build web forms and handle user input on the server. The page lifecycle consists of several stages from request to rendering, including initialization, loading, handling postback events, and unloading.

Azure Web JobsBizTalk360

WebJobs allow background processes to run in an Azure App Service app. They can be triggered on a schedule or by an event and have many options for deployment. The Kudu service powers continuous delivery of WebJobs and provides a dashboard. Files and paths provide control and logging. The WebJob SDK enables triggers and bindings for common scenarios. Alternatives to WebJobs include Azure Functions and on-premises solutions.

Building high scale, highly available websites in SharePoint 2010Ben Robb

This document discusses strategies for building high scale, high availability websites in SharePoint 2010. It covers reducing server workload through server topology optimization, managed code best practices, and deployment techniques. It also discusses reducing page payload size through viewstate, XHTML validation, lazy loading JavaScript, and compression. Finally, it discusses reducing the number of page requests through file consolidation, AJAX, removing unnecessary scripts/CSS, using CSS sprites, and content delivery networks. Testing approaches like load, spike, and endurance testing are also covered. The overall goal is to measure and optimize performance through techniques that reduce server load, page size, and page requests.

[DevDay 2017] ReactJS Hands on - Speaker: Binh Phan - Developer at mgm techno...DevDay Da Nang

Vincent biret azure functions and flow (ottawa)Vincent Biret

This document outlines Vincent Biret's presentation on Azure Functions and Microsoft Flow. The presentation includes demos of using Flow to automate workflows across various services and using Functions to run pieces of code in the cloud. It also discusses pricing plans for Flow, supported languages for Functions, and best practices for integrating Flow and Functions. The presentation agenda covers introductions to Flow and Functions, demos of each, and a conclusion about how these tools can provide reliable development, save time and money, and empower users.

Vincent biret azure functions and flow (toronto)Vincent Biret

This document outlines Vincent Biret's presentation on Azure Functions and Microsoft Flow. The presentation includes demos of using Flow to automate workflows across various services and using Functions to run pieces of code in the cloud. The agenda covers introductions to Flow and Functions, demos of each, best practices for using them together, and a conclusion on how they can provide reliable development, save time and money, and empower users.

Building productivity solutions with Microsoft GraphWaldek Mastykarz

SharePoint OnlineNigel Price

- SharePoint Online has positives like low cost, easy administration, and out-of-the-box features, but also negatives like lack of control over upgrades and differences between tenant environments. - Bad points include missing functionality compared to on-premises SharePoint and difficulties debugging and managing apps. - Public websites are very limited and leaving SharePoint Online can be a lengthy process requiring PowerShell for cleanup.

More Related Content

What's hot (20)

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Create a modern(ish) BAM portal in (roughly) one hour!BizTalk360

Introduction presentationVladislav Hadzhiyski

ASP.NET 5David Voyles

Office script labsMark Roden

Host, deploy & scale Blazor Server AppsJose Javier Columbie

ASP.NET MVC 4Danijel Malik

Mvc razor and working with dataVladislav Hadzhiyski

Going Serverless with Azure FunctionsChristos Matskas

Logic Apps – DeploymentsBizTalk360

ColdFusion in Transit actionColdFusionConference

[DevDay 2017] Serverless Architecture - Speaker: Trung Huynh - Software Engin...DevDay Da Nang

Conf 2018 Track 2 - Custom Web Elements with StencilTechExeter

Build a SharePoint website in 60 minutesBen Robb

Web forms Overview PresentationVladislav Hadzhiyski

Azure Web JobsBizTalk360

Building high scale, highly available websites in SharePoint 2010Ben Robb

[DevDay 2017] ReactJS Hands on - Speaker: Binh Phan - Developer at mgm techno...DevDay Da Nang

Vincent biret azure functions and flow (ottawa)Vincent Biret

Vincent biret azure functions and flow (toronto)Vincent Biret

This document outlines Vincent Biret's presentation on Azure Functions and Microsoft Flow. The presentation includes demos of using Flow to automate workflows across various services and using Functions to run pieces of code in the cloud. The agenda covers introductions to Flow and Functions, demos of each, best practices for using them together, and a conclusion on how they can provide reliable development, save time and money, and empower users.

Jayway Web Tech Radar 2015Gustaf Nilsson Kotte

Create a modern(ish) BAM portal in (roughly) one hour!BizTalk360

Introduction presentationVladislav Hadzhiyski

ASP.NET 5David Voyles

Office script labsMark Roden

Host, deploy & scale Blazor Server AppsJose Javier Columbie

ASP.NET MVC 4Danijel Malik

Mvc razor and working with dataVladislav Hadzhiyski

Going Serverless with Azure FunctionsChristos Matskas

Logic Apps – DeploymentsBizTalk360

ColdFusion in Transit actionColdFusionConference

[DevDay 2017] Serverless Architecture - Speaker: Trung Huynh - Software Engin...DevDay Da Nang

Conf 2018 Track 2 - Custom Web Elements with StencilTechExeter

Build a SharePoint website in 60 minutesBen Robb

Web forms Overview PresentationVladislav Hadzhiyski

Azure Web JobsBizTalk360

Building high scale, highly available websites in SharePoint 2010Ben Robb

[DevDay 2017] ReactJS Hands on - Speaker: Binh Phan - Developer at mgm techno...DevDay Da Nang

Vincent biret azure functions and flow (ottawa)Vincent Biret

Vincent biret azure functions and flow (toronto)Vincent Biret

Viewers also liked (20)

Building productivity solutions with Microsoft GraphWaldek Mastykarz

SharePoint OnlineNigel Price

Azure Web Apps - Deep DiveBizTalk360

How to Break the Zombification of the Enterprise!Christian Buckley

Office add ins 0-60Albert-Jan Schot

SharePoint Framework do's and don'tsWaldek Mastykarz

Where Form Meets Function: Understanding Collaboration's Cultural FitChristian Buckley

Microsoft graph api deep diveAlbert-Jan Schot

Project and Portfolio Management with Project OnlineGregory Zelfond

Webinar Video: https://youtu.be/9ECeNLmZN58 Detailed overview of Microsoft's PPM soluton - Project Online (Project Server). The following elements are discussed: Project Center, Project Types, Project Sites, Project Detail Pages, Resources, Timesheets, Tasks, Issues and Risks, Reports, Security, Mobile App, PWA Settings. Comparison to other SharePoint/Office 365 project Management options is also discussed (Office 365 Planner, Office 365 Groups, SharePoint Team Sites)

.NET Framework OverviewDoncho Minkov

The document provides an overview of the .NET Framework, which is Microsoft's platform for application development. It describes the key components of the .NET Framework architecture, including the Common Language Runtime (CLR) environment that executes managed code, the framework class library, and support for different programming languages. The CLR is similar to a virtual machine that controls execution of .NET code and provides services like memory management and security.

Wykładzina vol. 15 ClickMeeting - make your Webinar click!Wykładzina - spotkania profesjonalistów komunikacji

GMO'less Software Development PracticesLemi Orhan Ergin

Understanding the bible through koranic messagesCaller To Islam / الداعية الإسلامي

This document provides an overview and summary of the Bible and Quran from an Islamic perspective. It discusses how Abraham is seen as the common patriarch of Judaism, Christianity, and Islam which together have over 2.5 billion followers worldwide. The document also summarizes the lineage of Abraham's sons Ishmael and Isaac, noting that Ishmael is considered the ancestor of Arabs and Isaac the ancestor of Jews, establishing them as the three children of Abraham who share monotheistic traditions.

How to land a Great Job In VideogamesChris Ansell

Alfresco the clojure way -- Slides from the Alfresco DevCon2011Carlo Sciolla

Simulador y emuladormamaro09

Un simulador es un aparato, generalmente informático, que permite reproducir un sistema y sus sensaciones y experiencias de forma realista. Un simulador usa modelos matemáticos y mecanismos complejos para simular sensaciones físicas como velocidad y aceleración. Un emulador, por otro lado, trata de modelar un dispositivo de forma precisa para que funcione como si estuviera en el dispositivo original, a diferencia de solo reproducir su comportamiento como un simulador.

Catrina Meakins 3D CVCatrina Meakins

Catrina Meakins was born in Scotland in 1966 and moved to Milton Keynes, England with her family when she was 7 years old. She came from a family of 7 that included 2 younger sisters and a younger brother. She attended various primary schools and a secondary school modeled after American high schools where she was able to improve her swimming. After finishing college where she studied art, she worked at McDonald's for 4 years. She later had two sons in 1988 and 1994 and got married in 1989, later divorcing in 2000. She has now been working at CCEP for 21 years in various roles related to sales, administration, and system development.

PRywatki na Wykładzinie - BrieflyWykładzina - spotkania profesjonalistów komunikacji

Break the rules - The FOGGuillaume Warckol

Adapting HTML and CSS Templates to XOOPSxoopsproject

1. XOOPS es un sistema de administración de contenido flexible y fácil de usar que permite gestionar sitios web dinámicos y comunidades en línea. 2. El documento explica cómo adaptar plantillas HTML y CSS existentes a XOOPS insertando códigos especiales que permiten mostrar el contenido de los módulos. 3. Se detallan los pasos para reemplazar el tema predeterminado en XOOPS por una plantilla personalizada.

Building productivity solutions with Microsoft GraphWaldek Mastykarz

SharePoint OnlineNigel Price

Azure Web Apps - Deep DiveBizTalk360

How to Break the Zombification of the Enterprise!Christian Buckley

Office add ins 0-60Albert-Jan Schot

SharePoint Framework do's and don'tsWaldek Mastykarz

Where Form Meets Function: Understanding Collaboration's Cultural FitChristian Buckley

Microsoft graph api deep diveAlbert-Jan Schot

Project and Portfolio Management with Project OnlineGregory Zelfond

.NET Framework OverviewDoncho Minkov

Wykładzina vol. 15 ClickMeeting - make your Webinar click!Wykładzina - spotkania profesjonalistów komunikacji

GMO'less Software Development PracticesLemi Orhan Ergin

Understanding the bible through koranic messagesCaller To Islam / الداعية الإسلامي

How to land a Great Job In VideogamesChris Ansell

Alfresco the clojure way -- Slides from the Alfresco DevCon2011Carlo Sciolla

Simulador y emuladormamaro09

Catrina Meakins 3D CVCatrina Meakins

PRywatki na Wykładzinie - BrieflyWykładzina - spotkania profesjonalistów komunikacji

Break the rules - The FOGGuillaume Warckol

Adapting HTML and CSS Templates to XOOPSxoopsproject

More from Waldek Mastykarz (17)

Building Office 365 solutions with ReactWaldek Mastykarz

This document discusses using React to build Office 365 solutions and provides resources for learning React. It recommends getting a blueprint for building React web applications and creating a first React app. It also explains unidirectional data flow in Flux applications using views, actions, dispatchers, and stores. Finally, it provides contact information for the author and a link to register for a preview of customizing Office 365 solutions with React.

Building contextual experiences with the Office GraphWaldek Mastykarz

Delve helps you stay in the know with what is going on within your organization. But what if you could have the Office Graph also help you get your work done? In this session we will deep dive into the concepts of leveraging the Office Graph outside of Delve and using it to help you do your work. I will show you how you can build solutions that leverage the Office Graph using modern technologies such as Node.js, AngularJS, TypeScript, CORS, Office 365 APIs and more!

NextGen Portal for Your OrganizationWaldek Mastykarz

With the advent of NextGen portals, Office 365 becomes less of a box of building blocks and more of a collection of destinations: turn-key solutions ready for you to use. But how will your users reach all those destinations and where should they depart from? In this session we will take a look at how to build a solution that integrates information from NextGen portals and offers your users a starting point for their journeys bringing the most relevant information to their finger tips.

NextGen Portal for Your OrganizationWaldek Mastykarz

With the advent of NextGen portals, Office 365 becomes less of a box of building blocks and more of a collection of destinations: turn-key solutions ready for you to use. But how will your users reach all those destinations and where should they depart from? In this session we will show you how to build a solution that integrates information from NextGen portals and offers your users a starting point for their journeys bringing the most relevant information to their finger tips.

Building solutions with the Office Graph (Unity Connect Amsterdam 2015)Waldek Mastykarz

Preparing for a meeting but not sure what documents are relevant? Writing a proposal and looking for similar documents? Interested in what is happening in your organization? With the new Office Graph answers to those questions are within your reach. Recently released Office Delve leverages information from the Office Graph to help you stay in the know and discover new and relevant content for you. A part of the Office Graph is also an API that you can use for building productivity solutions tailored to your specific needs. In this presentation you will see how the Office Graph works and how it can be used for building custom apps. All scenarios will be backed up by real-life solutions that you could use in your organization.

Building contextual experiences with the Office Graph (SPSMUC 15)Waldek Mastykarz

Building solutions with the Office GraphWaldek Mastykarz

Delve, formerly known as Project Oslo, is a new and innovative way to discover information and content in Office 365. Delve recommends information to you based on analytics from SharePoint, Yammer, Lync and Exchange. In this session we will take a look at the programming API's of Delve, the Office Graph. We will take a look at the foundation concepts of the Office Graph and see how we can build smart and helpful applications for your organization as well as extending Delve.

Optimizing SharePoint 2013 public-facing websites for Internet search enginesWaldek Mastykarz

Building rich search experiences Apps for SharePointWaldek Mastykarz

Building solutions with Office GraphWaldek Mastykarz

Building solutions with Office Graph - SharePoint Connect 2014 AmsterdamWaldek Mastykarz

SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...Waldek Mastykarz

SPSNL13 - Building intelligent websites with SharePoint 2013Waldek Mastykarz

SharePoint 2013 allows users to build intelligent websites that adapt to users, scenarios, and devices through responsive design, media, and content. The document discusses how SharePoint 2013 provides capabilities for responsive user experiences, media, and content as well as features for recommendations, content targeting, query suggestions, and spelling corrections to create websites that are more helpful, relevant and adaptive for users.

P&M307 Building intelligent websites with SharePoint 2013Waldek Mastykarz

P&M302 Real-life building public-facing websites with SharePoint 2013Waldek Mastykarz

This document discusses new capabilities for building public-facing websites in SharePoint 2013 such as search-driven publishing, cross-site publishing using catalogs, managed navigation, and device channels. Search-driven publishing allows for more flexible content management and dynamic experiences through catalogs and cross-site publishing, but requires new skills and ways of working. It also discusses pros and cons as well as impact on information architecture. Building user experiences can be done through display templates or server-side rendering. Disaster recovery requires planning for where content, settings, and analytics data are stored.

BIWUG - What’s new in SharePoint 2013 for public-facing websitesWaldek Mastykarz

SharePoint 2010 Web Content Management - The Developer StoryWaldek Mastykarz

This document discusses the improvements to web content management (WCM) in SharePoint 2010. It provides tips for both content editors and developers. For content editors, SharePoint 2010 provides a improved user experience with features like a ribbon interface and rich text editing. For developers, there are cleaner markup, extensibility, and support for new technologies like Silverlight and AJAX. The document concludes by emphasizing the importance of learning the new tools and approaches for building rich websites in SharePoint 2010.

Building Office 365 solutions with ReactWaldek Mastykarz

Building contextual experiences with the Office GraphWaldek Mastykarz

NextGen Portal for Your OrganizationWaldek Mastykarz

Building solutions with the Office Graph (Unity Connect Amsterdam 2015)Waldek Mastykarz

Building contextual experiences with the Office Graph (SPSMUC 15)Waldek Mastykarz

Building solutions with the Office GraphWaldek Mastykarz

Optimizing SharePoint 2013 public-facing websites for Internet search enginesWaldek Mastykarz

Building rich search experiences Apps for SharePointWaldek Mastykarz

Building solutions with Office GraphWaldek Mastykarz

Building solutions with Office Graph - SharePoint Connect 2014 AmsterdamWaldek Mastykarz

SharePoint Connections Amsterdam 2013: Real-life building public-facing websi...Waldek Mastykarz

SPSNL13 - Building intelligent websites with SharePoint 2013Waldek Mastykarz

P&M307 Building intelligent websites with SharePoint 2013Waldek Mastykarz

P&M302 Real-life building public-facing websites with SharePoint 2013Waldek Mastykarz

BIWUG - What’s new in SharePoint 2013 for public-facing websitesWaldek Mastykarz

SharePoint 2010 Web Content Management - The Developer StoryWaldek Mastykarz

Recently uploaded (20)

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Most consumers believe they’re making informed decisions about their personal data—adjusting privacy settings, blocking trackers, and opting out where they can. However, our new research reveals that while awareness is high, taking meaningful action is still lacking. On the corporate side, many organizations report strong policies for managing third-party data and consumer consent yet fall short when it comes to consistency, accountability and transparency. This session will explore the research findings from TrustArc’s Privacy Pulse Survey, examining consumer attitudes toward personal data collection and practical suggestions for corporate practices around purchasing third-party data. Attendees will learn: - Consumer awareness around data brokers and what consumers are doing to limit data collection - How businesses assess third-party vendors and their consent management operations - Where business preparedness needs improvement - What these trends mean for the future of privacy governance and public trust This discussion is essential for privacy, risk, and compliance professionals who want to ground their strategies in current data and prepare for what’s next in the privacy landscape.

Mobile App Development Company in Saudi ArabiaSteve Jonas

EmizenTech is a globally recognized software development company, proudly serving businesses since 2013. With over 11+ years of industry experience and a team of 200+ skilled professionals, we have successfully delivered 1200+ projects across various sectors. As a leading Mobile App Development Company In Saudi Arabia we offer end-to-end solutions for iOS, Android, and cross-platform applications. Our apps are known for their user-friendly interfaces, scalability, high performance, and strong security features. We tailor each mobile application to meet the unique needs of different industries, ensuring a seamless user experience. EmizenTech is committed to turning your vision into a powerful digital product that drives growth, innovation, and long-term success in the competitive mobile landscape of Saudi Arabia.

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, transcript, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

I started my online journey with several hosting services before stumbling upon Ai EngineHost. At first, the idea of paying one fee and getting lifetime access seemed too good to pass up. The platform is built on reliable US-based servers, ensuring your projects run at high speeds and remain safe. Let me take you step by step through its benefits and features as I explain why this hosting solution is a perfect fit for digital entrepreneurs.

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Cyber Awareness overview for 2025 month of securityriccardosl1

AI and Data Privacy in 2025: Global TrendsInData Labs

In this infographic, we explore how businesses can implement effective governance frameworks to address AI data privacy. Understanding it is crucial for developing effective strategies that ensure compliance, safeguard customer trust, and leverage AI responsibly. Equip yourself with insights that can drive informed decision-making and position your organization for success in the future of data privacy. This infographic contains: -AI and data privacy: Key findings -Statistics on AI data privacy in the today’s world -Tips on how to overcome data privacy challenges -Benefits of AI data security investments. Keep up-to-date on how AI is reshaping privacy standards and what this entails for both individuals and organizations.

Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, presentation slides, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

tecnologias de las primeras civilizaciones.pdffjgm517

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Join this UiPath Community Berlin meetup to explore the Orchestrator API, Swagger interface, and the Test Manager API. Learn how to leverage these tools to streamline automation, enhance testing, and integrate more efficiently with UiPath. Perfect for developers, testers, and automation enthusiasts! 📕 Agenda Welcome & Introductions Orchestrator API Overview Exploring the Swagger Interface Test Manager API Highlights Streamlining Automation & Testing with APIs (Demo) Q&A and Open Discussion Perfect for developers, testers, and automation enthusiasts! 👉 Join our UiPath Community Berlin chapter: https://community.uipath.com/berlin/ This session streamed live on April 29, 2025, 18:00 CET. Check out all our upcoming UiPath Community sessions at https://community.uipath.com/events/.

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

Artificial intelligence is changing how businesses operate. Companies are using AI agents to automate tasks, reduce time spent on repetitive work, and focus more on high-value activities. Noah Loul, an AI strategist and entrepreneur, has helped dozens of companies streamline their operations using smart automation. He believes AI agents aren't just tools—they're workers that take on repeatable tasks so your human team can focus on what matters. If you want to reduce time waste and increase output, AI agents are the next move.

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Toradex brings robust Linux support to SMARC (Smart Mobility Architecture), ensuring high performance and long-term reliability for embedded applications. Here’s how: • Optimized Torizon OS & Yocto Support – Toradex provides Torizon OS, a Debian-based easy-to-use platform, and Yocto BSPs for customized Linux images on SMARC modules. • Seamless Integration with i.MX 8M Plus and i.MX 95 – Toradex SMARC solutions leverage NXP’s i.MX 8 M Plus and i.MX 95 SoCs, delivering power efficiency and AI-ready performance. • Secure and Reliable – With Secure Boot, over-the-air (OTA) updates, and LTS kernel support, Toradex ensures industrial-grade security and longevity. • Containerized Workflows for AI & IoT – Support for Docker, ROS, and real-time Linux enables scalable AI, ML, and IoT applications. • Strong Ecosystem & Developer Support – Toradex offers comprehensive documentation, developer tools, and dedicated support, accelerating time-to-market. With Toradex’s Linux support for SMARC, developers get a scalable, secure, and high-performance solution for industrial, medical, and AI-driven applications. Do you have a specific project or application in mind where you're considering SMARC? We can help with Free Compatibility Check and help you with quick time-to-market For more information: https://www.toradex.com/computer-on-modules/smarc-arm-family

Into The Box Conference Keynote Day 1 (ITB2025)Ortus Solutions, Corp

Andrew Marnell: Transforming Business Strategy Through Data-Driven InsightsAndrew Marnell

TrustArc Webinar: Consumer Expectations vs Corporate Realities on Data Broker...TrustArc

Mobile App Development Company in Saudi ArabiaSteve Jonas

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

AI EngineHost Review: Revolutionary USA Datacenter-Based Hosting with NVIDIA ...SOFTTECHHUB

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Cyber Awareness overview for 2025 month of securityriccardosl1

AI and Data Privacy in 2025: Global TrendsInData Labs

Transcript: #StandardsGoals for 2025: Standards & certification roundup - Tec...BookNet Canada

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

tecnologias de las primeras civilizaciones.pdffjgm517

SAP Modernization: Maximizing the Value of Your SAP S/4HANA Migration.pdfPrecisely

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

Massive Power Outage Hits Spain, Portugal, and France: Causes, Impact, and On...Aqusag Technologies

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

UiPath Community Berlin: Orchestrator API, Swagger, and Test Manager APIUiPathCommunity

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

Linux Support for SMARC: How Toradex Empowers Embedded DevelopersToradex

Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016

1. SharePoint Saturday Belgium 2016 • October 15 • Brussels Track: Developer | Level: 300 Deep Dive building solutions on the SharePoint Framework Waldek Mastykarz Office Development MVP | Rencore

2. PlatinumGoldSilver

3. SharePoint Saturday Belgium 2016 • October 15 • Brussels Working with SharePoint Framework

4. SharePoint Saturday Belgium 2016 • October 15 • Brussels Store project dependencies $ npm install angular --save package.json { dependencies: { "angular": "^1.5.8" } }

5. SharePoint Saturday Belgium 2016 • October 15 • Brussels Don’t bundle frameworks. Load from URL instead config/config.json { externals: { "angular": { "path": "https://cdn.com/…/angular.min.js", "globalName": "angular" } } }

6. SharePoint Saturday Belgium 2016 • October 15 • Brussels Don’t guess the JavaScript framework format http://rc-scripttype.azurewebsites.net/

7. SharePoint Saturday Belgium 2016 • October 15 • Brussels Non-AMD scripts in web parts • Isolated within web part • Each web part uses its own version • Version loaded by one web part doesn’t affect the version loaded by another web part • Exposed in the global scope • Last version loaded overwrites any version loaded previously in the global scope

8. SharePoint Saturday Belgium 2016 • October 15 • Brussels Avoid using non-AMD scripts whenever possible

9. SharePoint Saturday Belgium 2016 • October 15 • Brussels Clean old project build files $ gulp nuke

10. SharePoint Saturday Belgium 2016 • October 15 • Brussels Use one-time bootstrap MyWebPart.ts export default class ToDoWebPartWebPart extends BaseClientSideWebPart<IToDoWebPartWebPartProps> { public render(): void { if (this.renderedOnce === false) { // one-time bootstrap } } }

11. SharePoint Saturday Belgium 2016 • October 15 • Brussels Use non-reactive pane with external data MyWebPart.ts export default class ToDoWebPartWebPart extends BaseClientSideWebPart<IToDoWebPartWebPartProps> { protected get disableReactivePropertyChanges(): boolean { return true; } }

12. SharePoint Saturday Belgium 2016 • October 15 • Brussels Validate web part properties values MyWebPart.ts PropertyPaneTextField('description', { label: strings.DescriptionFieldLabel, onGetErrorMessage: this.validateDescription.bind(this) }) private validateDescription(description: string): string { if (description && description.length > 20) { return 'Description shouldn't be longer than 20 characters'; } else { return ''; } }

13. Next steps 1. Get SPFx http://wldk.nl/spfx-setup 2. Check out docs http://wldk.nl/spfx-docs 3. Check out samples http://wldk.nl/spfx-samples 4. Latest SPFx content http://wldk.nl/waldek-blog

14. Waldek Mastykarz Office Development MVP Rencore http://www.rencore.com https://blog.mastykarz.nl @waldekm

15. SharePoint Saturday Belgium 2016 • October 15 • Brussels Thank You!

16. Feedback http://spsbe.be

Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016

Recommended

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016 (20)

More from Waldek Mastykarz (17)

Recently uploaded (20)

Deep Dive building solutions on the SharePoint Framework - SPS Brussels 2016