SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions

Apr 19, 2017Download as PPTX, PDF0 likes199 views

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario Change the way you will think for your next SharePoint project

SharePoint Framework,Angular & Azure
Functions
The modern SharePoint developer tool belt
Sébastien Levert

Hi! I’m Seb!
@sebastienlevert | http://sebastienlevert.com | Product Evangelist & Partner Manager at

Angular… But which version ?
• Works well with Angular 1.6
• Works OK with Angular 2
• Works awesome with Angular 4 (Did you just say Angular 4!?)

Is that even possible ?
• Some are thinking it is mission impossible… But it is! And it’s much
more simpler than you think.
• You have the full power of Angular within you own SPFx webparts
• Multiple webparts can exist in a page, including their own routing
configuration

What are the limitations?
• Size of the bundle is huge, watch for performance issues!
• Webpack becomes slow when compiling yourTypeScript code
• Not built in to SPFx, so you need to build your own wrapper (I have
code for that!)
• Some variables are still global in Angular, it can become problematic
in complex solutions.

Lessons learned
• Never use any class or ids from the DOM. Always use theViewChild
attribute.
• You can use html templates using the require() approach.Try to do
that with React!
• When you have a strong AngularJS background, it feels just a little bit
weird to move to Angular, but you will get used to it!

Why Azure Functions ?
• Cheap way to host any API in Azure
• You can use your favorite language
• Super cheap to run
• Perfect companion for any Single Page Application or any JavaScript
component

Our scenario
• Using the PnP PowerShell Cmdlets
• Connecting to the Microsoft Graph and to an Azure AD Application
• Creating a ModernTeam Site (in under 15 seconds) based on a set of
parameters
• Boom!

The full scenario
• Build a SharePoint Framework WebPart
• Use Angular as our main Framework
• Include 3 routes (Home, New Site and Site Information)
• Use Azure Function as my backend provisioning API
• Use the Office UI Fabric components

What about the Office UI Fabric ?
• Well…You have 2 choices : Build or Reuse
• My choice ? Reuse !
• But Seb… It’s Angular, I can’t reuse what does not exist…
• Well…The React components exist, just reuse them !

Resources
• https://github.com/SharePoint/sp-dev-fx-
webparts/tree/master/samples/angular2-prototype
• https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-
overview
• http://dev.office.com/fabric#/components

Samples
• https://github.com/sebastienlevert/spfx-angular-poc

Share your experience
• Use hashtags to share your experience
• #Office365Dev
• #MicrosoftGraph
• #AzureFunctions
• Log issues & questions to the GitHub Repositories

Thank you!
@sebastienlevert | http://sebastienlevert.com | Product Evangelist & Partner Manager at

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular and of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

SharePoint Fest Chicago 2017 - SharePoint Framework, Angular & Azure FunctionsSébastien Levert

SharePoint Saturday Utah 2018 - SharePoint Framework, Angular and Azure Funct...Sébastien Levert

Sébastien Levert presented on using Angular, Azure Functions, and the SharePoint Framework together. He discussed how Azure Functions can be used to host APIs cheaply using various programming languages. He demonstrated a scenario using PowerShell and the Microsoft Graph to provision new SharePoint sites via an Azure Function. Levert also covered how Angular Elements allows generating web components from Angular that can be used in SharePoint Framework web parts, though the approach is still in preview. Resources and next steps were provided.

North American Collaboration Summit 2018 - SharePoint Framework, Angular & Az...Sébastien Levert

This document discusses using Angular, Azure Functions, and the SharePoint Framework (SPFx) together. It introduces Azure Functions as a way to host APIs cheaply in Azure using various programming languages. It then demonstrates using Azure Functions with the PnP PowerShell cmdlets to provision a Microsoft Teams site. It also discusses challenges with earlier versions of Angular and SPFx, and how Angular Elements helps address these by generating web components from Angular components. The full scenario builds an SPFx web part using Angular and Angular Material, with an Azure Function as the backend API. While this approach is currently the best option, it is still early preview for production use.

