Build client-side web parts for Microsoft SharePoint

Oct 31, 2016Download as PPTX, PDF1 like412 views

Learn how SharePoint client side web parts are being developed and deployed, what kind of tooling will be initially available for developers around SharePoint Framework and how the development cycle will work with offline and online development.

Build client-side web parts for Microsoft SharePoint

http://github.com/sharepoint http://dev.office.com/sharepoint
Drop 5

Fabric React
Robust, up-to-date
components built
with the React
framework.
Fabric JS
Simple, visuals-
focused components
that you can extend,
rework, and build on.
ngFabric
Community-driven
project to build
components for
Angular-based apps.
Fabric iOS
Native Swift colors,
type ramp, and
components for
building iOS apps.

todo.spapp
Package as an client-side solution
Developer
yo @microsoft/sharepoint
gulp –ship
gulp bundle --ship
gulp package-solution --ship
gulp deploy-azure-storage
Available to
SharePoint Sites
Tenant Admin
Tenant App Catalog ApprovedDeliver the package to upload, trust and
deploy the package to
Install/Uninstall app
Site Admin
Page Authors
Add
Configure
Todo Web Part
End Users
Interact

• Conceptual process – Checkout “JavaScript embed models” with
add-in model implementations from PnP
• Learn used technologies – Web stack tooling
• Learn JavaScript Framework(s)
• Learn Office UI Fabric usage

Code samples
Guidance documentation
Monthly community calls
Case Studies
Themes
SharePoint Framework
SharePoint add-ins
Remote API models with SharePoint
development
Sharing is caring…
http://aka.ms/SharePointPnP

This document discusses building SharePoint Framework (SPFx) client-side web parts using modern tools and frameworks. It covers using tools like Yeoman and Gulp to scaffold, build, and deploy SPFx solutions built with React and Fabric components. The session objectives are to discuss SPFx issues and contributions on GitHub and Dev.office.com, and to learn how to package and deploy SPFx solutions to SharePoint. The document promotes networking with other SharePoint professionals after the session at a local bar.

Introduction to React NativeSambhu Lakshmanan

Cross platform mobile development with xamarin and office 365SoHo Dragon

This document discusses cross-platform mobile development with Xamarin and Office 365. It provides an overview of Xamarin, including what it is, why use it, and alternatives. Xamarin allows building native iOS and Android apps using C# with code sharing capabilities. The document reviews Xamarin platform, development environment, and how it works for iOS and Android. It then discusses integrating Xamarin apps with Office 365 services using the unified API. The presentation includes a demo of a sample app and how to get started with Xamarin.

Visual Studio Code for Java and Spring DevelopersBruno Borges

Visual Studio Code is presented as a lightweight code editor that provides comprehensive support for Java and Spring development through extensions. Key features highlighted include being lightweight and fast, having a vibrant extension ecosystem, and providing AI-assisted development through IntelliCode. The document demonstrates creating and running Spring applications directly in VS Code and leveraging Dev Spaces for Kubernetes development.

Buck outside ValleyBruno Rocha

1. The document discusses using Buck as a build system for an app with multiple developers working on different components across several apps that need to share code. 2. Buck provides advantages over other solutions like Xcode by automatically managing shared modules, caching builds for faster rebuilds, and only rebuilding components that were changed in a pull request. 3. The company iFood migrated from Xcode to Buck and saw build times drop from over 30 minutes to under 10 minutes for pull requests by leveraging Buck's caching and ability to only test the affected parts of the code graph.

Google App Engine (Introduction)Praveen Hanchinal

CoreyDavisResumeCorey Davis

Corey Davis has over 7 years of experience as a software developer. He has worked at Ashland Partners LLC since 2015 where he has ported backend code from VB to C#, implemented customizable dashboards, and developed review and feedback systems. Davis also has experience as an on-site support coordinator at Moss Adams and as a system engineer at Cerner. He has a Bachelor's degree in Computer Science from Western Illinois University.

Taking Spring Apps for a Spin on Microsoft Azure CloudBruno Borges

This document discusses Java development on Microsoft Azure. It provides an overview of Azure services that support Java such as Azure Functions, App Service, SDKs for Java, and more. It also discusses tools for Java development on Azure such as Visual Studio Code extensions, Azure DevOps, Eclipse/IntelliJ plugins, and open source projects that connect Java apps to Azure services. The document emphasizes that over 50% of Azure workloads are Linux-based and that Azure provides native support for building, deploying, and managing Java applications on its platform.

