The SharePoint Web Developer Experience

Have you found yourself saying, “Enough with .NET! Enough with all those third party web parts! I am a SharePoint Hacker and I can do it myself using nothing but a web browser and a text editor!”. Then this course is for you. This training has been designed for client-side web developers; SharePoint hackers and tweakers; and .NET developers who’ve had enough of the labor and overhead of writing and deploying home grown custom solutions for challenges within their environments.

Key Takeaways

  • Amazing visualizations of your SharePoint data
  • An intimate understanding of custom forms and list views, and powerful ideas for enhancing them
  • Session recordings and electronic lecture notes with post-class revisions and updates
  • A large code repository filled with sample code and scripts

In-Depth Course Syllabus

Reintroducing the Data View Web Part (DVWP)

What is this wondrous thing called the Data View Web Part, and why should you care? It’s only the best tool in your SharePoint toolbox. The Swiss Army Knife of web parts. It has been around since WSS 2.0, and since version 2010 has been the basis for every list view on your pages. Learn what it does, how it works and how to use it with any version of SharePoint.

XSL: More important than .NET

XSL, or Extensible Stylesheet Language, can be a mysterious concept for a web developer. There’s no need to fear it, and there’s no good reason to ignore it in favor of .NET for client-side presentation. Plan to spend a full day on this topic – and plan to be an expert on XSL by the end of it.

Any markup, any time

Have you ever wanted to create your own HTML markup from a SharePoint list? Maybe because that cool jQuery plugin you found for an animated content slider requires specific elements in your markup?

On the second day, you’ll learn how to truly bend list views to your will. Through a series of “bet you can’t do this” challenges, you’ll see how any client-side markup can be created from your SharePoint list data. This is need-to-know information — that is: you need to know it. You’ll learn and write the XSL necessary to create the following types of markup from your list data:

  • HTML5
  • VML (Vector Markup Language)
  • SVG (Scalable Vector Graphics)
  • JavaScript
  • Plain text

Data View hacks

There are a lot of handy-dandy tricks to using Data View Web Parts on your SharePoint sites: rolling up list content; embedding custom views in your master page; creating a Data View Web Part ONLY page; re-using and packaging. You will do all this. And more.

External data sources

Most of what you’ll learn here applies to SharePoint versions from WSS 2.0 onwards. Learn how to connect to external sources such as SQL Server, SOAP Web Services, RSS feeds, REST services (SharePoint 2010+), and OData endpoints (SharePoint 2013+/O365 only).

SharePoint & JavaScript for hackers

Get a crash course in the SharePoint ECMAScript (JavaScript) Client Object Model introduced in version 2010. From there, a dive into jQuery-free JavaScript hacking. By the end of the day, you will feel like a SharePoint Client Script Ninja, and there’s a good chance you will stop using third party JavaScript libraries on your sites. But if you do want to embrace the goodness of jQuery, the next day will appeal to you.

Custom forms

Take everything you’ve learned in the first three days. Bask in it. Then see how to apply all of it — all of it — to SharePoint list forms. Think of the possibilities! Too many fields on your list form? Turn it into a tabbed list form. Want to add your own autocomplete or external lookup? Let your geek flag fly – I’ll show you how to do pretty much anything you want with your list forms.

jQuery

But wait: There’s more! You will write the code to enhance your SharePoint views and forms with jQuery and jQuery UI. Basically everything covered in our jQuery workshop, without the introduction to scripting fundamentals, and compressed into a few hours. Not for the faint of heart!

System Requirements

  • OPTIONAL*:SharePoint Designer 2013 (suggested if you want to follow along with the instructor)
  • OPTIONAL*: Simple code editor of your choice such as:
  • Speakers or headphones for course audio
  • OPTIONAL: If you have access to a second monitor it can aid with viewing the course while trying out exercises

* While both of these system requirements are marked as optional, you will need to have at least one of these editors installed for class.