SlideShare a Scribd company logo
1 of 25
jQuery Inspiration for webdesigners.
jQuery Inspiration for webdesigners. jQuery Code jQuery UI jQuery voorbeelden
jQuery Inspiration for webdesigners. jQuery code ,[object Object]
 Write less, do more!
Selectors: de manier waarop je een element aanroept
Events: de reden om iets met een element te doen
Manipulation: wat je met het element gaat doen
eenvoudige html/css aanpassingen
effecten en animaties,[object Object]
 meer code die minder doet
 conflicten en fouten in verschillende browsers,[object Object]
jQuery Inspiration for webdesigners. jQuery code: unobtrusive Unobtrusive DOM manier van javascript in html met jQuery: Content Behavior Presentation
jQuery Inspiration for webdesigners. jQuery code: unobtrusive Unobtrusive DOM manier van javascript in html met jQuery: Content Behavior Presentation index.html library.js style.css custom.js
jQuery Inspiration for webdesigners. jQuery code: unobtrusive Unobtrusive DOM manier van javascript in html met jQuery: <html><head> 	<script src=’pad/naar/jQuery.js’ /> 	<script src=’pad/naar/custom.js’ /> </head><body>	<img src=’image.jpg’/></body>
jQuery Inspiration for webdesigners. jQuery code: unobtrusive Unobtrusive DOM manier van javascript in html met jQuery: $(document).ready(function(){javascriptFunctie1();javascriptFunctie3();$(‘img’).click(javascriptFunctie2());})
jQuery Inspiration for webdesigners. jQuery code slider code
jQuery Inspiration for webdesigners. jQuery UI ,[object Object]
 Low-level interacties & high-level skinable widgets.
Browseronafhankelijk,[object Object]
 Effecten
 Interacties
 Widgets,[object Object]
hide(speed)
toggle(speed)
slide(speed)

More Related Content

Similar to Jquery presentatie

CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich InteractionCMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
Ferry den Dopper
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknet
Hans Rossel
 
Cursus Zend Framework - 1
Cursus Zend Framework - 1Cursus Zend Framework - 1
Cursus Zend Framework - 1
bartjeukendrup
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
Hans Kemp
 
0708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege10708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege1
Hans Kemp
 

Similar to Jquery presentatie (20)

CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich InteractionCMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
CMD Interaction Design - Y2 Q1 les 2 - Rich Interaction
 
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
2009 10 Sdc09 Iw01 Nick Boumans   Social Networking2009 10 Sdc09 Iw01 Nick Boumans   Social Networking
2009 10 Sdc09 Iw01 Nick Boumans Social Networking
 
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo BruggeHTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
HTML 5, ASP.NET MVC & Windows Azure sessie voor Ivo Brugge
 
Joomla componenten bouwen met Component Creator
Joomla componenten bouwen met Component CreatorJoomla componenten bouwen met Component Creator
Joomla componenten bouwen met Component Creator
 
Html5 jeugdwerknet
Html5 jeugdwerknetHtml5 jeugdwerknet
Html5 jeugdwerknet
 
NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)NL Front-end Guidelines (HTML,CSS,Javascript)
NL Front-end Guidelines (HTML,CSS,Javascript)
 
Refresher HTML(5) and CSS(3) - CC FE & UX
Refresher HTML(5) and CSS(3) - CC FE & UXRefresher HTML(5) and CSS(3) - CC FE & UX
Refresher HTML(5) and CSS(3) - CC FE & UX
 
3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...
3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...
3 JavaScript-frameworks die gebruikmaken van op component gebaseerdewebdevelo...
 
Javascript & SEO - Wp meetup enschede
Javascript & SEO - Wp meetup enschedeJavascript & SEO - Wp meetup enschede
Javascript & SEO - Wp meetup enschede
 
Drag and-drop met-j_query
Drag and-drop met-j_queryDrag and-drop met-j_query
Drag and-drop met-j_query
 
XPages Introductie
XPages IntroductieXPages Introductie
XPages Introductie
 
Google analytics - Joomladagen2012
Google analytics - Joomladagen2012Google analytics - Joomladagen2012
Google analytics - Joomladagen2012
 
Google analytics - jd12nl met Byte Internet
Google analytics - jd12nl met Byte InternetGoogle analytics - jd12nl met Byte Internet
Google analytics - jd12nl met Byte Internet
 
Cursus Zend Framework - 1
Cursus Zend Framework - 1Cursus Zend Framework - 1
Cursus Zend Framework - 1
 
Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen
Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelenMagento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen
Magento 2 Seminar - Jisse Reitsma - Magento 2 techniek vertalen naar voordelen
 
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
Complexe pagina's gebruiksvriendelijk (Joomla Page Builders)
 
Iad2 0910 q4 les 2 dynamische interactie
Iad2 0910 q4 les 2   dynamische interactieIad2 0910 q4 les 2   dynamische interactie
Iad2 0910 q4 les 2 dynamische interactie
 
Quickstart Ajax Slideshare
Quickstart Ajax SlideshareQuickstart Ajax Slideshare
Quickstart Ajax Slideshare
 
HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)HTML 5 in een vogelvlucht (Dutch)
HTML 5 in een vogelvlucht (Dutch)
 
0708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege10708 Iad2 Q3 Hoorcollege1
0708 Iad2 Q3 Hoorcollege1
 

Jquery presentatie