Modern App Development with the SharePoint Framework

•Download as PPTX, PDF•

1 like•412 views

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.

Technology

• Session objectives:
• Session takeaways:

Submit/discuss SPFx Issues
Community Contributions
http://github.com/sharepoint http://dev.office.com/sharepoint

Same as web parts
you’re used to.
Built for the modern,
JavaScript-driven web.
Runs directly inside a
SharePoint Page.

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.

• cmder (optional)
• Editor (Visual Studio Code, etc.)
• Node.js

• Yeoman
• Gulp
• SharePoint Scaffolding

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

• Web Stack Tooling
• JavaScript Framework(s)
• UI Development

• Waldek Mastykarz’s Blog
https://blog.mastykarz.nl/
• Github
https://github.com/sharepoint

Join us at #SharePint at World of Beer of Reston in the
Towncenter just across the bridge
Why? To network with fellow SharePoint professionals
What? SharePint!!!
When? 4:45 PM
Where?
World of Beer Reston
1888 Explorer Street
Reston, VA 20190

Modern App Development with the SharePoint Framework

The document summarizes a presentation given at the Esri Developer Summit in Europe on November 9 in Rotterdam. The presentation covered configuring and customizing the ArcGIS Viewer for Silverlight and ArcGIS Viewer for Flex, as well as extending their functionality using add-ins for Silverlight and widgets for Flex. Topics included an overview of the viewers, building applications with the application builder, and implementing add-ins, layouts, controls, and templates for Silverlight and creating custom widgets for Flex.

Cross platform mobile development with xamarin and office 365

SoHo 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.

Using and extending Alfresco Content Application

Denys Vuika

Introduction to NativeScript - BuildTruly Native Apps using JavaScript

Lohith Goudagere Nagaraj

Creating a Comprehensive Social Media App Using Ionic and Phone Gap

FITC

Presented at Web Unleashed on September 16-17, 2015 in Toronto, Canada More info at www.fitc.ca/webu Creating a Comprehensive Social Media App Using Ionic and Phone Gap with Nick Van Weerdenburg and Andrey Feldman Sprout Wellness Solutions Inc. engaged with Rangle.io in Spring 2014 to help build their first iOS and Android mobile wellness social networking application based on prior experiences with the mobile web and a customer-focused business strategy that prioritized agility and time-to-market. In this talk, Andrey Feldman from Sprout and Nick Van Weerdenburg from Rangle.io share a comprehensive case study on the end-to-end journey defining and building Sprout’s mobile application using the Ionic Framework and PhoneGap/Cordova. OBJECTIVE To share lessons learned from a business, team and technical perspective during the creation of Sprout at Work’s mobile application. TARGET AUDIENCE Business and technical leaders responsible for mobile web and app strategy. FIVE THINGS AUDIENCE MEMBERS WILL LEARN Challenges and technical constraints building HTML5 mobile applications Insight on when to use Ionic and Angular How to build for the best performance on a wide variety of devices Saving time and money with the right HTML5 strategy Team and partnership considerations when building mobile applications

MICROSOFT BLAZOR - NEXT GENERATION WEB UI OR SILVERLIGHT ALL OVER AGAIN?

Clint Edmonson

O365: Attack of the Clones

Christopher Johnson

No, it’s not just a halfway-decent Star Wars movie—it’s a real use case in Office 365. Learn how to easily “clone” SharePoint sites and create flexible, reusable site templates in Office 365, using tools provided by Microsoft’s official Patterns and Practices community. This deck covers simple template creation and application with PowerShell, plus more advanced scenarios like provider-hosted site collection provisioning using the Add-In Model.

There is a ton of new features available in Visual Studio 2013. In this session we will take a look at some of the new enhancements to the IDE including a look at the new “connected” IDE. We will then take a look at the editor productivity enhancements such as the new enhanced scrollbar, Peek Definition and CodeLens. In our final section, we’ll show off some of the cool things the .NET Framework 4.5.1 has enabled in Visual Studio 2013.

Uniface 10

Uniface

The document discusses Uniface 10, a new version of the Uniface development platform. Some key highlights include: - Uniface 10 focuses on improving productivity, enabling simple migrations, finalizing the code repository, implementing user wishes, and continual improvement. - New features in Uniface 10 include an integrated form painter, navigation enhancements like double-clicking to open objects, clickable compile errors, and the ability to load database definitions from sources like SQL Server and Oracle. - Considerations for the new version include that support for Uniface 9 will end in December 2020, and that future releases will further diverge the Uniface runtime, IDF, and IDE platforms.