Azure Web AppsGaurav Madaan

[EmPower 365Sat] PCF Custom Controls⚡ Danish Naglekar

Getting started with PCF Custom Controls In this sessions we will look into - What is PowerApps Component Framework? How to develop a better UI for #PowerPlatform using custom controls? Later, I will do a walk-through of the process for building simple PCF Custom Control using #Community tools to enhance your development process. --- Power Maverick --- Follow me on: Website: https://powermaverick.dev LinkedIn: https://www.linkedin.com/in/danishnaglekar/ Twitter: https://twitter.com/Danzmaverick GitHub: https://github.com/Power-Maverick

Lessons learnt in CI/CD with AWS serverless architectureAWS User Group Bengaluru

Going Serverless with Azure FunctionsChristos Matskas

Continuous Delivery with Chef and GoCDAroj George

In my last project, I led the team that setup the Continuous Delivery infrastructure for the product marketing and publishing platform of a major consumer electronics giant. This platform was based on Scala and the Play framework and used a non-blocking architecture to achieve scale. Here, I want to share some of the key highlights of this project from a Devops and Continuous Delivery point of view. Read more here: http://arojgeorge.ghost.io/a-continuous-delivery-example/ Video @ https://youtu.be/tPcmnx6UOlw

Introduction to NativeScript - BuildTruly Native Apps using JavaScriptLohith Goudagere Nagaraj

CoreyDavisResume (4)Corey Davis

Corey Davis has over 7 years of experience as a software developer. He has a Bachelor's degree in Computer Science from Western Illinois University. At his current job at Ashland Partners LLC, he has ported backend code from VB to C#, enhanced responsiveness, implemented customizable dashboards, and developed tools to improve workflows. Previously, he refactored legacy code at Moss Adams and managed remote server environments at Cerner. He also served in the Army National Guard.

Google App Engine - September 17 2009sullis

Google App Engine is a platform as a service that allows users to build and host web applications on Google's infrastructure. It provides the computing platform including operating system, scaling and maintenance. Developers write apps using Google-supported languages like Java and Python and App Engine handles everything required to run and scale those apps. It also includes several Google APIs to use services like datastore, mail and images. Users pay only for the resources their app uses on a per-request basis with free usage quotas.

Visual studio 2017 - Launch Event KeynoteDelta-N

Continuous delivery with azure app serviceNabeel Khan

This document discusses how to use Azure App Service to implement continuous delivery. It defines continuous delivery as constantly developing, automatically building, and automatically deploying software. Azure App Service offers advantages like abstracting away IIS management and enabling easy creation of multiple hosting environments. The document recommends establishing deployment slots for different environments like development, QA, staging, and production. It describes how continuous delivery with App Service works by automatically building and deploying code when it is checked into source control like Kudu. The document also provides tips for handling continuous delivery of multiple sites in one project.

SharePoint Saturday Zurich 2017 - SharePoint Framework the new development wayGiuliano De Luca

Sharepoint Framework is the new way to develop solution totally safe for your SharePoint environment and like a plus we have a new tool chain that the developers can use also on other operative systems. Now we have the possibility to use Typescript and other popular client side framework like Angular, React and Knockout. In this session I would like to show, how to move the first steps with SharePoint Framework.

Visual Studio 2017 Release NotesIan Philpot

The document provides an overview of Visual Studio 2017, including its key features for developing, debugging, testing, collaborating, extending applications, and supported programming languages and platforms. It describes the different subscription options for Visual Studio 2017, including Professional, Enterprise, monthly and annual subscriptions. The Professional subscription provides developer tools for small teams while the Enterprise subscription provides a full DevOps solution for productivity and coordination across large teams.

Scala on Rails #rakutentechKazuhiro Sera

Leading Edge of Modern Web Apps on Azure - Menaka - CCDaysCodeOps Technologies LLP

SWIFTly, Go Cloud!! - Swift@IBMVidyasagar Machupalli

This document discusses Swift development on IBM Cloud. It summarizes Swift's performance and memory usage, introduces the Kitura web framework, and describes tools like the Swift Sandbox and Package Catalog for community enablement. An example photo sharing app called BluePic is presented to illustrate end-to-end Swift development, with the iOS client communicating with backend services hosted on IBM Cloud.

Pain-free Source Control for Administrators and DevelopersSalesforce Developers

Firebase Introduction 9xdot

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...Evolve The Adobe Digital Marketing Community