European Collaboration Summit - SharePoint Framework Angular & Azure FunctionsSébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Fast Track introduction to ASP.NET MVCAnkit Kashyap

This document outlines a presentation on ASP.NET MVC. It begins with introductions and prerequisites. The agenda includes an overview of the MVC pattern, differences between ASP.NET MVC and web forms, routing, controllers and actions, Razor views, HTML helpers and partial views, unit testing, and best practices. Live demos are promised on routing, controllers, views, models, HTML helpers, partial views, and layouts. Resources for further learning are provided at the end.

Angular CLI : HelloWorldnikspatel007

About the Presentation: Nikunj Patel will be presenting on Angular 2 CLI with Node JS. • Are you a developer interested in TypeScript and Angular? • Do you feel like setting up a solid Angular 2 environment is a huge pain? • Is your Angular app becoming a maintenance nightmare? • Are you seeing Code inconsistency due to lack of coding standards in your angular App? Worry not, In this Live coding session we will explore the power of “Angular CLI” by developing an Angular Application. In the process, we will learn how easily we can produce a well structured, modular and testable code. We will discuss key points, shortcuts, gotchas and best practices of the Angular world. If Time permits, we will also develop backend Rest API using node.Js to power our Angular App to get a feel of how Angular can help you solve real-world problems. Please come prepared with following installed so that we can hit the ground running. Prerequisites : Install Node.Js Install Visual Studio Code Install Google Chrome Install PostMan (Optional) About the presenter: Nik Patel is Sr. Software Engineer at Frontline Education. He has 7+ years of experience in a Full stack and works on .NET and MEAN stack. He strongly believes in “Paying it forward” and is committed to growing by learning and contributing back to the community.

Angular ❤️ CMS from #AngularUpFilip Bruun Bech-Larsen

This document discusses using Angular with a CMS. It describes challenges like bootstrapping components, initial data loading, and dynamic routing. Solutions explored include using route resolves to get data, generic page components with *ngIf directives, custom routing strategies, and the ComponentFactoryResolver for dynamic components. It also covers animating route changes, handling rich text, server-side rendering for SEO, and packaging the solutions as an NPM module.

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...Sébastien Levert

Sebastien Levert presented on using SharePoint Framework, Angular, and Azure Functions. He demonstrated how to build a SPFx web part using Angular that includes routing and dynamically bootstraps components. The web part consumes an Azure Function backend API to provision SharePoint sites. While this approach works, it has downsides like inability to use the Angular CLI and AOT compilation. In production, a different approach may be needed but this is good for learning SPFx and Angular.

BuildStatus - PiterJS #1PiterJS

The document discusses using NodeJS to control hardware and connect it to the cloud. It describes a system that uses NodeJS to control a robot, parse email updates, and provide a web-based control panel using AngularJS. Authentication for the API is done through JSON web tokens. The system represents a single page application with an API backend, and the document recommends using the Angular-Fullstack generator for its authentication and project structure benefits.

An Introduction to ReactNativeMichał Taberski

Agile Apps with App EngineCalvin Cheng

Google App Engine provides advantages like not requiring servers, free usage within quotas, and quick deployment. However, it also has disadvantages like not supporting all dependencies, requiring rewriting of queries and ORMs, and limitations on queries and APIs. Frameworks are recommended for App Engine to enable agile development, team development, maintainability through MVC, and test-driven development. Example frameworks discussed are Django and Kay, noting their quick starts, learning curves, and differences in relationships from traditional servers. Sharding techniques are needed to address query object count limitations.

Advanced AngularJS Tips and TricksJeremy Likness

What happens when two third-party Angular modules export a service with the same name? How do you access scope or dependency injection from a third-party control? How can you always ensure asynchronous code is executed within a digest loop without having to check? Should you store commonly referenced variables in $rootScope or a service? How do you ensure promises are resolved before your controller is invoked? In this talk, Jeremy Likness covers advanced tips, tricks, and techniques for building Angular apps. Based on his hands-on experience building large scale enterprise Angular applications with distributed teams of over 20 developers authoring hundreds of services, controllers, filters, and directives across tens of thousands of lines of code, Jeremy shares common problems and straightforward solutions.