Introduction to React Native

Sambhu Lakshmanan

Move past bootstrap and build our lightweight responsive framework w.v1.2

Eric Overfield

This document discusses building a lightweight responsive framework for SharePoint branding and customization. It begins by covering existing SharePoint branding options and their limitations. It then presents a modern toolchain using Node.js, Gulp and other tools to improve the development process. The document reviews options for repeatable deployment and maintenance using SharePoint PnP PowerShell. It also discusses using responsive grids, external libraries like Office UI Fabric, and client-side frameworks to customize SharePoint without using custom master pages. Resources are provided to learn more about these techniques.

Alfresco Digital Business Platform - Why, How, What

Mario Romano

This document discusses why Alfresco creates its digital business platform, how it makes digital transformation easy, and what it creates. Specifically: - WHY: Alfresco wants to make digital transformation easy for customers by creating a platform to host UI, business, and data access layers instead of customers having to build these themselves. - HOW: Alfresco reduces complexity, increases developer productivity, provides standard and customizable UIs, fast time to value, high quality software, innovation, and collaboration through an open community. - WHAT: Alfresco creates the Alfresco Digital Business Platform to address these needs.

Native Script by Sebastian Witalec

Simone Basso

This document introduces NativeScript, an open source framework that allows developers to build native mobile applications for Android and iOS using JavaScript and TypeScript. It summarizes the current state and roadmap for NativeScript, including plans to release a public beta in February with open sourced code, debugging support, and Windows Universal platform preview. The document encourages developers to get involved in the NativeScript Insiders group and upcoming London meetup.

SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...

Waldek Mastykarz

Visual Studio Code for Java and Spring Developers

Bruno 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.

Asp.Net Core in Real World

Emanuele Bartolesi

IDS and Bluemix

Eclipse Day India

This document discusses Node.js development using the Eclipse Orion IDE and deployment to Bluemix. It introduces IBM DevOps Services (JazzHub), which allows developers to collaborate on software projects hosted in the cloud. JazzHub provides task tracking, agile planning, integrated source control, and browser-based development using Eclipse Orion, allowing developers to work from anywhere without downloads. The document demonstrates Node.js development with Orion and deployment of projects to Bluemix.

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...

Evolve The Adobe Digital Marketing Community

Accelerating time to delivery modern tools for cobol development

Micro Focus

This document discusses tools that can accelerate COBOL development time, including project templates, code snippets, cross-platform development with Eclipse, integrating COBOL with other technologies like .NET and Java, and using standard build and deployment tools like MSBuild and Ant. It demonstrates project templates, code snippets, cross-platform development, and how to integrate 3rd party tools.

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)

Shift Conference

A quick talk demonstrating how easy it is to get started with Extension development for Visual Studio Code. We will show you how to create a project, cover basic functionalities offered by the Extension API, and check how you can publish your extension. No longer will you be frustrated when IDE can not automate some boring task that you have to do on a regular basis - you can now automate it yourself!

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

Splunk

Broaden your dev skillset with SharePoint branding options

Eric Overfield

The document discusses options for branding SharePoint sites. It begins with the evolution of branding options from early versions of SharePoint to current versions. It then covers current branding options for SharePoint Online and on-premises environments like alternative CSS, master pages, and themes. The document also reviews tools for branding like SharePoint Designer, JavaScript, and the SharePoint Framework. It concludes with an overview of deployment and maintenance methodologies.

Introduction to the Ionic Framework

rrjohnson85

This document provides an introduction to the Ionic framework. It discusses how Ionic allows developers to build hybrid mobile apps with one codebase that can target iOS and Android using HTML, CSS and JavaScript. Ionic leverages Apache Cordova to wrap web views with native functionality and integrates the AngularJS framework to provide UI components, navigation, transitions and animations. The document also outlines some example applications that can be built with Ionic and directs readers to additional online resources for learning and getting involved in the open source community.

Nativescript

Software Infrastructure