MAUI Blazor - One App that runs everywhereJose Javier Columbie

This document discusses Microsoft's MAUI framework, which allows developers to build single codebases that target mobile, desktop and web from .NET. It covers how MAUI is an evolution of Xamarin Forms that incorporates Blazor to build interactive web UIs with C#. Specific topics discussed include Blazor Server vs WebAssembly, reusable components, JavaScript interop, using Blazor on mobile via PWAs or embedding in native mobile shells, and experimental support for building desktop apps with Electron or mobile apps with MAUI Blazor. The document concludes by highlighting new features for Blazor and MAUI in .NET 6.

Azure Bicep - An IntroductionRavikanth Chaganti

Introduction to development using the share point framework mv psUsama Wahab Khan Cloud, Data and AI

This document provides an overview of the SharePoint Framework and modern toolchain for developing client-side solutions in SharePoint. It discusses the evolution of the SharePoint development model and extensibility principles of purpose-built APIs, web hooks, and Graph integration. The modern toolchain is described including Office UI Fabric, tooling support, and components. Example scenarios for using the framework are provided along with descriptions of core framework components like client-side web parts and the page canvas.

OSH01 - Developing SharePoint Framework Solutions for the EnterpriseEric Shupps

The SharePoint Framework provides a modern development platform for cloud-first solutions using popular web technologies. But integrating the new model in a structured enterprise development environment can be quite challenging, from toolset integration to application lifecycle maintenance, SPFx creates a number of challenges that can inhibit adoption. In this session you will learn how to overcome these challenges by using popular Microsoft tools such as Visual Studio and Team Foundation Services to deliver well-managed projects that plug easily into existing enterprise development patterns.

More Related Content

What's hot (20)

Azure Web AppsGaurav Madaan

[EmPower 365Sat] PCF Custom Controls⚡ Danish Naglekar

Lessons learnt in CI/CD with AWS serverless architectureAWS User Group Bengaluru

Going Serverless with Azure FunctionsChristos Matskas

Continuous Delivery with Chef and GoCDAroj George

Introduction to NativeScript - BuildTruly Native Apps using JavaScriptLohith Goudagere Nagaraj

CoreyDavisResume (4)Corey Davis

Google App Engine - September 17 2009sullis

Visual studio 2017 - Launch Event KeynoteDelta-N

Continuous delivery with azure app serviceNabeel Khan

SharePoint Saturday Zurich 2017 - SharePoint Framework the new development wayGiuliano De Luca

Visual Studio 2017 Release NotesIan Philpot

Scala on Rails #rakutentechKazuhiro Sera

Leading Edge of Modern Web Apps on Azure - Menaka - CCDaysCodeOps Technologies LLP

SWIFTly, Go Cloud!! - Swift@IBMVidyasagar Machupalli

Pain-free Source Control for Administrators and DevelopersSalesforce Developers

Firebase Introduction 9xdot

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...Evolve The Adobe Digital Marketing Community

MAUI Blazor - One App that runs everywhereJose Javier Columbie

Azure Bicep - An IntroductionRavikanth Chaganti

Azure Web AppsGaurav Madaan

[EmPower 365Sat] PCF Custom Controls⚡ Danish Naglekar

Lessons learnt in CI/CD with AWS serverless architectureAWS User Group Bengaluru

Going Serverless with Azure FunctionsChristos Matskas

Continuous Delivery with Chef and GoCDAroj George

Introduction to NativeScript - BuildTruly Native Apps using JavaScriptLohith Goudagere Nagaraj

CoreyDavisResume (4)Corey Davis

Google App Engine - September 17 2009sullis

Visual studio 2017 - Launch Event KeynoteDelta-N

Continuous delivery with azure app serviceNabeel Khan

SharePoint Saturday Zurich 2017 - SharePoint Framework the new development wayGiuliano De Luca

Visual Studio 2017 Release NotesIan Philpot

Scala on Rails #rakutentechKazuhiro Sera

Leading Edge of Modern Web Apps on Azure - Menaka - CCDaysCodeOps Technologies LLP

SWIFTly, Go Cloud!! - Swift@IBMVidyasagar Machupalli

Pain-free Source Control for Administrators and DevelopersSalesforce Developers

Firebase Introduction 9xdot

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...Evolve The Adobe Digital Marketing Community

MAUI Blazor - One App that runs everywhereJose Javier Columbie

Azure Bicep - An IntroductionRavikanth Chaganti

