web design and jQuery introduction in persian

425 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
425
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

web design and jQuery introduction in persian

  1. 1. –––
  2. 2. IT
  3. 3. IT
  4. 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. 5.
  6. 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. 7. ––
  8. 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. 9. –––
  10. 10. 52.55040302010 5 3.8 3 2.9 1.5 0.6 0.2 0.10
  11. 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. 12. Javascriptvar p= document.getElementByTagName(„p‟);for (i = 0; i < p.length; i++) { p[i].style.display = „none‟;} jQuery $(„p‟).hide();
  13. 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. 14. http://docs.jquery.com/Sites_Using_jQuery
  15. 15. http://www.google.com/trends/explore#q=jquery,mootools,dojo,yui,prototype
  16. 16. http://www.google.com/trends/explore#q=jquery,mootools,dojo,yui,prototype&geo=IR
  17. 17. http://www.google.com/trends/explore#geo=IR-04&q=jquery,mootools,dojo,yui,prototype
  18. 18. AhmadBadpey@gmail.com www.1stwebdesigner.ir www.learningjquery.irhttps://plus.google.com/106253854893238129636

×