Introduction to Angular 2Tuan Trung Vo

Glance at Visual Studio 2013 ASP.NET and Web tools 2013Shravan Kumar Kasagoni

The document outlines the release cadence for Microsoft's ASP.NET and web development tools. It notes that ASP.NET will release every 6 months along with new versions of Visual Studio. ASP.NET 4.5 released with Visual Studio 2012 in September 2012. ASP.NET and Web Tools 2012.2 released in February 2013 alongside updates to Visual Studio 2012. The next release is planned for fall 2013 with Visual Studio 2013.

C# Async/Await ExplainedJeremy Likness

The document discusses asynchronous programming with async and await in C#. It explains that async and await were introduced to address issues with threading like overhead and blocking. Async methods use threads efficiently from the thread pool rather than creating new threads. Await yields threads rather than blocking them. The document demonstrates async programming and best practices like using Task instead of async void. It recommends using async for I/O bound work since it can improve performance over synchronous code.

Angular ❤️CMSFilip Bruun Bech-Larsen

Angular: An IntroductionAlex Hoffman

SharePoint Framework, Angular and Azure FunctionsSébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 4 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6Fabio Biondi

This document discusses AngularDay2018, an event focused on Angular and related technologies. It promotes opportunities for Italian developers, including jobs, collaborations, training, and more. It highlights many features of Angular like TypeScript, components, dependency injection, forms, routing, internationalization, and performance. It also discusses tools like Angular CLI, libraries, Angular Universal for server-side rendering, and long term support.

TypeScriptSoftware Infrastructure

This document provides an overview of TypeScript, including what it is, why it was created, its key features and benefits. It begins by explaining what JavaScript is and some of its limitations like dynamic typing and lack of modularity. It then introduces TypeScript as a superset of JavaScript that adds optional static typing and class-based object-oriented programming. The document discusses how TypeScript works with existing JavaScript frameworks and libraries, and highlights features like strong typing, better tooling and explicit intent. It provides details on TypeScript's development environment and open source status before concluding with a demonstration and mentioning some alternative languages.

1.3にBrowserify組み合わせてイベント駆動にした話Okuno Kentaro

1. The document discusses using Browserify with AngularJS 1.3 to create an event-driven application. It notes that Browserify support was already in place for AngularJS 1.3. 2. It describes an architecture where each TypeScript file contains a single directive, without using services, factories, or controllers. Events are broadcast from a central store using isolate scopes. 3. Code examples are provided for adding listeners to the central store and broadcasting events from the store. The architecture is said to respect Flux principles by having child directives act as dispatchers to the central store.

SPSNJ 2014: EmberJS & SharePointGreg Hurlman

The document is an agenda for a presentation on using Ember and Handlebars for building SharePoint applications. It introduces Ember and its history, Handlebars templating, and how to set up an Ember application. It also discusses using SharePoint as a data source and authentication for Ember applications through JSOM calls. The presentation includes demos of setting up an Ember app, building the UI with templating, and integrating everything. It concludes with a discussion on using SharePoint and thanks the audience.

Ember and SharePointGreg Hurlman

This document outlines an agenda for a presentation on Ember and SharePoint. The presentation will provide a brief history of Ember, demonstrate how to code an Ember application, discuss how SharePoint can be used as a data source for Ember applications, and conclude with recommendations and resources for further learning. The presenter is Greg Hurlman, a developer who will demonstrate building an Ember application.

A Gentle Introduction to GoOnRailsBin Joy

This document introduces Go On Rails, a framework that combines Ruby on Rails and Go (Golang). It allows developers to generate Go applications from Rails models and controllers, sharing code between the two frameworks. Examples are provided demonstrating how to generate a simple Go app from Rails and use RailsAdmin for administration with a Go backend. Future enhancements discussed include generators for Go controllers and views.

TypeScript and Angular2 (Love at first sight)Igor Talevski

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