Similar to Build client-side web parts for Microsoft SharePoint (20)

Introduction to development using the share point framework mv psUsama Wahab Khan Cloud, Data and AI

OSH01 - Developing SharePoint Framework Solutions for the EnterpriseEric Shupps

Developing SharePoint Framework Solutions for the Enterprise (SPC 2019)Eric Shupps

This document summarizes a podcast discussion between Paul Schaeflein and Eric Shupps about developing applications and extensions for Microsoft 365 and SharePoint. The discussion covers SharePoint Framework (SPFx), developing with modern tools and frameworks like TypeScript and Node.js, common challenges for developers transitioning to the new models, and the future of the Microsoft extensibility platform.

Using and extending Alfresco Content ApplicationDenys Vuika

SharePoint Framework - Developer PreviewSean McLellan

The document provides an in-depth analysis of the SharePoint Framework developer preview. It describes the new SharePoint components, including ClientSideWebPart, modern page experiences, and webhooks. It also outlines the tooling used to build components, such as Yeoman templates, NPM modules, and Webpack. Finally, it discusses the client-side frameworks that can be used like React and Redux, and how existing approaches to client-side development can be complemented but not replaced by the SharePoint Framework.

APIdays Paris - How to Build Your Web APIRestlet

Alfresco Coding mit dem Alfresco SDK (auf Englisch) - Julien Bruinaud, Techni...Nicole Szigeti

SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem. Kushan Lahiru Perera

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

This is a live walkthrough where we convert a common full trust solution to a SharePoint Framework solution. May the demo Gods be kind to me. Really, we will do it. Does not cover all possible scenarios, but I will show you the general workflow for converting your full trust solutions to SPFx solutions. I show you the proper configuration for your development environment. We walk through building the SPFx solutions and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A live demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx) in less than 1 hour. 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. Yes, you are welcome :)

VenkataVenkata Kumar

Venkata Kumar has over 8 years of experience as a senior Python developer. He has extensive experience developing web and mobile applications using Python frameworks like Django and Flask. He has also worked on backend development with databases like MongoDB, MySQL, Oracle, and SQL Server. Some of his responsibilities have included designing and developing RESTful APIs, building automated workflows using Python, and implementing responsive user interfaces with HTML, CSS, JavaScript, and frameworks like AngularJS.

SamSegalResumesamuel segal

SplunkLive! Stockholm 2015 breakout - Web Framework & 3rd Party VisualizationSplunk

SPUnite17 Building Great Client Side Web Parts with SPFxNCCOMMS

This document provides an overview and agenda for a presentation on building great client-side web parts for SharePoint with the SharePoint Framework (SPFx), PnP-JS-Core, ReactJS, and Office UI Fabric. The presentation covers why to use SPFx instead of traditional JavaScript injection, introduces key concepts and technologies like ReactJS and Office UI Fabric, demonstrates how to call the SharePoint REST API with PnP-JS-Core, and discusses building web parts by bringing these technologies together. It also outlines the SPFx roadmap and conclusions that modern tools are now available for building reusable SharePoint components.

Getting started with SharePoint 2013 online developmentJeremy Thake

Getting started with SharePoint 2010 Online development Jeremy Thake, SharePoint MVP, will introduce SharePoint 2013 Online as an application development platform inside Office 365. The session will explain how to get started with the different approaches from web UI configurations, to SharePoint Designer 2013 customizations to full blown Visual Studio development with Sandbox Solutions. Jeremy will introduce the concepts of how Application Lifecycle Management can be introduced to this along with migrating existing applications across from on-premise. From this session you should walk away with: Using SharePoint Online 2013 as an Application Development Platform Getting Started with SharePoint Online 2013 development Application Lifecycle Management with SharePoint Online 2013 in Office 365 Migrating SharePoint 2013 Apps to SharePoint Online 2013

Kunal bhatia resume massKunal Bhatia, MBA Candidate, BSc.

prateek_verma_resumePrateek Verma

This document is a resume for Prateek Verma summarizing his professional experience and skills. It outlines that he has 23 months of experience in software development and integration using technologies like Java, C#, ASP.NET, SQL, XML, Apache Camel, and Maven. Specifically, he has worked on projects at Tech Mahindra developing RESTful and SOAP web services using frameworks like Spring and integrating systems using Apache Camel. He also has experience in Windows application development using C# and connecting to databases with ADO.NET. The resume lists his education as a B.Tech in computer science from SRM University with a 7.5 CGPA.

