Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
“NO FEATURE” SOLUTIONS IN  SHAREPOINT VIA JQUERY
Intro – Mike Huguet   App Dev Evangelist for   BRDNUG leader, http://brdnug.org   .NET & SharePoint Architect, Presente...
Agenda   What is jQuery anyway?   See some cool stuff   What skills does it take?   Best practices
What is jQuery?IT IS CODE!
`   Open source JavaScript library, jquery.com   Development accelerator, simplifies JavaScript   Tons of documentation...
   DOM element selections, traversal, &    manipulation(cross browser)   CSS manipulation   AJAX   General utilities (...
C’mon, SharePoint Remember?   Client side script + markup, just an include in HTML   Works well in CEWP   Allows for en...
Winning Combination                      Lists &                     Libraries            CEWP           or Page
Showcase Time! •   Customize forms •   Creative navigation •   Fancy dashboards •   Adding sizzle to pages
Customize Forms   http://www.sympraxisconsulting.com/Demos/Demo%20Pages/CascadingDropdowns.aspx   http://www.sympraxisco...
Creative Navigation   http://www.sympraxisconsulting.com/demos/Demo%20Pages/QuickLaunchAccordion.aspx
Fancy Dashboards       http://keith-wood.name/gChart.html
Adding Sizzle to Pages   http://www.sympraxisconsulting.com/Demos/Demo    %20Pages/jQueryAnimatedBanner.aspx
Do I have what it takes?
Do I have the skills?   HTML   CSS   JavaScript   SharePoint Designer   Search engine skills
Best Practices
Where do I put those files? Same Site    Centralized   Externally  or Site      Resource       hosted     Feature Collecti...
What about the other files?   HTML fragments in doc libs w/ versioning   CSS in doc libs w/versioning   Images in pictu...
Where do I put the script tag?  CEWP        Page       Master                         Page  Simple                    Re-u...
Other Best Practices   Test before updating jQuery source files   Document & comment your solution   Limit usage of gen...
Key Takeaways   jQuery has many abilities to extend all versions &    editions of SharePoint   jQuery is still coding  ...
Questionsmike.huguet@sparkhound.com
References   http://www.sharepointjoel.com/Lists/Posts/Post.asp    x?ID=178   http://sympmarc.com/   http://nothingbuts...
Upcoming SlideShare
Loading in …5
×

No Feature Solutions with SharePoint

1,056 views

Published on

These are my slides from my presentation for the Baton Rouge and New Orleans SharePoint user group meetings.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Feature Solutions with SharePoint

  1. 1. “NO FEATURE” SOLUTIONS IN SHAREPOINT VIA JQUERY
  2. 2. Intro – Mike Huguet App Dev Evangelist for BRDNUG leader, http://brdnug.org .NET & SharePoint Architect, Presenter MS P & P SP 2010 Advisory Member http://twitter.com/mhuguet http://geekswithblogs.com/mikehuguet
  3. 3. Agenda What is jQuery anyway? See some cool stuff What skills does it take? Best practices
  4. 4. What is jQuery?IT IS CODE!
  5. 5. ` Open source JavaScript library, jquery.com Development accelerator, simplifies JavaScript Tons of documentation & samples Extensible JavaScript framework (plug-in model) Thousands of plug-ins in plug-in database
  6. 6.  DOM element selections, traversal, & manipulation(cross browser) CSS manipulation AJAX General utilities (i.e.-”each”) Fluent syntax User Interface
  7. 7. C’mon, SharePoint Remember? Client side script + markup, just an include in HTML Works well in CEWP Allows for endless “no feature” extension possibilities Not SP Edition or Version specific SPServices library wraps SP Services (Mark Anderson) SP 2010 client-side object model (CSOM)
  8. 8. Winning Combination Lists & Libraries CEWP or Page
  9. 9. Showcase Time! • Customize forms • Creative navigation • Fancy dashboards • Adding sizzle to pages
  10. 10. Customize Forms http://www.sympraxisconsulting.com/Demos/Demo%20Pages/CascadingDropdowns.aspx http://www.sympraxisconsulting.com/Demos/Demo%20Pages/FancyCBandRB.aspx http://www.sympraxisconsulting.com/Demos/Demo%20Pages/SPAutocomplete.aspx
  11. 11. Creative Navigation http://www.sympraxisconsulting.com/demos/Demo%20Pages/QuickLaunchAccordion.aspx
  12. 12. Fancy Dashboards http://keith-wood.name/gChart.html
  13. 13. Adding Sizzle to Pages http://www.sympraxisconsulting.com/Demos/Demo %20Pages/jQueryAnimatedBanner.aspx
  14. 14. Do I have what it takes?
  15. 15. Do I have the skills? HTML CSS JavaScript SharePoint Designer Search engine skills
  16. 16. Best Practices
  17. 17. Where do I put those files? Same Site Centralized Externally or Site Resource hosted Feature Collection Site Simple Re-usable
  18. 18. What about the other files? HTML fragments in doc libs w/ versioning CSS in doc libs w/versioning Images in picture or doc libs
  19. 19. Where do I put the script tag? CEWP Page Master Page Simple Re-usable
  20. 20. Other Best Practices Test before updating jQuery source files Document & comment your solution Limit usage of generated SP element names Be warned that your solution may not be forward compatible Version your files
  21. 21. Key Takeaways jQuery has many abilities to extend all versions & editions of SharePoint jQuery is still coding Check out SPServices
  22. 22. Questionsmike.huguet@sparkhound.com
  23. 23. References http://www.sharepointjoel.com/Lists/Posts/Post.asp x?ID=178 http://sympmarc.com/ http://nothingbutsharepoint.com http://spservices.codeplex.com

×