NativeScript is a framework that allows building native iOS and Android apps using JavaScript and CSS. It provides a runtime for creating apps with a single JavaScript codebase that can run natively on each platform. Key features include using existing JavaScript and CSS skills, two-way binding, support for Angular 2, and a low learning curve. The document then discusses the NativeScript runtime, popular IDEs and CLI commands, components and layouts, CSS support, debugging, and example apps built with NativeScript.

NativeScript Developer Day Keynote - Todd Anglin & Burke Holland

Brian Rinaldi

SharePoint Framework Ignite 2016 recap @ Sparked

Albert-Jan Schot

SharePoint Framework - Developer Preview

Sean 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.

SharePoint Framework do's and don'ts

Waldek Mastykarz

What's hot

GAB2017 - Azure function to build serverless SharePoint apps

Riwut Libinuko

Whats new for developers in Visual Studio 2013

Chris Dufour

Uniface 10

Uniface

Introduction to React Native

Sambhu Lakshmanan

Move past bootstrap and build our lightweight responsive framework w.v1.2

Eric Overfield

Alfresco Digital Business Platform - Why, How, What

Mario Romano

Native Script by Sebastian Witalec

Simone Basso

SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...

Waldek Mastykarz

Visual Studio Code for Java and Spring Developers

Bruno Borges

Asp.Net Core in Real World

Emanuele Bartolesi

IDS and Bluemix

Eclipse Day India

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...

Evolve The Adobe Digital Marketing Community

Accelerating time to delivery modern tools for cobol development

Micro Focus

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)

Shift Conference

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

Splunk

Broaden your dev skillset with SharePoint branding options

Eric Overfield

Introduction to the Ionic Framework

rrjohnson85

Nativescript

Software Infrastructure

NativeScript Developer Day Keynote - Todd Anglin & Burke Holland

Brian Rinaldi

What's hot (19)

GAB2017 - Azure function to build serverless SharePoint apps

Whats new for developers in Visual Studio 2013

Uniface 10

Introduction to React Native

Move past bootstrap and build our lightweight responsive framework w.v1.2

Alfresco Digital Business Platform - Why, How, What

Native Script by Sebastian Witalec

SPSNL16 - Building Office 365 and SharePoint solutions using modern developer...

Visual Studio Code for Java and Spring Developers

Asp.Net Core in Real World

IDS and Bluemix

EVOLVE'16 | Enhance | Anil Kalbag & Anshul Chhabra | Comparative Architecture...

Accelerating time to delivery modern tools for cobol development

Shift Remote: JS - Coding VS Code Extensions - Filip Voska (Infinum)

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

Broaden your dev skillset with SharePoint branding options

Introduction to the Ionic Framework

Nativescript

NativeScript Developer Day Keynote - Todd Anglin & Burke Holland

Viewers also liked

SharePoint Framework Ignite 2016 recap @ Sparked

Albert-Jan Schot

SharePoint Framework - Developer Preview

Sean McLellan

SharePoint Framework do's and don'ts

Waldek Mastykarz

- ¿Qué sabemos del uso educativo de las tabletas? (metainvestigación DIM)

PERE MARQUES

SharePoint Framework

Vitaly Zhukov

SharePoint Framework (SPFx) — новая модель разработки SharePoint-решений, основанная на создании клиентских страниц и веб-частей, используя современные инструменты веб-разработки такие как npm, Gulp, yeoman, bower и другие. В докладе будет рассказано о том, как создавать решения с помощью SharePoint Framework, о новых инструментах, доступных разработчикам. Мы рассмотрим отличия старой и новой моделей разработки, какие имеющиеся знания об окружении SharePoint можно будет применить в новых условиях, а какие из них окажутся не востребованы.

Introduccion a sharepoint framework

Luis Valencia

Deep-dive building solutions on the SharePoint Framework

Waldek 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.

SharePoint 2016 & the Future of Office 365 Roadmap

Joel Oleson

The document discusses upcoming innovations and features for SharePoint, including secure conditional access, team news, SharePoint mobile apps for Windows and Android, integration with Microsoft Flow, PowerApps, PowerBI and Yammer, new OneDrive sync preview, people cards, SharePoint 2016 Feature Pack 1 releasing in November 2016, the SharePoint Framework (SPFx) using Typescript, Gulp, React and Yeoman, site classification, enhancements to Microsoft Graph for lists and libraries, Feature Pack 2 in the second half of 2017, expanded FastTrack migration services and tools, and a new App launcher. It also discusses statistics on information security risks in business related to sharing work materials to personal accounts.

