web design and jQuery introduction in persian
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

web design and jQuery introduction in persian

  • 411 views
Uploaded on

web design and jQuery introduction in persian presented at Aran and bidgol payam nour university

web design and jQuery introduction in persian presented at Aran and bidgol payam nour university

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
411
On Slideshare
411
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
12
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. –––
  • 2. IT
  • 3. IT
  • 4. IT25.02 $90,00022.58 $78,00021.49 $75,00017.48 $114,00018.73 $77,00011.78 $71,00015.93 $63,00010.32 $99,0004.24 $97,0009.03 $78,000
  • 5.
  • 6. HTML<html> <head> <title>This is a web page<title> </head> <body> <div> <p>I m a paragraph 1</p> <p>I m a paragraph 2</p> </div> <p>I m another paragraph</p> </body></html>
  • 7. ––
  • 8. HTML<html> <head> <title>This is a web page<title> <style> p{ color:red; font-family:tahoma; } </style> </head> <body> <div> <p>I m a paragraph 1</p> <p>I m a paragraph 2</p> </div> <p>I m another paragraph</p> </body></html>
  • 9. –––
  • 10. 52.55040302010 5 3.8 3 2.9 1.5 0.6 0.2 0.10
  • 11. DojofooNode = dojo.byId(“foo”);fooConnections = [];fooConnections.push(dojo.connect(fooNode, „onclick‟, foo)); YUI jQuery Prototypefunction handleClick(e) { $(“foo”).observe(“click”, function() { $(„#foo‟).click(function() {Y.log(e); }); alert(„Clicked!‟);} });YUI().use(„node-base‟, function(Y){Y.on(“click”, handleClick, “#foo”);}); MooTools $(„foo‟).addEvent(„click‟, function() {}));
  • 12. Javascriptvar p= document.getElementByTagName(„p‟);for (i = 0; i < p.length; i++) { p[i].style.display = „none‟;} jQuery $(„p‟).hide();
  • 13. if (!document.ELEMENT_NODE) { document.ELEMENT_NODE = 1;document.ATTRIBUTE_NODE = 2; document.TEXT_NODE = 3;document.CDATA_SECTION_NODE = 4; document.ENTITY_REFERENCE_NODE = 5;document.ENTITY_NODE = 6; document.PROCESSING_INSTRUCTION_NODE = 7;document.COMMENT_NODE = 8; document.DOCUMENT_NODE = 9;document.DOCUMENT_TYPE_NODE = 10; document.DOCUMENT_FRAGMENT_NODE = 11;document.NOTATION_NODE = 12; } document._importNode =function(node, allChildren) { switch (node.nodeType) { casedocument.ELEMENT_NODE: var newNode = document.createElement(node » $(“#content”).load(“page.html #content”);.nodeName); /* does the node have any attributes to add? */ if(node.attributes && node.attributes » .length > 0) for (var i = 0; il =node.attributes.length; » i < il) newNode.setAttribute(node.attributes ».nodeName, node.getAttribute(node.attributes[i++] » .nodeName)); /* are wegoing after children too, and does » the node have any? */ if (allChildren&& node.childNodes && » node.childNodes.length > 0) for (var i = 0; il =node.childNodes.length; » i < il) newNode.appendChild(document._importNode »(node.childNodes[i++], allChildren)); return newNode; break; casedocument.TEXT_NODE: case document.CDATA_SECTION_NODE: casedocument.COMMENT_NODE: return document.createTextNode(node.nodeValue);break; } };
  • 14. http://docs.jquery.com/Sites_Using_jQuery
  • 15. http://www.google.com/trends/explore#q=jquery,mootools,dojo,yui,prototype
  • 16. http://www.google.com/trends/explore#q=jquery,mootools,dojo,yui,prototype&geo=IR
  • 17. http://www.google.com/trends/explore#geo=IR-04&q=jquery,mootools,dojo,yui,prototype
  • 18. AhmadBadpey@gmail.com www.1stwebdesigner.ir www.learningjquery.irhttps://plus.google.com/106253854893238129636