Overview of SharePoint Framework (SPFx)Małgorzata Borzęcka

SPFx allows developers to build client-side SharePoint solutions using open-source tools like Node.js, Gulp and Yeoman. It uses TypeScript to build responsive and mobile-ready solutions that can run on both SharePoint Online and on-premises. Main components include Node.js for dependencies, Npmjs for managing them, Gulp for automating tasks, TypeScript for compiling code, and Yeoman for scaffolding solutions. Developers can use frameworks like React, Angular or Knockout and Microsoft Graph, and solutions are contributed to GitHub.

Dineshotham Kumar KhambhammettuDineshotham Kumar Khambhammettu

This document is a resume for Dineshotham Kumar Khambhammettu summarizing his professional experience and qualifications. He has over 10 months of experience developing software for an online discounts and services company. Additionally, he has 2.5 years of experience as a Core Java Developer and 1.6 years of experience developing a web-based localization tool using Spring and Hibernate. His skills include Java, databases, web technologies, and agile methodologies. He holds an M.E. in Computer Science and a B.Tech in Computer Science with high grades.

Lightning Web Component - LWCThierry TROUIN ☁

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

This is a walkthrough on the tools, steps and process for converting common full trust solution to SharePoint Framework solutions. We will cover several scenariosn and discuss how to handle each appropriately. We have established a general workflow for converting your full trust solutions to SPFx solutions that I will share. We also will cover the proper configuration for your development environment. Lastly I will quickly highlight and show the process for building an SPFx solution and deploying it to Office 365. Lots of DO’s and DON’Ts will be shared. I’ll show you some of my scars too. From this session forward, you will want to hone your skills in modern SharePoint and convert everything to SPFx solutions. Attendee Takeaways: 1. Understand the why, the how, and what make up the SharePoint Framework (SPFx). 2. A demonstration where we take a common Full Trust Solutions and covert it to the SharePoint Framework (SPFx). 3. I share lots of tips, DO’s and DON’Ts to save you hours and days of your life. You’re welcome :)

Introduction to development using the share point framework mv psUsama Wahab Khan Cloud, Data and AI

OSH01 - Developing SharePoint Framework Solutions for the EnterpriseEric Shupps

Developing SharePoint Framework Solutions for the Enterprise (SPC 2019)Eric Shupps

Using and extending Alfresco Content ApplicationDenys Vuika

SharePoint Framework - Developer PreviewSean McLellan

APIdays Paris - How to Build Your Web APIRestlet

Alfresco Coding mit dem Alfresco SDK (auf Englisch) - Julien Bruinaud, Techni...Nicole Szigeti

SharePoint Framework -The future of SharePoint/ Office 365 developer ecosystem. Kushan Lahiru Perera

Convert your Full Trust Solutions to the SharePoint Framework (SPFx) in 1 hourBrian Culver

VenkataVenkata Kumar

SamSegalResumesamuel segal

SplunkLive! Stockholm 2015 breakout - Web Framework & 3rd Party VisualizationSplunk

SPUnite17 Building Great Client Side Web Parts with SPFxNCCOMMS

Getting started with SharePoint 2013 online developmentJeremy Thake

Kunal bhatia resume massKunal Bhatia, MBA Candidate, BSc.

prateek_verma_resumePrateek Verma

Overview of SharePoint Framework (SPFx)Małgorzata Borzęcka

Dineshotham Kumar KhambhammettuDineshotham Kumar Khambhammettu

Lightning Web Component - LWCThierry TROUIN ☁

How to convert your Full Trust Solutions to the SharePoint Framework (SPFx)Brian Culver

More from Chakkaradeep Chandran (14)

SharePoint Conference 2019: What's new and what's next -Transforming business...Chakkaradeep Chandran

Getting started with Office 365 APIsChakkaradeep Chandran

Deep Dive Mobile Development with Office 365Chakkaradeep Chandran

Business connectivity solutions runtime and object model deep dive (part 2)Chakkaradeep Chandran

This document contains an agenda and slides for a presentation on Business Connectivity Services (BCS) in SharePoint 2010. The presentation provides an overview of BCS and how it can be used to integrate external data in SharePoint. It discusses BCS solutions, creating BDC models, the BCS object model, and manipulating external lists. The presentation also covers differences between no-code and custom code solutions and demonstrates how to work with the BDC runtime object model.

Building business applications using business connectivity services using sha...Chakkaradeep Chandran