AuraTalk issue 5

Laura Sutherland FCIPR ChartPR

AuraTalk is a FREE e-zine for small and medium businesses. The aim is to give helpful tips for businesses to use PR and marketing to help their business grow. Read more here http://bit.ly/2ksXhSa Please get in touch if you would like to discuss how Aura can help your business grow. Covering audit, strategy, delivery of PR and digital marketing services, including social media. We'd like to work with design, retail, restaurants and automotive brands.

1.3.13 Цинк-ламельное покрытие металлических лотков и аксессуаров

Igor Golovin

Методы цинк-ламельного покрытия известны на протяжении многих лет, но в основном находили применение в производстве крепежных деталей для автомобильной промышленности. Стандарты ISO 10683 и EN 13858 определяют требования к данному покрытию в автомобильной промышленности. Новейшие разработки в области цинк-ламельных покрытий позволяют обеспечивать надежную защиту от коррозии крупногабаритных изделий, включая кабеленесущие системы.

Traditional Herbal Drugs in Cancer: A Classification and Scientific Evaluation

ABDUL LATIF

Integracja komunikacji w mediach tradycyjnych i digital

Karolina Majewska

Why what if how

Alan McShane

The document discusses tools and methods for brainstorming, visual thinking, design thinking, and innovation including mind mapping software (MindMeister, Bubbl), visual collaboration tools (Trello, LeanKit), and methods like LEGO Serious Play, design thinking, visual meetings, and innovation games. It also references books on design thinking and changing organizations through design. The document shares websites for several of these tools.

Ideaworks International -Transformación Digital Continua

Rodolfo Salazar

IdeaWorks International comenzó operaciones en El Salvador en 2011 con un equipo de 5 personas y 8 clientes. Desde entonces, ha experimentado un fuerte crecimiento, expandiéndose a otros países de Centroamérica, agregando nuevos servicios, y aumentando su equipo a más de 30 personas. A lo largo de los años, la compañía ha ganado cientos de clientes en la región y se ha posicionado como una de las principales agencias de marketing digital en Centroamérica.

Renault megane4-brochure-2016

mandla mawila

Layar - 3D Content Creation Tips and Tricks

Layar

This document provides tips and guidance for creating 3D content for use in Layar augmented reality applications. It discusses tools for 3D modeling like Blender and Google Sketchup, the process of converting models to the required .L3D format, techniques for optimizing models for mobile devices with limited resources, and requirements for 3D models, textures and animations. The overall goal is to balance model complexity and fidelity with efficiency to ensure smooth performance on mobile.

Dive into Origami Studio

Hirokazu Egashira

Viewers also liked (17)

SharePoint Framework Ignite 2016 recap @ Sparked

SharePoint Framework - Developer Preview

SharePoint Framework do's and don'ts

- ¿Qué sabemos del uso educativo de las tabletas? (metainvestigación DIM)

SharePoint Framework

Introduccion a sharepoint framework

Deep-dive building solutions on the SharePoint Framework

SharePoint 2016 & the Future of Office 365 Roadmap

AuraTalk issue 5

1.3.13 Цинк-ламельное покрытие металлических лотков и аксессуаров

Traditional Herbal Drugs in Cancer: A Classification and Scientific Evaluation

Integracja komunikacji w mediach tradycyjnych i digital

Why what if how

Ideaworks International -Transformación Digital Continua

Renault megane4-brochure-2016

Layar - 3D Content Creation Tips and Tricks

Dive into Origami Studio

Similar to Modern App Development with the SharePoint Framework

Introduction to development using the share point framework mv ps

Usama 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.

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)

Brian 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. Discussion where we compare common Full Trust Solutions and options for converting to the SharePoint Framework (SPFx) in less than 1 hour.

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

Brian 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 :)

Cross-Platform Development using Angulr JS in Visual Studio

Mizanur Sarker

INF104 - HCL Domino AppDev Pack – The Future of Domino App Dev Nobody Knows A...

Heiko Voigt

Oracle JavaScript Extension Toolkit Web Components Bring Agility to App Devel...

Lucas Jellema