North American Collaboration Summit 2018 - SharePoint Framework, Angular and ...Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

SharePoint Saturday New York 2017 - SharePoint Framework, Angular and Azure F...Sébastien Levert

This document summarizes a presentation on building modern SharePoint solutions using SharePoint Framework (SPFx), Angular, and Azure Functions. It discusses how SPFx can be used with Angular to build web parts with routing and dynamic bootstrapping. It also shows how Azure Functions can be leveraged as a backend API to provision SharePoint sites using PnP PowerShell and Microsoft Graph. Key lessons learned are around using Angular components within SPFx and reusing Office UI Fabric React components. Samples and resources are provided to help developers get started with this approach.

SharePoint Fest Seattle - SharePoint Framework, Angular & Azure FunctionsSébastien Levert

More Related Content

What's hot (19)

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...Sébastien Levert

BuildStatus - PiterJS #1PiterJS

An Introduction to ReactNativeMichał Taberski

Agile Apps with App EngineCalvin Cheng

Advanced AngularJS Tips and TricksJeremy Likness

Introduction to Angular 2Tuan Trung Vo

Glance at Visual Studio 2013 ASP.NET and Web tools 2013Shravan Kumar Kasagoni

C# Async/Await ExplainedJeremy Likness

Angular ❤️CMSFilip Bruun Bech-Larsen

Angular: An IntroductionAlex Hoffman

SharePoint Framework, Angular and Azure FunctionsSébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 4 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6Fabio Biondi

TypeScriptSoftware Infrastructure

1.3にBrowserify組み合わせてイベント駆動にした話Okuno Kentaro

SPSNJ 2014: EmberJS & SharePointGreg Hurlman

Ember and SharePointGreg Hurlman

A Gentle Introduction to GoOnRailsBin Joy

TypeScript and Angular2 (Love at first sight)Igor Talevski

NativescriptSoftware Infrastructure

European SharePoint Conference 2017 - SharePoint Framework, Angular & Azure F...Sébastien Levert

BuildStatus - PiterJS #1PiterJS

An Introduction to ReactNativeMichał Taberski

Agile Apps with App EngineCalvin Cheng

Advanced AngularJS Tips and TricksJeremy Likness

Introduction to Angular 2Tuan Trung Vo

Glance at Visual Studio 2013 ASP.NET and Web tools 2013Shravan Kumar Kasagoni

C# Async/Await ExplainedJeremy Likness

Angular ❤️CMSFilip Bruun Bech-Larsen

Angular: An IntroductionAlex Hoffman

SharePoint Framework, Angular and Azure FunctionsSébastien Levert

Angular Day 2018 (italy) - Keynote - The Amazing World of Angular 6Fabio Biondi

TypeScriptSoftware Infrastructure

1.3にBrowserify組み合わせてイベント駆動にした話Okuno Kentaro

SPSNJ 2014: EmberJS & SharePointGreg Hurlman

Ember and SharePointGreg Hurlman

A Gentle Introduction to GoOnRailsBin Joy

TypeScript and Angular2 (Love at first sight)Igor Talevski

NativescriptSoftware Infrastructure

Similar to SharePoint Fest DC - SharePoint Framework, Angular and Azure Functions (20)

North American Collaboration Summit 2018 - SharePoint Framework, Angular and ...Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 2 and the current preview release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

SharePoint Saturday New York 2017 - SharePoint Framework, Angular and Azure F...Sébastien Levert

SharePoint Fest Seattle - SharePoint Framework, Angular & Azure FunctionsSébastien Levert

SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...Sébastien Levert

