<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Mohammed CHERIFI &#187; prototype</title>
	<atom:link href="http://www.mcherifi.org/tag/prototype/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mcherifi.org</link>
	<description>Another Web Developper Blog!</description>
	<lastBuildDate>Tue, 31 Jan 2012 18:42:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Introduction aux frameworks JavaScript</title>
		<link>http://www.mcherifi.org/developpement-web/introduction-aux-frameworks-javascript.html</link>
		<comments>http://www.mcherifi.org/developpement-web/introduction-aux-frameworks-javascript.html#comments</comments>
		<pubDate>Mon, 17 Aug 2009 01:41:29 +0000</pubDate>
		<dc:creator>Mohammed CHERIFI</dc:creator>
				<category><![CDATA[Développement WEB]]></category>
		<category><![CDATA[cross-browsing]]></category>
		<category><![CDATA[dojo]]></category>
		<category><![CDATA[framework javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mootools]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://localhost/?p=18</guid>
		<description><![CDATA[TweetUn framework JavaScript c&#8217;est quoi?
Un framework JavaScript est un ensemble d&#8217;applications et de fonctionnalités regroupés, c&#8217;est une sorte de boite à outils qui contient toutes les tâches répétitives et courantes, grâce aux frameworks, vous pouvez gagner beaucoup de temps dans vos développements, vous pouvez facilement manipuler le DOM, faire des requêtes AJAX, des animations et [...]]]></description>
			<content:encoded><![CDATA[<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.mcherifi.org/developpement-web/introduction-aux-frameworks-javascript.html" data-text="Introduction aux frameworks JavaScript" data-count="horizontal">Tweet</a><h2>Un framework JavaScript c&#8217;est quoi?</h2>
<p><img class="size-full wp-image-125 alignleft" title="javascript" src="http://www.mcherifi.org/wp-content/uploads/2009/08/javascript.gif" alt="javascript" width="220" height="170" />Un framework JavaScript est un ensemble d&#8217;applications et de fonctionnalités regroupés, c&#8217;est une sorte de boite à outils qui contient toutes les tâches répétitives et courantes, grâce aux frameworks, vous pouvez gagner beaucoup de temps dans vos développements, vous pouvez facilement manipuler le DOM, faire des requêtes AJAX, des animations et des effets superbes sur vos pages, et vous aurez tout le temps de vous concentrer sur des taches plus complexes et assez intéressantes ;)</p>
<p>Actuellement il existe plus de 500 frameworks JavaScript , ces frameworks qui ne cessent d&#8217;évoluer depuis l&#8217;apparition du WEB2.0</p>
<h2>Faire du WEB2.0!</h2>
<p>Il faut savoir que le WEB2.0 est concrètement basé sur le JavaScript du point de vue technique!  particulièrement grâce à sa capacité de faire des appels asynchrones vers les serveurs WEB via l&#8217;objet XMLHttpRequest, inventé par Microsoft en 2001, ce dernier permet aux visiteurs d&#8217;accéder aux nouveaux contenus sans avoir à cliquer ou rafraichir la page, cette fonctionnalité a été implémenté dans le DHTML pour donner naissance au WEB2.0.</p>
<p>Cette expérience a permis de donner une nouvelle vision au WEB, qui est devenu de plus en plus dynamique, réactif et innovant</p>
<h2>Pallier aux déficiences des navigateurs actuels</h2>
<p>S&#8217;assurer que son code javascript est compatible avec tous les navigateurs modernes est l&#8217;une des tâches les plus pénibles pour un développeur WEB (<a title="cross browser" href="http://fr.wikipedia.org/wiki/Cross-Browser">cross-browsing</a>), d&#8217;où le grand avantage des frameworks javascript: vous n&#8217;avez plus à gérer les dépendances entre les différents navigateurs (sélecteurs, gestion des évènements, méthodes de manipulation DOM..), votre framework javascript le fera à votre place et vous facilitera la vie ;)</p>
<h2>Quel framework JavaScript utiliser?</h2>
<p>Voici une liste des frameworks JavaScript les plus populaires :</p>
<ul>
<li><a title="Framework JavaScript jQuery" href="http://jquery.com/">jQuery</a></li>
<li><a title="Framework JavaScript Prototype" href="http://www.prototypejs.org/">Prototype</a></li>
<li><a title="Framework JavaScript YUI" href="http://developer.yahoo.com/yui/">Yahoo! User Interface</a></li>
<li><a title="Framework JavaScript Dojo" href="http://www.dojotoolkit.org/">Dojo</a></li>
<li><a title="Framework JavaScript Mootools" href="http://mootools.net/">Mootools</a></li>
<li><a title="Framework JavaScript Ext JS" href="http://extjs.com/">Ext JS</a></li>
<li>&#8230;</li>
</ul>
<p>Vu la qualité des outils proposés par les différents frameworks, il est difficile de recommander un en particulier, mais personnellement je préfère jQuery puis mootools grâce à  leurs qualité de documentation, leurs communautés très large, et leurs simplicité!</p>
<p>Vous pourriez préférer d&#8217;autres mais je vous invite à les essayer tous et utiliser celui avec lequel vous vous sentez plus à l&#8217;aise!</p>



Partager cet article:


	<a rel="nofollow"  target="_blank" href="http://www.mcherifi.org/wp-content/plugins/sociable/awesmate.php?c=twitter&t=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&d=http://twitter.com/home?status=Introduction%20aux%20frameworks%20JavaScript%20-%20TARGET" title="Twitter"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mcherifi.org/wp-content/plugins/sociable/awesmate.php?c=facebook-post&t=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&d=http://www.facebook.com/share.php?u=TARGET%26t=Introduction%20aux%20frameworks%20JavaScript" title="Facebook"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;annotation=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="Google Bookmarks"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;notes=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="del.icio.us"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.netvibes.com/share?title=Introduction%20aux%20frameworks%20JavaScript&amp;url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="Netvibes"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/netvibes.png" title="Netvibes" alt="Netvibes" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.viadeo.com/shareit/share/?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&title=Introduction%20aux%20frameworks%20JavaScript&urllanguage=fr" title="viadeo FR"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/viadeo.png" title="viadeo FR" alt="viadeo FR" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;bodytext=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="Digg"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;source=Mohammed+CHERIFI+Another+Web+Developper+Blog%21&amp;summary=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="LinkedIn"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://slashdot.org/bookmark.pl?title=Introduction%20aux%20frameworks%20JavaScript&amp;url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="Slashdot"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/slashdot.png" title="Slashdot" alt="Slashdot" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="Sphinn"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/sphinn.png" title="Sphinn" alt="Sphinn" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mixx.com/submit?page_url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript" title="Mixx"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/mixx.png" title="Mixx" alt="Mixx" class="sociable-hovers" /></a>
	<a  target="_blank" href="http://blogplay.com" title="Blogplay"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/blogplay.png" title="Blogplay" alt="Blogplay" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://identi.ca/notice/new?status_textarea=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="Identi.ca"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/identica.png" title="Identi.ca" alt="Identi.ca" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;partner=sociable" title="Print"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mcherifi.org/wp-content/plugins/sociable/awesmate.php?c=pingfm&t=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&d=http://ping.fm/ref/?link=TARGET%26title=Introduction%20aux%20frameworks%20JavaScript%26body=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="Ping.fm"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/ping.png" title="Ping.fm" alt="Ping.fm" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mcherifi.org/wp-content/plugins/sociable/awesmate.php?c=mailto&t=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&d=mailto:?subject=Introduction%20aux%20frameworks%20JavaScript%26body=TARGET" title="email"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://posterous.com/share?linkto=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;selection=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20" title="Posterous"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/posterous.png" title="Posterous" alt="Posterous" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://reddit.com/submit?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript" title="Reddit"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/reddit.png" title="Reddit" alt="Reddit" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://buzz.yahoo.com/submit/?submitUrl=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;submitHeadline=Introduction%20aux%20frameworks%20JavaScript&amp;submitSummary=Un%20framework%20JavaScript%20c%27est%20quoi%3F%0D%0AUn%20framework%20JavaScript%20est%20un%20ensemble%20d%27applications%20et%20de%20fonctionnalit%C3%A9s%20regroup%C3%A9s%2C%20c%27est%20une%20sorte%20de%20boite%20%C3%A0%20outils%20qui%20contient%20toutes%20les%20t%C3%A2ches%20r%C3%A9p%C3%A9titives%20et%20courantes%2C%20gr%C3%A2ce%20aux%20frameworks%2C%20vous%20&amp;submitCategory=science&amp;submitAssetType=text" title="Yahoo! Buzz"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/yahoobuzz.png" title="Yahoo! Buzz" alt="Yahoo! Buzz" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;partner=sociable" title="PDF"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/pdf.png" title="PDF" alt="PDF" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.mcherifi.org/feed" title="RSS"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/rss.png" title="RSS" alt="RSS" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.diigo.com/post?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript" title="Diigo"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/diigo.png" title="Diigo" alt="Diigo" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://cgi.fark.com/cgi/fark/farkit.pl?h=Introduction%20aux%20frameworks%20JavaScript&amp;u=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="Fark"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/fark.png" title="Fark" alt="Fark" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://www.blogospherenews.com/submit.php?url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html&amp;title=Introduction%20aux%20frameworks%20JavaScript" title="Blogosphere News"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/blogospherenews.png" title="Blogosphere News" alt="Blogosphere News" class="sociable-hovers" /></a>
	<a rel="nofollow"  target="_blank" href="http://cimlap.blogter.hu/index.php?action=suggest_link&amp;title=Introduction%20aux%20frameworks%20JavaScript&amp;url=http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" title="blogtercimlap"><img src="http://www.mcherifi.org/wp-content/plugins/sociable/images/blogter.png" title="blogtercimlap" alt="blogtercimlap" class="sociable-hovers" /></a>


<br/><br/>
<p class="FacebookLikeButton"><fb:like href="http%3A%2F%2Fwww.mcherifi.org%2Fdeveloppement-web%2Fintroduction-aux-frameworks-javascript.html" layout="standard" show_faces="true" width="450" action="like" colorscheme="light"></fb:like></p>
]]></content:encoded>
			<wfw:commentRss>http://www.mcherifi.org/developpement-web/introduction-aux-frameworks-javascript.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