In this slidedeck learn how Oracle JavaScript Extension Toolkit web components enable a higher level of productivity, agility, and maintainability of rich client web applications. The reusable components can be shared across pages, applications, and teams—and even across the global community. The components can be developed separately from the applications that consume them and can be deployed and updated independently. They are also well-suited to be used as the user interface for a microservice that is mashed up in a larger web application or portal. Learn the why and how of Oracle JavaScript Extension Toolkit web components, tooling to use for productivity and agility, and a proven approach for microservice UI implementation.

Introduction to SharePoint Framework (SPFx)

Fabio Franzini

This document summarizes an introduction to the SharePoint Framework (SPFx) presented by Fabio Franzini. The agenda includes an introduction to SPFx, the SPFx toolchain, building an SPFx web part, and deploying an SPFx web part. SPFx is a page and web part model for building client-side SharePoint solutions using modern web technologies. It allows developers to build responsive and accessible web parts that can be added to classic and modern SharePoint pages. The SPFx toolchain is based on open source tools like Node.js, Yeoman, and Gulp. Developers can create their first web part, then package and deploy it to an app catalog to add to

ecs19 - Bill Ayers - RE-USE YOUR SHAREPOINT FRAMEWORK SKILLZ TO BUILD OFFICE ...

European Collaboration Summit

The document discusses how developers can reuse their SharePoint Framework skills to build Office Add-ins. It covers why Office Add-ins are useful, how they work, tools for building them like Visual Studio and React, using the SharePoint Framework, and distributing add-ins. The presentation includes demos of creating an add-in using React and the Office UI Fabric library in Visual Studio. It recommends developers sign up for the Office 365 Developer Program and think about how add-ins could help their business needs.

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.

OSH01 - Developing SharePoint Framework Solutions for the Enterprise

Eric 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.

Deep dive into share point framework webparts

Prabhu Nehru

CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini

walk2talk srl

In questa sessione verrà introdotto SharePoint Framework, il nuovo framework per creare personalizzazioni per SharePoint utilizzando esclusivamente codice lato client. Vedremo i motivi per cui il framework è stato creato, come funziona ed una piccola introduzione sugli strumenti da sviluppatore, linguaggi di programmazione e framework lato client che possono essere utilizzati per creare personalizzazioni quali la nuova “Client Web Part". Verranno inoltre presentati alcuni esempi su quello che il framework offre nella versione in first release. Per richiedere accesso al canale contenente le registrazioni audio/video delle sessioni tecniche di Cloud Conference Italia 2017 compila il seguente form: https://goo.gl/Fq6DQE

DevNetCreate Workshop - build a react app - React crash course

Cisco DevNet

Asp.NETZERO - A Workshop Presentation by Citytech Software

Ritwik Das

Asp.Net Boilerplate and ASP.NET Zero are application frameworks that reduce the need for boilerplate code. They provide a layered architecture, modular design, multi-tenancy, domain-driven design principles and other features out of the box. ASP.NET Zero further saves development time by providing pre-built pages and a solid architecture for developers to build business logic. Both frameworks are based on familiar .NET tools and implement best practices.

Yo Office! Use your SPFx Skills to Build Add-Ins for Word, Excel, Outlook and...

BIWUG

The document summarizes a presentation about building add-ins for Microsoft Office applications using SharePoint Framework (SPFx) skills. It covers the background of Office add-ins, different types of add-ins like content and task pane add-ins, tools for building add-ins like Visual Studio and Office UI Fabric, and distributing add-ins through the Office Store or within an organization. The presentation aims to show how developers can leverage their SPFx skills to build add-ins that integrate with Office and reach over a billion users.

Real World SharePoint Framework and Azure Services

Brian Culver

Building Solution in Office 365 requires leveraging other cloud services, such as Azure Services. For those new to SharePoint and all SharePoint veterans, building cloud ready “Full Trust” solutions for Office 365 introduces a huge paradigm shift over the traditional on-premise full-trust development model. In this session, we will look at a couple common full trust solutions and move them to Office365 and Azure. We will leverage various Azure services such as Azure Functions, Event Grids and WebJobs. See demonstrations on how event receivers become Azure Function and Event Grids, and timer jobs become Azure WebJobs. Learn about other useful Azure services for replacing full trust functionality. Don’t pass up this opportunity to learn skills and knowledge you need to build Office 365 Solutions leveraging Cloud Services Attendee Takeaways: 1. Understand how to take Full Trust solutions from On-premise to the Office365. 2. Learn how to use Azure Functions, Event Grids, WebJobs and several other Azure Services. 3. See demonstrations of a couple common Full Trust Solutions converted to cloud solutions on Office365 and Azure.