This document provides an overview and agenda for a presentation on building business applications using Business Connectivity Services (BCS) and SharePoint Designer 2010. The presentation covers BCS features and tooling support, how to build BCS solutions using SharePoint Designer 2010, BCS authentication methods, using workflows with BCS, and BCS limitations. It also references related breakout sessions that provide more in-depth information on specific BCS topics.

Practical SharePoint 2010 Architecture PlanningChakkaradeep Chandran

This document provides an overview of practical SharePoint 2010 architecture planning. It discusses server topologies including all-in-one, dedicated SQL and SharePoint servers, and multiple server options with load balancing and high availability features. Service applications and their resource requirements are reviewed. Software boundaries and limits are presented in a quiz format. Finally, a search topology example is shown and options for scaling search are described. The presentation aims to provide guidance on architectural components and design considerations for a SharePoint deployment.

Building Custom BCS .NET ConnectorsChakkaradeep Chandran

This presentation provides an overview of Business Connectivity Services (BCS) in SharePoint 2010. BCS allows SharePoint to connect to external data sources and systems. The presentation discusses BCS solutions, creating BDC models to define external content types, performing CRUD operations on external data, and searching external data through BCS. It also covers authentication in BCS and tooling support in Visual Studio 2010 and SharePoint Designer 2010. The presentation concludes with a demonstration of searching external data using BCS.

Building custom solutions for SharePoint 2010 Online Chakkaradeep Chandran

SharePoint 2010 Online provides tools for collaboration including team sites, intranet sites, and public websites. The document discusses developing custom solutions for SharePoint 2010 Online using sandboxed solutions or client object models that allow access to core SharePoint functionality while isolating code from the server environment for security. Examples of building simple sandboxed solutions and the development process are provided.

Business Connectivity Services (BCS) for Developers Chakkaradeep Chandran

This document provides an overview and agenda for a presentation on Business Connectivity Services (BCS) for developers. BCS allows SharePoint and Office applications to connect to external data sources like line-of-business systems, databases, and web services. The presentation will cover BCS architecture, creating BDC models in Visual Studio, manipulating external lists, and limitations of using external data in SharePoint. It includes demos of building BDC models and external lists.

Building Solutions With Business Connectivity ServicesChakkaradeep Chandran

This document summarizes a presentation on building business applications using Business Connectivity Services (BCS) and SharePoint Designer. It includes an agenda with topics on BCS overview, demos on connecting to SQL and creating external lists, using external lists and BCS associations, BCS integration with Office, and attaching workflows to external lists. Feedback from attendees is summarized and the document concludes with information on BCS services authentication and supported vs. unsupported association types.

Getting Started with SharePoint DevelopmentChakkaradeep Chandran

Microsoft SharePoint provides an extensible platform for .NET developers to create solutions using familiar tools and technologies. It offers many built-in features that developers can extend to build a variety of intranet and internet applications. SharePoint development utilizes common .NET tools and takes advantage of features like workflows, web parts, and lists. Developers must follow best practices like avoiding direct modification of the SharePoint schema and properly disposing of objects.

Visual Studio2010 Tools For Share PointChakkaradeep Chandran

Visual Studio 2010 includes tools that provide support for developing SharePoint 2010 applications and solutions. The tools allow creating and managing SharePoint projects and solutions within Visual Studio. Developers can build, debug, and deploy SharePoint projects. The tools support sandboxed solutions and include visual designers for web parts, workflows, and business data connectivity models. The Visual Studio tools integrate with the SharePoint development lifecycle and allow importing and exporting between SharePoint Designer and Visual Studio.

Developing With Data TechnologiesChakkaradeep Chandran

SharePoint And WCMChakkaradeep Chandran

This document discusses how to build websites using SharePoint's web content management (WCM) features. It covers key components like master pages, page layouts, navigation, and content deployment. The document seeks to dispel myths that SharePoint is only for intranets, that branding is complex, and that it lacks content management features. It provides an overview of tools and techniques for customizing WCM components and extending SharePoint's out-of-the-box WCM capabilities.

SharePoint Conference 2019: What's new and what's next -Transforming business...Chakkaradeep Chandran

Getting started with Office 365 APIsChakkaradeep Chandran

Deep Dive Mobile Development with Office 365Chakkaradeep Chandran

Business connectivity solutions runtime and object model deep dive (part 2)Chakkaradeep Chandran

Building business applications using business connectivity services using sha...Chakkaradeep Chandran

Practical SharePoint 2010 Architecture PlanningChakkaradeep Chandran

