Thanks to our Sponsors!  Platinum:  Gold:  Silver:  Raffle:

Slides:



Advertisements
Similar presentations
JQuery MessageBoard. Lets use jQuery and AJAX in combination with a database to update and retrieve information without refreshing the page. Here we will.
Advertisements

Java Script Session1 INTRODUCTION.
Web Development in Microsoft Visual Studio Slide 2 Lecture Overview Introduce Visual Studio 2013 Create a first ASP.NET application.
JavaScript Libraries for SharePoint February 21 st, 2015 Timothy Ferro.
SharePoint Saturday Sponsors Gold Bronze Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
@lestersconyers #spsevents #spsphx SPS EVENTS PHX SharePoint and Angular Sitting in a Tree… LESTER SCONYERS.
PC222 © IOZ AG What Design? Visio Shapes Data Graphics Custom Shapes Images Clipart CAD SVG … What Data? SharePoint Excel SQL … What.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
Building Dynamic Applications on both Office 365 and on-premise.
NEW JERSEY SHAREPOINT USER GROUP Different SharePoint discussions each month on various topics. Announced on meetup.com Different SharePoint discussions.
Permissions No Permission, No SharePoint Callahan.
Using Excel, Excel Service and PerformancePoint
JavaScript & jQuery the missing manual Chapter 11
CS 4720 RESTfulness and AJAX CS 4720 – Web & Mobile Systems.
Homework for October 2011 Nikolay Kostov Telerik Corporation
JQuery : Rethink Web Development Van Gaever Tom
San Diego 2014 SharePoint Saturday San Diego November 15, 2014 UCSD Extension SharePoint Saturday San Diego November 15, 2014 UCSD Extension.
JavaScript Libraries for Office 365 April 18 th, 2015 Timothy Ferro.
JavaScript Libraries for Office 365 July 25 th, 2015 Timothy Ferro.
SPSATL 2014 Create Tailored Search Results w/ Display Templates SHAREPOINT SATURDAY ATLANTA – JUNE 21, 2013 MIKE ORYSZAK BLOG: TWITTER:
Sponsors Gold Silver Bronze Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
Office Store or App Catalog Web server App manifest XML Web page HTML + JS + =
Sponsors Gold Silver Bronze Custom REST services and jQuery AJAX Building your own custom REST services and consuming them with jQuery AJAX.
Fun with forms… Jacob Greeff 3 October 2015 Johannesburg, SA.
Was made possible by the generous support of the following sponsors… And by your participation… Thank you!
INNOV-7: Building a Richer UI for the Browser Chris Skeldon Senior Solution Consultant.
JQuery JavaScript is a powerful language but it is not always easy to work with. jQuery is a JavaScript library that helps with: – HTML document traversal.
WAGWNOHGB. TINMTF, NTC. TIWMTSE Craig Tarr 10 October 2015 CPT, SA.
Chapter 16: Ajax-Enabled Rich Internet Applications with XML and JSON TP2543 Web Programming Mohammad Faidzul Nasrudin.
JavaScript Introduction. Slide 2 Lecture Overview JavaScript background The purpose of JavaScript A first JavaScript example Introduction to getElementById.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
Introduction to Programming and JavaScript. Programming.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
Unit 13 –JQuery Basics Instructor: Brent Presley.
Chapter 15 Introducing jQuery Part 1. What is JavaScript? A programming language to add dynamic features to a web page. Client side.
Chapter 6 Murach's JavaScript and jQuery, C6© 2012, Mike Murach & Associates, Inc.Slide 1.
JQUERY AND AJAX
Wes Preston DEV 202. Audience: Info Workers, Dev A deeper dive into use-cases where client-side rendering (CSR) and SharePoint’s JS Link property can.
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
MICROSOFT AJAX CDN (CONTENT DELIVERY NETWORK) Make Your ASP.NET site faster to retrieve.
Ajax & Client-side Dynamic Web Gunwoo Park (Undergraduate)
The New Design Manager! Louis-Philippe Lavoie SharePoint Specialist / What does it mean for you? November.
SPEasyForms: The Free Forms Designer Solution for SharePoint Joe McShea Owner/Software Architect IntelliPoint Solutions LLC.
Spice up Your Forms and Views with Client Side Rendering (CSR) Joe McShea Owner/Consultant IntelliPoint Solutions LLC 8/06/2016.
Data Loss Prevention and Information Rights Management in SharePoint Tim Beamer, Plus Consulting
Mark Rackley – PAIT Group –
JQuery Fundamentals Introduction Tutorial Videos
Folders, the F Word of Document Management
Custom Functions in Excel
Content Types 101 Easier Than The Theory of
Introducing Office UI Fabric
8/2/2018 4:49 AM Understanding the SharePoint Framework and how it affects your JavaScript customizations Mark Rackley / Chief Strategy.
Microsoft Planner SharePoint Saturday Pittsburgh August 6, 2016
Multi-Farm, Cross-Continent SharePoint Architecture
Web Development in Microsoft Visual Studio 2013
AngularJS and SharePoint Chris Douglas Senior SharePoint Developer InfoReliance Web: Twitter:
Sharon Weaver Smarter Consulting – CEO JCCC/SLU – Adjunct MS SharePoint, MS Office, BA, Six Sigma 20+ years designing, developing, and managing software.
Security in SharePoint and Teams with DLP, IRM, and AIP
HTML5 Mobile Apps Leveraging SharePoint Lists
SharePoint & jQuery: Better Together
Let’s Eat Our Own Dog Food Keeping Up to Date with Office 365 using Office 365 Justin Snyder | 09/15/2018.
Please thank our sponsors!
Sharon Weaver Smarter Consulting – CEO JCCC/SLU – Adjunct MS SharePoint, MS Office, BA, Six Sigma 20+ years designing, developing, and managing software.
Tech Ed North America /1/2019 2:58 AM Required Slide
AngularJS and SharePoint I Chris Douglas Senior SharePoint Developer ECS Web:
Sending a text message (and more)
JavaScript CS 4640 Programming Languages for Web Applications
Sending a text message (and more)
JavaScript CS 4640 Programming Languages for Web Applications
Presentation transcript:

Thanks to our Sponsors!  Platinum:  Gold:  Silver:  Raffle:

More Fun Stuff  Raffle: Please join us in the Atrium at 5:15 PM for the raffle. We are raffling some exciting prizes including Fitbits, HP tablets, and who knows, maybe a Surface 3 (need to be present to win)!!!  SharePint will be held at Mad Mex (370 Atwood St, Pittsburgh, PA 15213). While it starts at 5:30 PM, there’s no end time!!!!  Pittsburgh Area SharePoint User Group  Meets at the Microsoft office on the North Shore  More Info: User-Group /abouthttps:// User-Group /about

We do Request that…  You fill out the Session Evals. These will also be your Raffle tickets. Print your name clearly if you intend to participate in the Raffle and drop the forms at the registration desk after the last session.  You visit the sponsors. The event is possible due to their generous support and we request that you visit them and inquire about their products & services.  Cell phones be kept on silent as a courtesy to other attendees and speakers

@SlalomHartford

11

Option #1Embed in Script Editor Web Part (SP2013) Please don’t Option #2Document Library – Reference via Content Editor Web Part! Enable Versioning (just in case) Option #3Drop it in the hive (on premise only)? Only if you want to dance with danger Option #4Bundle with a SharePoint App (2013 only)

20

27

29

/_api/Web/Lists/GetByTitle('CustomNews')

Not helpful

40 Please work…

1 Add empty to page with unique ID HTML will be dynamically be written to later using JavaScript Add empty to page with unique ID HTML will be dynamically be written to later using JavaScript

Add custom CSS references Add jQuery reference (local or CDN) Add custom CSS references Add jQuery reference (local or CDN) 2

3 Use jQuery’s $( document ).ready() to wait until the Document Object Model (DOM) for the page is ready for JavaScript code to execute The ‘use script’ directive (introduced in ECMAScript 5) enforces rules / safeguards such as requiring variables to be declared before use Use jQuery’s $( document ).ready() to wait until the Document Object Model (DOM) for the page is ready for JavaScript code to execute The ‘use script’ directive (introduced in ECMAScript 5) enforces rules / safeguards such as requiring variables to be declared before use

4 jQuery $.ajax call asynchronously executes REST call to get List data Requested data format is JSON Success or Error function is executed on completion jQuery $.ajax call asynchronously executes REST call to get List data Requested data format is JSON Success or Error function is executed on completion

5 Success function initialized empty array to hold HTML that will be written to page For loop iterates through all items and builds HTML HTML is written to empty on page Success function initialized empty array to hold HTML that will be written to page For loop iterates through all items and builds HTML HTML is written to empty on page

6 Error function will execute if an error is returned by the AJAX call Displaying a JavaScript alert that says “error” is not a best practice Error function will execute if an error is returned by the AJAX call Displaying a JavaScript alert that says “error” is not a best practice

49