Introduction to SharePoint Framework

Małgorzata Borzęcka

The document discusses options for developing customizations for SharePoint, including SharePoint Add-ins, external apps/SPAs, and the SharePoint Framework (SPFx). It provides an overview of SPFx, describing how it allows customizations to run as part of the SharePoint page with a flexible web part experience. It also covers SPFx tooling, the build process, debugging, the property pane, APIs like REST and Graph, and extensions.

Neev Open Source Contributions

Neev Technologies

Today, there are many companies that are open to the idea of sharing and actively promote Open Source projects. We, at Neev, not only promote Open Source, but actively utilize Open Source wherever possible in order to increase ROI for customers and decrease time-to-market. It is the best way to give something back to the community. Neev has, from time-to-time, given back to the Open Source community through contributions that aim to solve critical issues faced by the IT community. Here are 18 of our innovative Open Source tools.

The Greatest Introduction to SharePoint Framework (SPFx) on earth!

Małgorzata Borzęcka

The document discusses various options for developing customizations for SharePoint, including SharePoint Add-ins, external apps/SPAs, and the SharePoint Framework (SPFx). It provides an overview of SPFx, describing how it allows customizations to run within the SharePoint page context using modern development tools and frameworks. It also outlines the SPFx build process and deployment options like the Office 365 public CDN and Azure CDN.

13 providing an ide for creating, simulating and assessing accessible applica...

AEGIS-ACCESSIBLE Projects

The document proposes an Integrated Development Environment (IDE) that allows for the creation, simulation, and assessment of accessible web applications. It reviews existing IDEs and identifies limitations. The presented IDE incorporates plugins for NetBeans that include an accessible widget palette, simulation tools, and assessment tools. A case study demonstrates using the IDE to build an accessible web app, simulate impairments, and generate an accessibility report. The conclusion is that the IDE can accelerate development while enforcing accessibility best practices.

Similar to Modern App Development with the SharePoint Framework (20)

Introduction to development using the share point framework mv ps

Convert your Full Trust Solutions to the SharePoint Framework (SPFx)

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

Cross-Platform Development using Angulr JS in Visual Studio

INF104 - HCL Domino AppDev Pack – The Future of Domino App Dev Nobody Knows A...

Oracle JavaScript Extension Toolkit Web Components Bring Agility to App Devel...

Introduction to SharePoint Framework (SPFx)

ecs19 - Bill Ayers - RE-USE YOUR SHAREPOINT FRAMEWORK SKILLZ TO BUILD OFFICE ...

Overview of SharePoint Framework (SPFx)

OSH01 - Developing SharePoint Framework Solutions for the Enterprise

Deep dive into share point framework webparts

CCI 2017 - Introduzione a SharePoint Framework (SPFx) - Fabio Franzini

DevNetCreate Workshop - build a react app - React crash course

Asp.NETZERO - A Workshop Presentation by Citytech Software

Yo Office! Use your SPFx Skills to Build Add-Ins for Word, Excel, Outlook and...

Real World SharePoint Framework and Azure Services

Introduction to SharePoint Framework

Neev Open Source Contributions

The Greatest Introduction to SharePoint Framework (SPFx) on earth!

13 providing an ide for creating, simulating and assessing accessible applica...

Recently uploaded

Presentation of the OECD Artificial Intelligence Review of Germany

innovationoecd

Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...

Jeffrey Haguewood

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on integration of Salesforce with Bonterra Impact Management. Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

dbms calicut university B. sc Cs 4th sem.pdf

Shinana2

Building Production Ready Search Pipelines with Spark and Milvus

Zilliz

zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...

Alex Pruden