Things are moving fast. Sometimes you might even feel that you own comfort zone is getting of control. But in a Mobile-First, Cloud-First world, things are changing to a crazy pace and to stay on the top of your game, you need keep up with the latest and greatest technologies that are available out there. By staying up to date, you will give to yourself new options that will let you be more productive, write better code and push you in a more open and more collaborative world. With the official shipment of Angular 4 and the current release of the SharePoint Framework, it is now the time to start moving towards those new technologies in your SharePoint Solutions. In this session, we will cover the modern tool belt of the SharePoint developer by covering the SharePoint Framework as the new surface to express yourself, Angular as a Framework to enable you to build complete applications within your SharePoint modern experiences and Azure Function as the perfect server-side companion for all your Office 365 & Azure development. This very demo-intensive session will make sure that at the end you get those 3 key takeaways : - Understand the role of the SharePoint Framework, Angular and Azure Functions in this Cloud-First, Mobile-First world - Have a complete sample where the modern tool belt is relevant and useful in a real-world scenario - Change the way you will think for your next SharePoint project

Evolution and History of Angular as Web Development Platform.pdfiFour Technolab Pvt. Ltd.

Angular is considered as one of the most popular software development instruments today. Many custom Angular software development companies are seeing positive results after adopting Angular and the popularity of Angular with compared to other technologies is far high throughout 2019 and might be rise in 2020 as well as per the current trend. "This article originally appeared in iFour Technolab Blog." This document also gives a source link.

Webcomponents are your frameworks best friendFilip Bruun Bech-Larsen

Dynamic content with AngularFilip Bruun Bech-Larsen

This document discusses using Angular for dynamic content in a CMS context. It describes bootstrapping multiple Angular applications on a page and providing initial data to components. It then discusses using a route config generated by a CMS, resolving data for routes, and using generic components with *ngIf. It also covers ComponentFactoryResolver for dynamic components, AOT, server-side rendering with Angular Universal, and maintaining state between server and client.

Swagger - Making REST APIs friendlierMiroslav Resetar

This document discusses using Swagger to document REST APIs. It begins by providing an overview of Swagger and its capabilities. It then discusses OpenAPI as the de facto standard and how Swagger was donated to the OpenAPI Initiative. The document provides tips on getting started with Swagger and considerations for using JSON or YAML formats. It also discusses best practices like taking an "API-first" approach and examples of using Swagger in real projects. It covers potential issues like code generation and incorporating Swagger UI.

Angular 2Travis van der Font

Angular is a platform for building mobile and desktop web applications. It is no longer just a framework. Angular 2 offers improvements such as faster performance, modularity, support for modern browsers, and reactive programming using RxJS. Key parts of Angular include templates, directives, data binding, components, services, modules, and dependency injection. Features like Ahead-of-Time compilation and services improve app performance and reusability. TypeScript adds benefits like static typing and class-based programming.

The happy developer - SharePoint Framework React and MindfulnessOlli Jääskeläinen

This document provides an overview of the SharePoint Framework and React for building user interfaces. It discusses: - The SharePoint Framework allows building modern interfaces using React and other tools. - React is a declarative, component-based library used by Microsoft and SharePoint. - Key React concepts are explained like JSX, properties, state, and functional vs class components. - The Office UI Fabric and PnP libraries provide essential React components for SharePoint development. - Samples are recommended to learn React patterns and build custom SharePoint interfaces.

Building a dynamic SPA website with AngularFilip Bruun Bech-Larsen

This document discusses building a dynamic single page application (SPA) with Angular. It describes using Angular routing and components to load dynamic content from a CMS. Key points include using a route resolver to get initial data, a generic page component with *ngIf directives to handle different page types, and directives to handle links and repeated content. It also covers topics like animations, ahead-of-time compilation, and universal rendering.

Lightning Web Component - LWCThierry TROUIN ☁

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 DevelopmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : • Understand your new role as an Office 365 Developer • Have a complete overview of the technology stack you need to master in the cloud • Change the way you will think for your next SharePoint & Office 365 project

SharePoint Fest Chicago 2019 - From SharePoint to Office 365 DevelopmentSébastien Levert

The document discusses moving development from SharePoint to Office 365. It recommends adopting a modern development approach using client-side technologies like JavaScript. Developers should leverage integration opportunities through Office Add-ins, SharePoint Framework web parts, and Microsoft Teams apps. The Microsoft technology stack including Azure, SharePoint, and Microsoft Graph provides APIs to integrate solutions across the Office 365 platform. Sample code and resources are provided to help developers get started with a modern Office 365 development approach.

