sl-iarepoint saturday...sl-iarepoint saturday special thanks to our sponsors ... • ~igh monkey...

65

Upload: others

Post on 06-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 2: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Sl-IAREPOINT SATURDAY

Special thanks to our sponsors ...

• ~IGH MONKEY

Kodak f#J.NTERTECH

-flX Celer • -

•• • •K2

CONSULTING

avte>< , the point of interaction

Net Technology Delivered

AT~MIC SIMPLE. SAFE. SMART.

SharePoint Hub

-C-RBA ! McGladrey

- BENCHMARK LEARNING

A AvePoint® Your SharePomt. Our Innovation. •Meritide

TWIN CITIES

Share~ate

Internal Audit.

ADD a msulting & T1'Clin ing

PROJECT

CONSULTING

GROUP '"

Page 3: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 4: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

bitstream FOUnDRV

Page 5: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Motivation

• SDR on the new (Cloud) App Model in Summer 2012

• Worlking with the new App Model since Fall 2012 • Have been through the design and deployment process

• App Model development isn't the full-trust solution development you may have done in the past

• You may strip a few gears getting up-to-speed ...

Page 6: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 7: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 8: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 9: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 10: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTML5 an

CSS3

Page 11: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 12: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 13: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 14: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 15: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 16: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 17: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 18: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 19: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 20: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

App Web (Sflu~oud Y.:U.)

Ho5t Web (ShlttP0111t $1tt Cottd1011)

r::-:1 r::-:1 r.;; .:; l t...::::J t...::::J ~"'-=·~

Page 21: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 22: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 23: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 24: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 25: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 26: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Silverlight client OM APls

Silverlight application

Windows Phone Silverlight app

Windows Phone XNA app

PowerShell script

Web Part

ASP.NET web application

HTML/JavaScript application

LAMP web application

Timer j ob

App for SharePoint

App for Office

iOS/ Android app

REST /OData Endpoints

.NET client 0 Is

.NET application

JavaScript APis

Page 27: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Host Web (SN.td'o•lll $1U Cd.lutio11)

EJEJ i: ---.-1 " I \_ :..-~ -l

Host Web (~cVo•r.tS1tc Co!ltdiol'>)

C":lEJ r,; .-;; l L:::..J ~~...:'.~

Page 28: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 29: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 30: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 31: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 32: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 33: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 34: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 35: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 36: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 37: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 38: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 39: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 40: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 41: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 42: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 43: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 44: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 45: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 46: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 47: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 48: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 49: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 50: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

JavaScript is not a "toy" Language

• object oriented

• function & lambd.a-based programming

• prototypal inheritance • object literal notation and JSON

• global object I conimon namespace • loose typing and easy (slippery?) coercion

• function-level (not block-level) scoping

• no compilation (a1nd thus no compile-time help)

Page 51: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 52: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 53: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 54: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 55: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Libraries I've Found Helpful

• jQuery {of course!)

• jQuery UI • Modernizr

• Knockout

• JsRender • Google's Cookie Library

Page 56: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 57: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 58: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 59: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 60: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 61: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

HTMLS an CSS3

Page 62: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 63: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point
Page 64: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

Some resources ... This document contains the references and resources to accompany my "Upgrading Your Skillset for SharePoint

2013 App Model Development" session. This is by no

mear.s an exhaustive list, but it does contain resources

bitstream FOunORV

that I found extremely helpful as I sought to come up-to-speed with development and associated

concerns pertaining to Share Point 2013's new App Model.

If you have comments, quest ions, or other feedback, then I encourage you to visit my blog

(http· l/sharePojntlnterface com\ or contact me via email lsean@shareoojntintedace com\ or Twitter

(@spmcdonough). I'd love to hear from you!

Last updated on April 18, 2013

Sean McDonough

App Model Ramp-Up Apps for SharePoint Overview. This MSDN page provides an en.d-to-end walk-through on the

new SharePoint 2013 App Model, its characterist ics, what it seeks to address, and more.

http:l/tinyu rl.com/pfo-appsoverview

Microsoft Office Developer Tools for Visual Studio 2012. If yout re going to build Apps for SharePoint 2013, you need the right tools. You can get the tools you need for Visual Studio 2012

here; just use the Download the tools l ink midway down the page.

http:/ftlnyu rl.com/pfp-vstools

Choose the Richt API Set in SharePoint 2013. The new App Model isn't appropriate for every development scenario. The information on this MSDN page will help guide you in selecting the

appropriate technology for a particular development challenge. http:l/t inyurl.com/ pfo-appsapi

Microsoft SharePoint 2013 App Development. This book by Scot Hillier and Ted Pattison is a

wonderful and concise resource for understanding the App Model development landscape. This book does not teach SharePoint development in general and assumes that readers are already

familiar with general (full-trust) SharePoint development and SharePoint in general.

http:l/tlnyurl.com/pfo-apodevbook

Web Essentials for Visual Studio. This Visual Studio extension (available from within Visual

Studio 2012 itself) provides a number of accelerators and helpers to improve your experience

when working with JavaScript, CSS, and other App Model technologies. http:l/vswebessent ials.com/

HTML and CSS . . . ... . ... .. . . ... .. .... .

· Items I found helpful while getting up-to­speed

· available on my blog under ''Resources"

Page 65: Sl-IAREPOINT SATURDAY...Sl-IAREPOINT SATURDAY Special thanks to our sponsors ... • ~IGH MONKEY Kodak f#J.NTERTECH flX Celer -• •• • •K2 avte>< , CONSULTING the point

WEG01 YOUR . BACK