SPSDC Reston 2015

#SPSDC

#SPSDC

SharePoint Saturday DC: Reston 2015
Saturday, October 3, 2015 (8am-6pm)
Microsoft Reston, 12012 Sunset Hills Road, Reston, VA 20170
@SPSaturday_DC #SPSDC

Platinum Sponsor: RDA Corporation
Gold Sponsor: Planet Technologies
View All Sponsors

RDA Speakers and Sessions
Ravi Patil
Modern SharePoint Development: PnP, JavaScript, and Best Practices
0915-1030 in room 3062

Manny Agrinya
SharePoint Hybrid and Workflows
1045-1200 in room 3058

Barton Loesley
Surfacing External Data in SharePoint & Office 365
1300-1415 in room 1018

Tim Ferro
Getting Started with JavaScript Libraries for Office 365
1430-1545 in room 3062

Fiddler AutoResponder for Rapid Development and Debugging

Fiddler is one of the core tools used by any web developer. In my experience, most developers are familiar with the primary feature of showing and interacting with the network traffic between the user and the server. Less often they know about other great features like Composer and AutoResponder.

Click to Enlarge

The Fiddler AutoResponder feature allows developers to automatically respond to a call on the server, like a request for an image or JavaScript file, with a file on the developer’s local computer. In the above image, I am setting up my AutoResponder to help me quickly develop and debug my “base.js” file that was previously deployed to my Office 365 tenant. (Be sure to check the “Enable automatic responses” box AND check the “Unmatched requests passthrough” box) In this scenario, I am writing an enhancement or debugging an issue with an existing JavaScript file I’ve written and deployed. Instead of spinning up a VM or making changes and uploading files frequently, I can just use Fiddler to respond, for my local browser session only, with that same file. Now I can just make changes locally, hit save, and hit refresh to see what it would look like!

Check out the walkthrough video from Telerik below.

Tim Ferro

Pro Tip: Always Create SharePoint Columns from the List Settings Page

Traditionally when creating SharePoint (or SharePoint Online) list columns, you would first navigate to the Settings page for the List you wanted to add a column. Then you would click “Create column” under the list of existing Columns. This will create the column and the internal name will be a double encoded (click link, scroll down) version of what you typed. You can check this by clicking on the column name after creation and viewing the URL. (See Image Below)

Checking Column Internal Name (Double Encoded)

In SharePoint Online and SharePoint 2013 on-prem, there is another option for adding columns to a list: Quick Edit. (See Image Below)

SharePoint Online Quick Edit

When you click the Edit link (Above), you can add columns directly from the List page. (See Image Below)

Quick Edit Adding Column

However, when you create columns this way, the column name is NOT the double encoded version of the text you entered. It is a random string of numbers, letters, and sometime non-alphanumeric characters! (See Image Below)

Random Character Column Name

This can not only cause issues when this behavior is not known, but it can wreak havoc with custom code like JavaScript.

There is currently no fix for this so please vote on this issue at User Voice for Office 365 here: https://office365.uservoice.com/forums/273492-sites-and-collaboration/suggestions/9756108-update-the-sharepoint-online-list-quick-edit-colum.

If you are writing JavaScript code that references column names, check out this post from the amazing Marc Anderson on how to get the InternalName of a SharePoint list column with SPServices. This should look familiar as it is the Double Encoding example I mentioned earlier.

This is a pretty big issue so please vote for this and share to get visibility with the product team. Also if there are other scenarios where this happens please leave a comment.

Tim Ferro

SPSNYC 2015 Info and Presentation Link

JavaScript Libraries for Office 365 Developers
Saturday 25th July, 2015 10:30am to 11:45am

Whether you are developing for Office 365 or SharePoint on-premises, these days you are going to need some “go-to” JavaScript libraries to enhance your solutions. No matter what project I am on, over the past few years there are a number of fantastic JavaScript libraries I have learned to use and integrate with great success. They work with Apps, content editor web parts, .NET solutions, and anywhere else you can utilize JavaScript (Even CSS!). Some of my favorites covered in this session are jQuery, SPServices, jqPlot, and DataTables.

In this session I will show how to get up and running developing with JavaScript for SharePoint in multiple ways. Then I will demo each of my “go-to” libraries as well as a few others. I will discuss real world application of these libraries based on previous clients where I have used them. I will wrap up with a nice combined demo that works great in both Office 365 and SharePoint on-premises.

PowerPoint: Tim_Ferro_RDA_SPSNYC15_JavaScript.pptx

The Force Will Be With You. Always.

The Ferro’s are moving home to Philadelphia.

Dont Be Dismayed

— Tim Ferro

SPTechCon Developer Days: Session Info & Presentations

SPTCDD15Session Info and Presentations
Hyatt Regency in Burlingame, CA

Friday 1:30-2:45pm (Grand Peninsula G)
Visual Studio 2013 for ALM and SharePoint

Friday 3-4:15pm (Sandpebble DE)
The Evolution of SharePoint Event Receivers from On-Prem to the Cloud

To download the presentations, please use the official Dev Days link:
http://www.sptechcondevdays.com/slides

My GitHub repo for Event Receivers is here:
https://github.com/vball525/EventReceivers

Visual Studio 2015 Connected Services

Visual Studio 2015 RC Connected Services: Focus on Office 365 APIs and Walkthrough