Folding is a recent technique for building efficient recursive SNARKs. Several elegant folding protocols have been proposed, such as Nova, Supernova, Hypernova, Protostar, and others. However, all of them rely on an additively homomorphic commitment scheme based on discrete log, and are therefore not post-quantum secure. In this work we present LatticeFold, the first lattice-based folding protocol based on the Module SIS problem. This folding protocol naturally leads to an efficient recursive lattice-based SNARK and an efficient PCD scheme. LatticeFold supports folding low-degree relations, such as R1CS, as well as high-degree relations, such as CCS. The key challenge is to construct a secure folding protocol that works with the Ajtai commitment scheme. The difficulty, is ensuring that extracted witnesses are low norm through many rounds of folding. We present a novel technique using the sumcheck protocol to ensure that extracted witnesses are always low norm no matter how many rounds of folding are used. Our evaluation of the final proof system suggests that it is as performant as Hypernova, while providing post-quantum security. Paper Link: https://eprint.iacr.org/2024/257

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Tosin Akinosho

Monitoring and Managing Anomaly Detection on OpenShift Overview Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices. Key Topics Covered 1. Introduction to Anomaly Detection - Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems. 2. Understanding Edge (IoT) - Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source. 3. What is ArgoCD? - Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices. 4. Deployment Using ArgoCD for Edge Devices - Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD. 5. Introduction to Apache Kafka and S3 - Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions. 6. Viewing Kafka Messages in the Data Lake - Learn how to view and analyze Kafka messages stored in a data lake for better insights. 7. What is Prometheus? - Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices. 8. Monitoring Application Metrics with Prometheus - Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system. 9. What is Camel K? - Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes. 10. Configuring Camel K Integrations for Data Pipelines - Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow. 11. What is a Jupyter Notebook? - Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text. 12. Jupyter Notebooks with Code Examples - Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.

Generating privacy-protected synthetic data using Secludy and Milvus

Zilliz

During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.

June Patch Tuesday

Ivanti

Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.

Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe

Precisely

Inconsistent user experience and siloed data, high costs, and changing customer expectations – Citizens Bank was experiencing these challenges while it was attempting to deliver a superior digital banking experience for its clients. Its core banking applications run on the mainframe and Citizens was using legacy utilities to get the critical mainframe data to feed customer-facing channels, like call centers, web, and mobile. Ultimately, this led to higher operating costs (MIPS), delayed response times, and longer time to market. Ever-changing customer expectations demand more modern digital experiences, and the bank needed to find a solution that could provide real-time data to its customer channels with low latency and operating costs. Join this session to learn how Citizens is leveraging Precisely to replicate mainframe data to its customer channels and deliver on their “modern digital bank” experiences.

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack

shyamraj55

Public CyberSecurity Awareness Presentation 2024.pptx

marufrahmanstratejm

Main news related to the CCS TSI 2023 (2023/1695)

Jakub Marek

An English 🇬🇧 translation of a presentation to the speech I gave about the main changes brought by CCS TSI 2023 at the biggest Czech conference on Communications and signalling systems on Railways, which was held in Clarion Hotel Olomouc from 7th to 9th November 2023 (konferenceszt.cz). Attended by around 500 participants and 200 on-line followers. The original Czech 🇨🇿 version of the presentation can be found here: https://www.slideshare.net/slideshow/hlavni-novinky-souvisejici-s-ccs-tsi-2023-2023-1695/269688092 . The videorecording (in Czech) from the presentation is available here: https://youtu.be/WzjJWm4IyPk?si=SImb06tuXGb30BEH .

Best 20 SEO Techniques To Improve Website Visibility In SERP

Pixlogix Infotech

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Alpen-Adria-Universität

Trusted Execution Environment for Decentralized Process Mining

LucaBarbaro3

GraphRAG for Life Science to increase LLM accuracy

Tomaz Bratanic

Nordic Marketo Engage User Group_June 13_ 2024.pptx

MichaelKnudsen27

Digital Marketing Trends in 2024 | Guide for Staying Ahead

Wask

https://www.wask.co/ebooks/digital-marketing-trends-in-2024 Feeling lost in the digital marketing whirlwind of 2024? Technology is changing, consumer habits are evolving, and staying ahead of the curve feels like a never-ending pursuit. This e-book is your compass. Dive into actionable insights to handle the complexities of modern marketing. From hyper-personalization to the power of user-generated content, learn how to build long-term relationships with your audience and unlock the secrets to success in the ever-shifting digital landscape.

5th LF Energy Power Grid Model Meet-up Slides

DanBrown980551

