6. JavaScript Frameworks
โข Standardized code structure and rules
โข HTML, CSS and JS
โข Front-end frameworks
โ CSS to position elements
โ Typography styles
โ Browser compatibility
โ Standard CSS classes
โ Set of tools
โ Imposes no structure
7. jQuery
โข JavaScript library
โข Most popular
โข Open-source
โข Released in 2006
โข Easy to select DOM elements
โข Used in Bootstrap and other libraries
8. jQuery
โข Start with $(document).ready(function(){
โข AJAX calls $.ajax({
โข Element selector $(".item")
โข Chaining
$(".item").addClass("blue").slideDown("slow");
โข Jquery.ui, jquery.validation
9. Bootstrap
โข The most popular HTML, CSS, and JS framework
for developing responsive, mobile first projects
on the web
โข Open-source
โข Twitter Bootstrap in 2011
โข Bootstrap 3.0 - mobile first
โข Bootstrap 4 alpha
27. Modernizr
โข Detects HTML5 and CSS3 features that your
browser supports on page load
โข Result of โfeature detectionโ is โyesโ or โnoโ
โข Adds classes to HTML
โข https://github.com/Modernizr/Modernizr/wiki/H
TML5-Cross-browser-Polyfills
โข Support IE6+, Firefox 3.5+, Opera 9.6+, Safari 2+,
Chrome
30. Respondjs
โข It loops through the CSS referenced on the
page
โข IE8: re-requests the CSS files using Ajax
โข Polyfill for CSS min-width and max-width in
browsers that don't support CSS3 Media
Queries
31. Polyfills, shims
โข Shim: a generic code, a library that brings a new
API to an older environment
โข Polyfill: downloadable code with fallback for
functionality that is not available in your browser
โข Also with newer browsers
32. SharePoint Saturday
Oslo 2015
โข jQuery http://api.jquery.com/
โข Bootstrap tutorial
http://www.tutorialspoint.com/bootstrap/bootstrap_tutorial.pdf
โข Modernizr http://modernizr.com/docs/
โข Respond https://github.com/scottjehl/Respond
โข Building Responsive UI with Bootstrap on MVA
โข http://www.microsoftvirtualacademy.com/training-courses/building-
responsive-ui-with-bootstrap
โข LESS http://lesscss.org/
โข Polyfills https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-
browser-Polyfills
Links
35. Get stamps from all the sponsors,
so make sure to visit them
Deposit the passport to enter the
prize raffle
Good luck!
The SPSOslo Passport
36. FREE BEER!
Make sure to get your voucher
Network and have fun with your
colleagues and mingle with our
great speaker lineup.
SharePint sponsored by
37. They help us improve for SharePoint Saturday 2016!
Remember to evaluate our sessions