Angular2.0@Shanghai0319Bibby Chung

This document provides an overview of Angular 2.0 including motivations for its development, key features and performance improvements. Some of the main points covered include: - Angular 2.0 is being built for future browsers and aims to be 5-10x faster than Angular 1.x through optimizations like unidirectional data flow. - It focuses on improved productivity with simpler concepts and syntax using TypeScript. - It supports new standards like ECMAScript 6 and is cross-platform for web, mobile and native apps. - Preparing for Angular 2.0 involves learning TypeScript and tools like Visual Studio Code. - Components are a fundamental building block with directives, templates and data

aOS Canadian Tour - Ottawa - From SharePoint to Office 365 DevelopmentSébastien Levert

The document outlines a Canadian tour by aOS in February 2017, visiting Quebec, Montreal, Ottawa and Toronto from February 6-10. It then provides an overview of moving development from SharePoint to Office 365, including adopting a cloud-first mindset, leveraging integration opportunities through Office Add-ins, the SharePoint Framework and Office 365 apps. It discusses using modern development technologies like JavaScript, Node.js, TypeScript and Azure and following a minimal or full path to success.

aOS Canadian Tour - Montreal - From SharePoint to Office 365 DevelopmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Quebec - From SharePoint to Office 365 DevelopmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

aOS Canadian Tour - Toronto - From SharePoint to Office 365 DevelopmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

Building mobile apps with PhoneGap and BackboneTroy Miles

HTML5 at one point held the promise of being the unifying platform for desktop and mobile devices. Then big name companies turned their backs on the platform in droves. But don't don't despair, HTML5 isn't dead, in fact it is still a great choice for many mobile applications. In this session, we will build a simple to understand but easy to enhance mobile app. We will use PhoneGap version 3.x, HTML5, CSS3, and JavaScript. While will be working on a Mac since it is required for iOS, users of other platforms should be able to follow along. The techniques show should also work with Windows Phone 8, Blackberry and other support PhoneGap platforms.

North American Collaboration Summit 2018 - SharePoint Framework, Angular and ...Sébastien Levert

SharePoint Saturday New York 2017 - SharePoint Framework, Angular and Azure F...Sébastien Levert

SharePoint Fest Seattle - SharePoint Framework, Angular & Azure FunctionsSébastien Levert

SharePoint Saturday Lisbon 2017 - SharePoint Framework, Angular & Azure Funct...Sébastien Levert

Evolution and History of Angular as Web Development Platform.pdfiFour Technolab Pvt. Ltd.

Webcomponents are your frameworks best friendFilip Bruun Bech-Larsen

Dynamic content with AngularFilip Bruun Bech-Larsen

Swagger - Making REST APIs friendlierMiroslav Resetar

Angular 2Travis van der Font

The happy developer - SharePoint Framework React and MindfulnessOlli Jääskeläinen

Building a dynamic SPA website with AngularFilip Bruun Bech-Larsen

Lightning Web Component - LWCThierry TROUIN ☁

SharePoint Fest Seattle 2018 - From SharePoint to Office 365 DevelopmentSébastien Levert

SharePoint Fest Chicago 2019 - From SharePoint to Office 365 DevelopmentSébastien Levert

Angular2.0@Shanghai0319Bibby Chung

aOS Canadian Tour - Ottawa - From SharePoint to Office 365 DevelopmentSébastien Levert

aOS Canadian Tour - Montreal - From SharePoint to Office 365 DevelopmentSébastien Levert

aOS Canadian Tour - Quebec - From SharePoint to Office 365 DevelopmentSébastien Levert

aOS Canadian Tour - Toronto - From SharePoint to Office 365 DevelopmentSébastien Levert

Building mobile apps with PhoneGap and BackboneTroy Miles

More from Sébastien Levert (20)

SharePoint Fest Chicago 2019 - Build a Full Intranet in 70 minutesSébastien Levert