5th Power Grid Model Meet-up It is with great pleasure that we extend to you an invitation to the 5th Power Grid Model Meet-up, scheduled for 6th June 2024. This event will adopt a hybrid format, allowing participants to join us either through an online Mircosoft Teams session or in person at TU/e located at Den Dolech 2, Eindhoven, Netherlands. The meet-up will be hosted by Eindhoven University of Technology (TU/e), a research university specializing in engineering science & technology. Power Grid Model The global energy transition is placing new and unprecedented demands on Distribution System Operators (DSOs). Alongside upgrades to grid capacity, processes such as digitization, capacity optimization, and congestion management are becoming vital for delivering reliable services. Power Grid Model is an open source project from Linux Foundation Energy and provides a calculation engine that is increasingly essential for DSOs. It offers a standards-based foundation enabling real-time power systems analysis, simulations of electrical power grids, and sophisticated what-if analysis. In addition, it enables in-depth studies and analysis of the electrical power grid’s behavior and performance. This comprehensive model incorporates essential factors such as power generation capacity, electrical losses, voltage levels, power flows, and system stability. Power Grid Model is currently being applied in a wide variety of use cases, including grid planning, expansion, reliability, and congestion studies. It can also help in analyzing the impact of renewable energy integration, assessing the effects of disturbances or faults, and developing strategies for grid control and optimization. What to expect For the upcoming meetup we are organizing, we have an exciting lineup of activities planned: -Insightful presentations covering two practical applications of the Power Grid Model. -An update on the latest advancements in Power Grid -Model technology during the first and second quarters of 2024. -An interactive brainstorming session to discuss and propose new feature requests. -An opportunity to connect with fellow Power Grid Model enthusiasts and users.

Serial Arm Control in Real Time Presentation

tolgahangng

Recently uploaded (20)

Presentation of the OECD Artificial Intelligence Review of Germany

Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...

dbms calicut university B. sc Cs 4th sem.pdf

Building Production Ready Search Pipelines with Spark and Milvus

zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Generating privacy-protected synthetic data using Secludy and Milvus

June Patch Tuesday

Digital Banking in the Cloud: How Citizens Bank Unlocked Their Mainframe

Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack

Public CyberSecurity Awareness Presentation 2024.pptx

Main news related to the CCS TSI 2023 (2023/1695)

Best 20 SEO Techniques To Improve Website Visibility In SERP

Energy Efficient Video Encoding for Cloud and Edge Computing Instances

Trusted Execution Environment for Decentralized Process Mining

GraphRAG for Life Science to increase LLM accuracy

Nordic Marketo Engage User Group_June 13_ 2024.pptx

Digital Marketing Trends in 2024 | Guide for Staying Ahead

5th LF Energy Power Grid Model Meet-up Slides

Serial Arm Control in Real Time Presentation

Modern App Development with the SharePoint Framework

2. • Session objectives: • Session takeaways:

5. Submit/discuss SPFx Issues Community Contributions http://github.com/sharepoint http://dev.office.com/sharepoint

7. Same as web parts you’re used to. Built for the modern, JavaScript-driven web. Runs directly inside a SharePoint Page.

10.

11. IIS Express Project Templates

12. Fonts, icons Colors

13. 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.

14. • cmder (optional) • Editor (Visual Studio Code, etc.) • Node.js

15. • Yeoman • Gulp • SharePoint Scaffolding

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26. 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

27. • Web Stack Tooling • JavaScript Framework(s) • UI Development

28. • Waldek Mastykarz’s Blog https://blog.mastykarz.nl/ • Github https://github.com/sharepoint

29.

30. Thanks to our Sponsors!!!

31. Join us at #SharePint at World of Beer of Reston in the Towncenter just across the bridge Why? To network with fellow SharePoint professionals What? SharePint!!! When? 4:45 PM Where? World of Beer Reston 1888 Explorer Street Reston, VA 20190

Editor's Notes

Yeoman is another Node.js-based tool that allows you to quickly scaffold a project. npm - a package manager similar to NuGet – comes with Node.js Gulp is a task-runner based on Node.js. Webpack is module bundler that can be used in a number of ways including being called from Gulp tasks. SASS – SystemJS – TypeScript – superset of JavaScript

Modern App Development with the SharePoint Framework

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (17)

Similar to Modern App Development with the SharePoint Framework

Similar to Modern App Development with the SharePoint Framework (20)

Recently uploaded

Recently uploaded (20)

Modern App Development with the SharePoint Framework

Editor's Notes