Building Custom BCS .NET ConnectorsChakkaradeep Chandran

Building custom solutions for SharePoint 2010 Online Chakkaradeep Chandran

Business Connectivity Services (BCS) for Developers Chakkaradeep Chandran

Building Solutions With Business Connectivity ServicesChakkaradeep Chandran

Getting Started with SharePoint DevelopmentChakkaradeep Chandran

Visual Studio2010 Tools For Share PointChakkaradeep Chandran

Developing With Data TechnologiesChakkaradeep Chandran

SharePoint And WCMChakkaradeep Chandran

Recently uploaded (20)

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

The MCP (Model Context Protocol) is a framework designed to manage context and interaction within complex systems. This SlideShare presentation will provide a detailed overview of the MCP Model, its applications, and how it plays a crucial role in improving communication and decision-making in distributed systems. We will explore the key concepts behind the protocol, including the importance of context, data management, and how this model enhances system adaptability and responsiveness. Ideal for software developers, system architects, and IT professionals, this presentation will offer valuable insights into how the MCP Model can streamline workflows, improve efficiency, and create more intuitive systems for a wide range of use cases.

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

tecnologias de las primeras civilizaciones.pdffjgm517

Procurement Insights Cost To Value Guide.pptxJon Hansen

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

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

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Electronic_Mail_Attacks-1-35.pdf by xploitniftliyevhuseyn

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

How Can I use the AI Hype in my Business Context?Daniel Lehner

𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨? Everyone’s talking about AI but is anyone really using it to create real value? Most companies want to leverage AI. Few know 𝗵𝗼𝘄. ✅ What exactly should you ask to find real AI opportunities? ✅ Which AI techniques actually fit your business? ✅ Is your data even ready for AI? If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep DiveScyllaDB

Want to learn practical tips for designing systems that can scale efficiently without compromising speed? Join us for a workshop where we’ll address these challenges head-on and explore how to architect low-latency systems using Rust. During this free interactive workshop oriented for developers, engineers, and architects, we’ll cover how Rust’s unique language features and the Tokio async runtime enable high-performance application development. As you explore key principles of designing low-latency systems with Rust, you will learn how to: - Create and compile a real-world app with Rust - Connect the application to ScyllaDB (NoSQL data store) - Negotiate tradeoffs related to data modeling and querying - Manage and monitor the database for consistently low latencies

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

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.

AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix

Talk at the final event of Data Fusion Dynamics: A Collaborative UK-Saudi Initiative in Cybersecurity and Artificial Intelligence funded by the British Council UK-Saudi Challenge Fund 2024, Cardiff Metropolitan University, 29th April 2025 https://alandix.com/academic/talks/CMet2025-AI-Changes-Everything/ Is AI just another technology, or does it fundamentally change the way we live and think? Every technology has a direct impact with micro-ethical consequences, some good, some bad. However more profound are the ways in which some technologies reshape the very fabric of society with macro-ethical impacts. The invention of the stirrup revolutionised mounted combat, but as a side effect gave rise to the feudal system, which still shapes politics today. The internal combustion engine offers personal freedom and creates pollution, but has also transformed the nature of urban planning and international trade. When we look at AI the micro-ethical issues, such as bias, are most obvious, but the macro-ethical challenges may be greater. At a micro-ethical level AI has the potential to deepen social, ethnic and gender bias, issues I have warned about since the early 1990s! It is also being used increasingly on the battlefield. However, it also offers amazing opportunities in health and educations, as the recent Nobel prizes for the developers of AlphaFold illustrate. More radically, the need to encode ethics acts as a mirror to surface essential ethical problems and conflicts. At the macro-ethical level, by the early 2000s digital technology had already begun to undermine sovereignty (e.g. gambling), market economics (through network effects and emergent monopolies), and the very meaning of money. Modern AI is the child of big data, big computation and ultimately big business, intensifying the inherent tendency of digital technology to concentrate power. AI is already unravelling the fundamentals of the social, political and economic world around us, but this is a world that needs radical reimagining to overcome the global environmental and human challenges that confront us. Our challenge is whether to let the threads fall as they may, or to use them to weave a better future.

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.

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.

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