This document discusses how to build a full intranet in 70 minutes using SharePoint. It covers creating an intelligent intranet with organizational news and communication sites. The building blocks include SharePoint news, sites, home sites, and hub sites to share knowledge, resources, and news across the organization. It provides guidance on connecting and engaging users through open conversations, and customizing branding and theming options.

SharePoint Fest Chicago 2019 - Building tailored search experiences in Modern...Sébastien Levert

The document discusses building tailored search experiences in Modern SharePoint. It covers custom experiments for SharePoint content including customizing verticals, refiners, result types and layouts. The document also discusses native experiments for search including custom query suggestions in the search box using SPFx. Finally, it provides an overview of search query fundamentals including operators for AND, OR, NOT, phrase searching and filtering on properties.

ESPC19 - Supercharge Your Teams Experience with Advanced Development TechniquesSébastien Levert

This document summarizes a presentation on supercharging teams with advanced development techniques in Microsoft Teams. It outlines the agenda which includes tips and tricks, understanding Teams solutions, and using Teams as a development platform. It then dives into details on the extensible platform features in Teams like bots, connectors, apps and deployment, tabs, and more. It also covers understanding a Teams solution like citizen/maker vs pro developer options and the app manifest. The document concludes with demo sections.

ESPC19 - Build Your First Microsoft Teams App Using SPFxSébastien Levert

This document summarizes a presentation about building Microsoft Teams apps using the SharePoint Framework (SPFx). It introduces key concepts like Tabs, Bots, Messaging Extensions and how they can be used to build Teams capabilities. It also provides an overview of how to create a Teams tab using an existing SPFx web part and details the process for packaging and deploying the web part to Teams. Several tips are provided around testing in Teams and supporting both SharePoint and Teams contexts. The presentation concludes with a demo of a sample SPFx web part integrated as a Teams tab.

SharePoint Fest Seattle 2019 - From SharePoint to Office 365 DevelopmentSébastien Levert

This document discusses moving development from SharePoint to Office 365. It recommends adopting a modern development approach using client-side technologies like JavaScript, TypeScript, and the SharePoint Framework. It outlines integration opportunities like Office Add-ins and Microsoft Teams extensions. It provides a roadmap for learning modern tools and patterns to develop Office 365 applications and enhance SharePoint environments.

SharePoint Fest Seattle 2019 - Building tailored search experiences in Modern...Sébastien Levert

The document discusses building tailored search experiences in Modern SharePoint. It introduces the speaker and covers topics like custom experiments, native experiments, why search is important, common search queries, and search fundamentals. The document provides examples of different search operators like AND, OR, NOT, wildcards, and operators to search on properties like file extensions and content types. It concludes by thanking the audience.

SPC19 - Building tailored search experiences in Modern SharePointSébastien Levert

SharePoint Fest 2019 - Build an intelligent application by connecting it to t...Sébastien Levert

1. The document discusses connecting applications to Microsoft Graph to access user and organizational data from Microsoft cloud services like Office 365 and Windows 10. 2. Microsoft Graph provides a unified API endpoint and common authentication scheme to access multiple Microsoft services. It allows developers to build applications that integrate with user data, contacts, calendars, files, directories and other services. 3. The document provides examples of making HTTP requests to Microsoft Graph using various programming languages and SDKs to perform common operations like retrieving a user's contacts, sending emails, setting up webhooks, and extending the Microsoft Graph schema.

SharePoint Fest DC 2019 - Bot Framework and Microsoft Graph - Join The Revolu...Sébastien Levert

SharePoint Fest DC 2019 - From SharePoint to Office 365 DevelopmentSébastien Levert

Webinar - 2020-03-24 - Build your first Microsoft Teams app using SPFxSébastien Levert

Congratulations! You’ve been working hard and you can now master the SharePoint Framework! How awesome would it be if the skills you developed could be reused in other emerging and bleeding-edge technologies? Like MS Teams? Your wishes just came true as it’s now absolutely possible to leverage the same SPFx toolchain to build great apps within Microsoft Teams! Come learn the basics of a Microsoft Teams App and how you can use the SharePoint Framework to build your next big application! Benefits of Attending this Webinar: -Get the roadmap to transfer your SPFx skills to Teams -Leverage a new integration opportunity in MS Teams -Understand how powerful SPFx is for multiple types of projects