“The new Add Connected Service dialog in Visual Studio 2015 enables you to easily connect your application to Azure Application InsightsAzure StorageAzure Mobile ServicesOffice 365, and Salesforce.

The Add Connected Service dialog contains all of the Connected Service providers currently installed and provides a way to get more information about the provider, the technologies it uses, and whether it’s supported in the current project. Other providers can be discovered in the Extensions and Updates gallery by using the Find more services… link.” – https://www.visualstudio.com/news/vs2015-vs#misc

I’ve got a walkthrough below of how to get up and running with Visual Studio 2015 Connected Services for Office 365 but this video does a much better job.

https://channel9.msdn.com/Events/Visual-Studio/Connect-event-2014/713

Seriously the above video from Jeremy Thake is fantastic but if you’re already this far and want to see the pics keep going…

Visual Studio 2015 RC Web Application

Visual Studio 2015 Add Service Reference

Add Connected Service Office 365 API

Register Your Web App With Office 365

Enter Your Office 365 Account

Choose Your Service

Choose Your Permissions

Integrate Office 365 APIs Into .NET Visual Studio Projects

Office 365 Service References Added and Output

Tim Ferro

FEDSPUG and NOVA Code Camp 2015

04/16 FEDSPUG: JavaScript Libraries for SharePoint Developers (slides)
04/18 NOVA Code Camp: JavaScript Libraries for Office 365 Developers (slides)

Whether you are developing for Office 365 or SharePoint on-premises, these days you are going to need some “go-to” JavaScript libraries to enhance your solutions. No matter what project I am on, over the past few years there are a number of fantastic JavaScript libraries I have learned to use and integrate with great success. They work with Apps, content editor web parts, .NET solutions, and anywhere else you can utilize JavaScript (Even CSS!). Some of my favorites covered in this session are jQuery, SPServices, jqPlot, and DataTables.

In this session I will show how to get up and running developing with JavaScript for SharePoint in multiple ways. Then I will demo each of my “go-to” libraries as well as a few others. I will discuss real world application of these libraries based on previous clients where I have used them. I will wrap up with a nice combined demo that works great in both Office 365 and SharePoint on-premises.

Visual Studio 2015 CodeLens Announcements!

In the last couple of weeks we have seen a plethora of awesome announcements and updates regarding Visual Studio 2015! The biggest one has to do with the new product versions. The “merging” of Premium and Ultimate into the new Enterprise level brings a ton of great features, including CodeLens, to a larger group of developers!

Visual Studio 2015 Product Offerings

Source: http://blogs.msdn.com/b/visualstudio/archive/2015/03/31/announcing-the-visual-studio-2015-product-line.aspx

That alone was a major announcement, but wait, there’s more. Due to the overwhelming response on User Voice for Visual Studio to make CodeLens available for Visual Studio Professional users, they have done that as well!

User Voice: Visual Studio – CodeLens

Source: http://visualstudio.uservoice.com/forums/121579-visual-studio/suggestions/4150271-make-codelens-available-outside-of-ultimate

This is absolutely amazing and I could not be more excited for all developers. I have been giving a presentation about Visual Studio for ALM and development and this was the number 1 question I have ever been asked. Check out the update below.

Visual Studio 2015 IDE Code Lens

Source: https://www.visualstudio.com/products/compare-visual-studio-2015-products-vs

I encourage everyone to keep checking out the Visual Studio 2015 updates as well as vote for your favorite suggestions on User Voice for Visual Studio.

— Tim Ferro

SharePoint Fest DC Session Info

SharePoint Fest DC
http://www.sharepointfest.com/DC/agenda

Visual Studio 2013 for ALM and SharePoint
Thursday 4/9, 9:55am – Breakout 8 (slides)

Visual Studio 2013/2015 is a monumental leap forward for Microsoft development. There are so many useful enhancements and features that each could be their own session. This session will give an overview of the new features then focus on those related to Application Lifecycle Management, Mobile, Team Foundation Server 2013, .NET Framework, and SharePoint. From project planning, to deployment automation, to inline enhancements from CodeLens, this session will show developers, team lead, and project managers why Visual Studio 2013/2015 is worth upgrading to immediately!

Rarely do you find a session that attracts both developers and Project Managers, but this is it! Developers come and see all the new enhancements for Visual Studio 2013 and bring your Project Managers to show them how it will increase productivity. Project Managers come see the enhancements for project management and application lifecycle management and bring your developers to show them how to update burn down charts!

The Evolution of SharePoint Event Receivers from On-Prem to the Cloud
Friday 4/10, 11:20am – Breakout 8 (slides)

Event Receivers are a fundamental part of every version of SharePoint. They have evolved from server side only, to now include App and Remote events in the cloud. Knowing how to use them and what features are available for which version of SharePoint is crucial for all SharePoint developers.

Drawing on my extensive experience over the past seven years, this session will give every developer a solid foundation for using Event Receivers in SharePoint (both on-prem and in the cloud) built on best practices and real world usage. This session will provide an overview of Event Receivers in SharePoint with specific focus on List Item Event Receivers. You will learn from real world examples, tips, tricks, and hear about how event receivers have been utilized at different clients. I discuss the pros and cons of using Event Receivers as well as compare them to SharePoint Workflows. I will key on the differences between the versions of SharePoint related to Event Receiver functionality and discuss new Event Receivers in SharePoint 2013, including some that work in the cloud. Finally I will show a demo of how to quickly get up and running using Visual Studio and some common use examples.

Tim Ferro