This is a Quick Research Guide (QRG). QRGs include the following: - A brief, high-level overview of the QRG topic. - A milestone timeline for the QRG topic. - Links to various free online resource materials to provide a deeper dive into the QRG topic. - Conclusion and a recommendation for at least two books available in the SJPL system on the QRG topic. QRGs planned for the series: - Artificial Intelligence QRG - Quantum Computing QRG - Big Data Analytics QRG - Spacecraft Guidance, Navigation & Control QRG (coming 2026) - UK Home Computing & The Birth of ARM QRG (coming 2027) Any questions or comments? - Please contact Arthur Morgan at [email protected]. 100% human made.

ThousandEyes Partner Innovation Updates for May 2025ThousandEyes

What is Model Context Protocol(MCP) - The new technology for communication bw...Vishnu Singh Chundawat

Linux Professional Institute LPIC-1 Exam.pdfRHCSA Guru

tecnologias de las primeras civilizaciones.pdffjgm517

Procurement Insights Cost To Value Guide.pptxJon Hansen

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

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

Drupalcamp Finland – Measuring Front-end Energy ConsumptionExove

Splunk Security Update | Public Sector Summit Germany 2025Splunk

Electronic_Mail_Attacks-1-35.pdf by xploitniftliyevhuseyn

IEDM 2024 Tutorial2_Advances in CMOS Technologies and Future Directions for C...organizerofv

How Can I use the AI Hype in my Business Context?Daniel Lehner

Role of Data Annotation Services in AI-Powered ManufacturingAndrew Leo

Designing Low-Latency Systems with Rust and ScyllaDB: An Architectural Deep DiveScyllaDB

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

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

AI Changes Everything – Talk at Cardiff Metropolitan University, 29th April 2...Alan Dix

Mobile App Development Company in Saudi ArabiaSteve Jonas

AI and Data Privacy in 2025: Global TrendsInData Labs

Big Data Analytics Quick Research Guide by Arthur MorganArthur Morgan

Build client-side web parts for Microsoft SharePoint

6. http://github.com/sharepoint http://dev.office.com/sharepoint Drop 5

8. Web Parts

12. IIS Express Project Templates

13. Fonts, icons Colors

14. Fabric React Robust, up-to-date components built with the React framework. Fabric JS Simple, visuals- focused components that you can extend, rework, and build on. ngFabric Community-driven project to build components for Angular-based apps. Fabric iOS Native Swift colors, type ramp, and components for building iOS apps.

21. todo.spapp Package as an client-side solution Developer yo @microsoft/sharepoint gulp –ship gulp bundle --ship gulp package-solution --ship gulp deploy-azure-storage Available to SharePoint Sites Tenant Admin Tenant App Catalog ApprovedDeliver the package to upload, trust and deploy the package to Install/Uninstall app Site Admin Page Authors Add Configure Todo Web Part End Users Interact

23. • Conceptual process – Checkout “JavaScript embed models” with add-in model implementations from PnP • Learn used technologies – Web stack tooling • Learn JavaScript Framework(s) • Learn Office UI Fabric usage

24. Code samples Guidance documentation Monthly community calls Case Studies Themes SharePoint Framework SharePoint add-ins Remote API models with SharePoint development Sharing is caring… http://aka.ms/SharePointPnP

Editor's Notes

#4: Over the past several years, with the evolution of Office 365, development of SharePoint solutions has encountered a new set of challenges: while on one hand IT and Tenant administrators require a new set of tools to control how data get accessed and consumed in their tenancies, developers, on the other hand, want to programmatically control the whole lifecycle, experience, and data access capabilities of a Site. Unfortunately, developers today find themselves constraint around building app parts as a result of iFrames, a reduced set of APIs, and no integration with cross Office 365 workloads. This in turn limits their ability to develop powerful portals that extend SharePoint. The client-side development framework will deliver capabilities that will help both first party and third party developers build powerful, rich applications and provide an enjoyable web experience in Office 365 for end users that are both intuitive and simple to consume.
#5: Built into the SharePoint mobile apps
#9: Main point: Keep light on vision, more on outline for today and why we are investing in our innovation areas influenced by where we are seeing the most usage (outside circle), consistently influenced by our productivity pillars (inside circle)
#14: Built into the SharePoint mobile apps
#17: Built into the SharePoint mobile apps
#18: Built into the SharePoint mobile apps
#19: Built into the SharePoint mobile apps

Build client-side web parts for Microsoft SharePoint

Recommended

More Related Content

What's hot (20)

Similar to Build client-side web parts for Microsoft SharePoint (20)

More from Chakkaradeep Chandran (14)

Recently uploaded (20)

Build client-side web parts for Microsoft SharePoint

Editor's Notes