SPTechCon Austin 2019 - Top 10 feature trends to make you fall in love with y...Sébastien Levert

Do you feel like no one is currently using your intranet? Have you ever asked the question "Do you love you intranet" to your users? At Valo, we know your struggle and would love to help you out with the success of your internal communication portal. Join the 2 Microsoft MVPs and Valo Product Evangelists Vlad Catrinescu and Sébastien Levert on a journey to discover how you can leverage the top 10 feature trends of intranet platforms to finally have the successful intranet you've always been dreaming about!

SPTechCon Austin 2019 - From SharePoint to Office 365 developmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximize the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

SharePoint Fest Chicago 2018 - From SharePoint to Office 365 developmentSébastien Levert

The world around the Office Developer is changing. And for someone with a heavy SharePoint background, it can be somewhat scary to make the move to the cloud. But don't be scared, SharePoint Developer! Become an added-value Office Developer and contribute to maximizing the productivity of your enterprise. The technology space around Productivity has evolved and it has never been that exciting. Your step into the Mobile-First, Cloud-First world will be mindblowing and you will want to stick around for a very long time! In this session, we will cover every aspect of the new Office 365 Developer paradigm and we will ensure that you can make yourself at home in such a new world. The technologies covered will span from being close to your existing stack (SharePoint Framework, JavaScript) to a set of technologies that are new and that will expand your possibilities (Office 365 Apps, Microsoft Graph, Azure, TypeScript) This very session will make sure that at the end you get those 3 key takeaways : - Understand your new role as an Office 365 Developer - Have a complete overview of the technology stack you need to master in the cloud - Change the way you will think for your next SharePoint & Office 365 project

SharePoint Saturday Vienna 2018 - Top 10 feature trends to make you fall in l...Sébastien Levert

SharePoint Saturday Vienna 2018 - Building a modern intranet in 60 minutesSébastien Levert

European SharePoint Conference 2018 - Build an intelligent application by con...Sébastien Levert

This document provides an overview of how to build intelligent applications by connecting to the Microsoft Graph. It discusses how the Microsoft Graph acts as a gateway to all user and organization data in Microsoft cloud services. It then covers getting started with the Graph including exploring it using tools like the Graph Explorer, SDKs for .NET and JavaScript, and PowerShell. The document demonstrates how to perform common operations on the Graph like getting, creating, updating and deleting data. It also covers advanced scenarios like batching requests, subscriptions, and extensions. Best practices are discussed around optimizations like projections, filters and pagination. Finally, resources for learning more are provided.

SharePoint Saturday Belgium 2018 - APIs, APIs everywhere!Sébastien Levert

Using the SharePoint Framework as a surface to express yourself through client side solutions is great but at some point in time, you will require that this beauty you built interacts with APIs holding data that lives within the Office 365 environment. In this session, you will learn how to utilize and optimize your calls to SharePoint via its REST APIs, to the Microsoft Graph and to external services that you might find useful to deliver a rich experience in your solution. You will also learn about how to simplify those calls using the Community-Driven library PnP JS Core that aims to save your time (and sanity) by simplifying the access to the SharePoint REST APIs and to the Microsoft Graph. Goodbye URLs, hello intellisense!

Nashville SharePoint User Group 2018 - Building a modern intranet in 60 minutesSébastien Levert

SharePoint Fest Seattle 2018 - Build an intelligent application by connecting...Sébastien Levert

In this session, you will learn how to authenticate your users to the Microsoft Graph from a web perspective while enhancing your application by leveraging multiple endpoints (SharePoint, OneDrive & Exchange) available within this phenomenal API. You will also learn the basics of playing with the data, and then move to more advanced topics including ways to get notified of changes from webhooks, get subset of results using built-in paging mechanisms and finally how to track the ever-changing data that lives in the Microsoft Graph.