想成为 JavaScript 高手，有没有好的学习路线和方法？ 学习JavaScript所有内容有那些，谁能给我一个学习路线...
\u60f3\u6210\u4e3a JavaScript \u9ad8\u624b\uff0c\u6709\u6ca1\u6709\u597d\u7684\u5b66\u4e60\u8def\u7ebf\u548c\u65b9\u6cd5\u5b66\u4e60JavaScript\u7684\u6700\u4f73\u65b9\u6cd5\u5206\u4eab
\u5b66\u4e60\u65b0\u7684\u4e1c\u897f\u662f\u4ef6\u53ef\u6015\u7684\u4e8b\u3002\u5bf9\u6211\u6765\u8bf4\uff0c\u638c\u63e1\u4e00\u9879\u65b0\u6280\u80fd\u6700\u5927\u7684\u95ee\u9898\u662f\uff0c\u6211\u4e0d\u77e5\u9053\u81ea\u5df1\u61c2\u4ec0\u4e48\u3002\u9274\u4e8e\u6b64\uff0c\u5b9a\u4e2a\u8ba1\u5212\uff0c\u5b66\u4e60\u4f60\u611f\u5174\u8da3\u7684\u4e1c\u897f\u5e94\u8be5\u4f1a\u6709\u7528\u3002\u8fd9\u7bc7\u6587\u7ae0\u7684\u4e3b\u65e8\u5c31\u662f\uff1a\u4f60\u4e3a\u5b66\u4e60JavaScript \u5236\u5b9a\u7684\u84dd\u56fe\u3001\u8def\u7ebf\u3001\u884c\u52a8\u8ba1\u5212!\u4f60\u4e0d\u5fc5\u62c5\u5fc3\u627e\u4e0d\u5230\u6700\u597d\u7684\u8d44\u6e90\uff0c\u5148\u6574\u7406\u4e9b\u597d\u7684\u8d44\u6e90\uff0c\u518d\u786e\u5b9a\u4e0b\u4e00\u6b65\u8be5\u5b66\u4ec0\u4e48\u3002\u9075\u5faa\u5b83\uff0c\u4e00\u6b65\u4e00\u6b65\u6765\u3002
\u4efb\u52a10\uff1a\u4e86\u89e3\u4ec0\u4e48\u662fJavaScript
\u5728\u4f60\u771f\u6b63\u5f00\u59cb\u5b66\u4e60JavaScript \u4e4b\u524d\uff0c\u82b1\u4e00\u5206\u949f\u4e86\u89e3\u4e00\u4e0b\u4ec0\u4e48\u662fJavaScript\uff0c\u5b83\u6709\u54ea\u4e9b\u529f\u80fd\u3002 JavaScript\u4e0d\u662fjQuery\u3001Flash\u6216Java\u3002\u4e0e\u5b83\u4eec\u4e0d\u540c\uff0c\u5b83\u662f\u4e00\u79cd\u72ec\u7acb\u7684\u7f16\u7a0b\u8bed\u8a00\u3002 JavaScript \u662f\u6d4f\u89c8\u5668\u8bed\u8a00(\u5c3d\u7ba1\u73b0\u5728\u4e0d\u5b8c\u5168\u662f)\u3002\u4e3b\u8981\u76ee\u7684\u662f\u7ed9\u9759\u6001\u9875\u9762\u589e\u52a0\u4ea4\u4e92\u6027\u3002\u5728\u6d4f\u89c8\u5668\u91cc\uff0c\u5b83\u4e0d\u4f1a\u4e3a\u4f60\u66f4\u6362PHP\u6216Ruby\uff0c\u4e5f\u4e0d\u4f1a\u66f4\u6539\u4f60\u7684HTML\u6216CSS;\u4f60\u53ef\u4ee5\u628a\u5b83\u4eec\u4e32\u5728\u4e00\u8d77\u4f7f\u7528\u3002\u53e6\u5916\uff0c\u5b83\u6ca1\u6709\u4f60\u60f3\u7684\u90a3\u4e48\u96be\u5b66\u3002 \u8865\u5145\u8bf4\u660e\uff1a\u4f60\u5e94\u8be5\u542c\u8fc7jQuery\uff0c\u5b83\u53ef\u80fd\u662f\u88ab\u4f7f\u7528\u6700\u5e7f\u6cdb\u7684JavaScript \u5e93\u3002\u4e5f\u8bb8\u4f60\u8fd8\u542c\u8bf4\u8fc7\u5176\u4ed6\u6bd4\u8f83\u6d41\u884c\u7684JavaScript \u6846\u67b6\uff0c\u6bd4\u5982Mootools,\uff0cYUI\uff0cDojo \u7b49\u7b49\u3002\u53ef\u4ee5\u5c06\u5b83\u4eec\u7edf\u4e00\u770b\u505aJavaScript\u8f85\u52a9\u5de5\u5177\u96c6;\u5f53\u4f60\u4f7f\u7528\u5b83\u4eec\u7684\u65f6\u5019\uff0c\u4f60\u8fd8\u5728\u5199JavaScript\uff0c\u4f46\u90fd\u662f\u4e9b\u5f88\u62bd\u8c61\u7684JavaScript\u3002\u5b83\u4f1a\u8ba9\u4f60\u4e8b\u534a\u529f\u500d\u3002 \u201c\u4f60\u751a\u81f3\u53ef\u80fd\u542c\u5230\u6709\u4eba\u8bf4\uff0c\u4f60\u5e94\u8be5\u5148\u5b66jQuery(\u6216\u5176\u4ed6\u5e93)\u518d\u5b66JavaScript\u3002\u6211\u5f88\u5c0a\u91cd\u4ed6\u4eec\u4f46\u5b8c\u5168\u4e0d\u540c\u610f\u8fd9\u79cd\u8bf4\u6cd5\u3002\u5148\u628aJavaScript \u5b66\u597d\u518d\u7528\u5176\u4ed6\u5e93\uff0c\u4f60\u4f1a\u53d1\u73b0\u4f60\u4f1a\u505a\u7684\u66f4\u597d;\u7ed3\u679c\u5c31\u662f\uff0c\u4f60\u4f1a\u7f16\u5199\u66f4\u597d\u7684JavaScript\u3002\u201d
\u4efb\u52a11\uff1a\u901a\u8fc7Codecademy.com\u7ad9\u70b9\u7684\u8bfe\u7a0b\u6765\u5b66\u4e60
Codecademy\u662f\u4e00\u4e2a\u76f8\u5bf9\u8f83\u65b0\u7684\u7f51\u7ad9\uff0c\u5176\u5e7f\u544a\u8bed\u662f\u201c\u6700\u6613\u5b66\u7684\u7f16\u7801\u65b9\u6cd5\u201d\u3002\u76ee\u524d\uff0c\u8be5\u7f51\u7ad9\u4ec5\u6709\u4e24\u4e2a\u8bfe\u7a0b\uff0c\u201c\u521d\u7ea7\u7f16\u7a0b\u201d\u548c\u201cJavaScript\u5feb\u901f\u5165\u95e8\u6307\u5357\u201d\u3002\u6c89\u6d78\u5728JavaScript \u4e2d\u662f\u79cd\u4e0d\u9519\u7684\u4f53\u9a8c\u3002\u8ddf Try Ruby \u7ec3\u4e60\u975e\u5e38\u76f8\u4f3c\uff0c\u4f60\u4f1a\u5b66\u5230\u7b80\u77ed\u7684\u8bfe\u7a0b\u3001\u5728\u6d4f\u89c8\u5668\u91cc\u7f16\u7801\uff0c\u7136\u540e\u770b\u7ed3\u679c\u3002\u5f97\u5230\u5168\u90e8\u5206\u6570\u3001\u6253\u5f00\u6210\u5c31\u5fbd\u7ae0\u3002(Ruby\uff0c\u4e00\u79cd\u4e3a\u7b80\u5355\u5feb\u6377\u7684\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b(\u9762\u5411\u5bf9\u8c61\u7a0b\u5e8f\u8bbe\u8ba1)\u800c\u521b\u7684\u811a\u672c\u8bed\u8a00\u3002) \u5982\u679c\u4f60\u5df2\u719f\u6089\u4e86\u53e6\u4e00\u79cd\u7f16\u7a0b\u8bed\u8a00\uff0c\u4f60\u4e5f\u8bb8\u53ef\u4ee5\u5148\u5b66\u201cJavaScript\u5feb\u901f\u5165\u95e8\u6307\u5357\u201d;\u5982\u679c\u8fd9\u662f\u60a8\u7b2c\u4e00\u6b21\u7f16\u7a0b(HTML\u548cCSS\u9664\u5916)\uff0c\u4f60\u4f1a\u53d1\u73b0\u201c\u521d\u7ea7\u7f16\u7a0b\u201d\u8bfe\u7a0b\u76f8\u5f53\u6709\u7528\u3002Codecademy\u662f\u4e00\u5bb6\u514d\u8d39\u7f51\u7ad9\uff0c\u4f46\u9700\u8981\u6ce8\u518c\u3002
\u4efb\u52a12\uff1aappendTo \u622a\u5c4f\u65b9\u6cd5
appendTo \u89c6\u9891\u6709\u4e00\u5957\u7279\u522b\u9002\u5408\u521d\u5b66\u8005\u7684\u622a\u5c4f\u65b9\u6cd5\u3002 \u5982\u679c\u4f60\u60f3\u7528\u6b63\u786e(\u5bb9\u6613)\u7684\u65b9\u6cd5\u5b66\u4e60JavaScript\uff0c\u5b66\u4e60\u8fd9\u4e9b\u8bfe\u7a0b\u7edd\u5bf9\u7ba1\u7528\u3002\u89c6\u89c9\u8bad\u7ec3\u603b\u662f\u6709\u6548\u7684! \u201c\u7528\u6211\u4eec\u63d0\u4f9b\u7684\u70b9\u64ad\u5185\u5bb9\u3001\u52a1\u5b9e\u7684\u8bad\u7ec3\u89e3\u51b3\u65b9\u6848\u6765\u63d0\u5347\u81ea\u5df1\u7684\u6280\u80fd\u3002\u65e0\u9700\u6ce8\u518c\u3001\u65e0\u9700\u7ed1\u5b9a\u3001\u7edd\u4e0d\u5ffd\u60a0\u3002\u201d
\u4efb\u52a13\uff1a\u9605\u8bfb\u4e00\u672c\u597d\u7684\u5173\u4e8eJavaScript \u7684\u8bf4\u660e\u4e66
\u4e00\u65e6\u4f60\u901a\u8fc7Codecademy\u4e0a\u7684\u8bfe\u7a0b\u6765\u5b66\u4e60\uff0c\u4f60\u5c31\u4f1a\u60f3\u641e\u5230\u4e00\u672c\u5173\u4e8eJavaScript\u7684\u8be6\u7ec6\u8bf4\u660e\u4e66\u2013\u4ecb\u7ecd\u6240\u6709\u7684\u7c7b\u578b\u3001\u8fd0\u7b97\u7b26\u3001\u63a7\u4ef6\u67b6\u6784\u7b49\u7b49\u3002 \u5982\u679c\u53ef\u4ee5\u7684\u8bdd\uff0c\u6211\u6765\u4ecb\u7ecd\u51e0\u4e2a\u597d\u7684\u8bf4\u660e\u4e66\uff1a \u300a\u518d\u8bf4JavaScript\u300b \u2013 \u8fd9\u672c\u8bf4\u660e\u4e66\u53ef\u5728Mozilla\u5f00\u53d1\u8005\u7f51\u7edc\u4e0a\u627e\u5230\uff0c\u8bed\u8a00\u516c\u6b63\u3002\u8fd9\u672c\u4e66\u5185\u5bb9\u5f88\u4e30\u5bcc\uff0c\u6709\u5f88\u591a\u4ee3\u7801\u5b9e\u4f8b\u548c\u6587\u6bb5\u4ecb\u7ecd\u3002 \u300aEloquent JavaScript\u300b \u2013 \u8be5\u4e66\u7531Marijn Haverbeke \u7f16\u5199\uff0c\u53ef\u514d\u8d39\u5728\u7ebf\u9605\u8bfb\uff0c\u5982\u679c\u4f60\u60f3\u5f04\u4e2a\u786c\u62f7\u8d1d\u53ef\u4ee5\u4e0a\u4e9a\u9a6c\u900a\u7f51\u7ad9\u8d2d\u4e70\u3002\u5b83\u6bd4MDN\u8bf4\u660e\u66f4\u8be6\u7ec6\uff0c\u56e0\u4e3a\u5b83\u4e0d\u4ec5\u6db5\u76d6\u4e86JavaScript \u8bed\u8a00\uff0c\u800c\u4e14\u5305\u62ec\u7f16\u7801\u98ce\u683c\u4ee5\u53ca\u5728\u6d4f\u89c8\u5668\u91cc\u4f7f\u7528JavaScript\u3002\u5f53\u7136\uff0c\u201celoquent\u201d\u5e76\u975e\u8a00\u8fc7\u5176\u5b9e\u3002(eloquent - \u96c4\u8fa9\u7684\u3001\u53e3\u82e5\u60ac\u6cb3\u7684) \u300aGetting Good with JavaScript\u300b \u2013 \u6ca1\u9519\uff0c\u8fd9\u672c\u4e66\u662f\u6211\u5199\u7684\uff0c\u4f46\u662f\u6211\u4ecb\u7ecd\u8fd9\u672c\u4e66\u662f\u53e6\u6709\u539f\u56e0\u7684\u3002\u5b83\u8ddf\u6211\u5728\u524d\u9762\u4ecb\u7ecd\u7684\u4e24\u672c\u8bf4\u660e\u4e0d\u540c;\u5728\u8fd9\u672c\u4e66\u91cc\u6211\u53ea\u4ecb\u7ecd\u4e86\u7f16\u7a0b\u4eba\u5458\u5feb\u901f\u638c\u63e1\u7f16\u7a0b\u6280\u5de7\u6240\u9700\u8981\u7684\u90e8\u5206\u3002\u6b64\u5916\uff0c\u5b83\u8fd8\u9644\u5e26\u8d85\u8fc76\u4e2a\u5c0f\u65f6\u7684\u622a\u5c4f\u89c6\u9891\uff0c\u56e0\u6b64\uff0c\u60f3\u8981\u5c31\u53bb\u770b\u770b\u5427\u3002(\u5f53\u7136\uff0c\u8fd9\u672c\u4e0d\u662f\u514d\u8d39\u7684\u3002)
\u4efb\u52a14\uff1a\u5b89\u88c5\u3001\u5b66\u4e60Firebug(\u6216\u5f00\u53d1\u4eba\u5458\u5de5\u5177)
\u4e00\u65e6\u4f60\u5f00\u59cb\u5728\u6d4f\u89c8\u5668\u91cc\u4f7f\u7528JavaScript\uff0c\u5c31\u9700\u8981\u5b89\u88c5Firebug\u5e76\u719f\u6089\u5b83\u7684\u6027\u80fd\u3002Firebug\u662f\u4e00\u6b3e\u7528\u4e8eFirefox\u7684\u63d2\u4ef6\uff0c\u5b83\u80fd\u5e2e\u4f60\u521b\u5efa\u548c\u8c03\u8bd5\u7f51\u9875\uff1a\u5bf9\u7f51\u9875\u5f00\u53d1\u8005\u6765\u8bf4\uff0c\u5b83\u5c31\u50cf\u5916\u79d1\u533b\u751f\u7684\u2018\u624b\u672f\u5200'\u3002\u5982\u679c\u4f60\u4e0d\u7528Firefox?\u559c\u6b22Safari \u6216\u8005Chrome\u600e\u4e48\u529e?\u6ca1\u95ee\u9898\uff1a\u53ef\u4ee5\u67e5\u627e\u7c7b\u4f3cFirebug\u7684\u5185\u7f6e\u5f00\u53d1\u4eba\u5458\u5de5\u5177\u3002 \u201c\u4f60\u53ef\u4ee5\u5728Mac\u5730\u5740\u680f\u91cc\u6309\u9009\u9879+\u547d\u4ee4+I \u6216\u8005\u6309\u5feb\u6377\u952eControl + Shift + I \uff0c\u6765\u6253\u5f00\u8bbe\u8ba1\u5de5\u5177\u9762\u677f\u3002\u201d \u901a\u8fc7\u6253\u5f00\u4f60\u9009\u7684\u5de5\u5177\uff0c\u53ea\u9700\u5728\u4f60\u559c\u6b22\u7684\u5176\u4e2d\u4e00\u4e2a\u7f51\u7ad9\u4e0a\u70b9\u51fb\u70b9\u51fb\uff0c\u4f60\u5c31\u4f1a\u5b66\u5230\u5f88\u591a\u4e1c\u897f\u3002\u8fd9\u91cc\u6709\u4e00\u4e9b\u80fd\u52a0\u901f\u4f60\u5b66\u4e60\u7684\u8d44\u6e90\uff1aFirebugFirebug\u7f51\u7ad9\u548c\u7ef4\u57fa\u767e\u79d1Firebug\u7684CSS-\u6280\u5de7\u8bf4\u660e\u4f60\u5e94\u8be5\u5728Nettuts+\u4e0a\u4f7f\u7528Firebug\u768410\u5927\u7406\u7531\u3002Firebug\uff1a\u4ece\u767d\u5e26\u5230\u9ed1\u5e26\uff0cTuts+ Marketplace \u7f51\u7ad9(http://marketplace.tutsplus.com/item/firebug-white-to-black-belt/118795)\u8bbe\u8ba1\u5de5\u5177\u8bbe\u8ba1\u5de5\u5177\u7f51\u7ad9Google I/O 2011\uff1a\u7531Paul Irish\u91cd\u7ec4\u7684\u6d4f\u89c8\u5668\u8bbe\u8ba1\u5de5\u5177Google \u6d4f\u89c8\u5668\u8bbe\u8ba1\u5de5\u5177\uff1aPaul Irish \u7684\u5feb\u901f\u5f00\u53d112\u6280\u5de7
\u4efb\u52a15\uff1a\u8bfb\u4e00\u672c\u6709\u5173JavaScript\u7684\u4e66\u7c4d
\u73b0\u5728\u4f60\u5df2\u7ecf\u719f\u6089\u4e86\u4e9b\u57fa\u7840\u77e5\u8bc6\uff0c\u4f46\u662f\u8fd8\u6709\u5f88\u591a\u4e1c\u897f\u8981\u5b66\u3002\u5c3d\u7ba1\u6211\u63a8\u8350\u7684\u4e00\u4e9b\u4e66\u53ef\u80fd\u4f1a\u8ba9\u4f60\u2018\u7834\u4ea7'\uff0c\u4f46\u4f60\u4f1a\u53d1\u73b0\u4efb\u4f55\u65f6\u5019\u6211\u90fd\u4f1a\u63a8\u83504\u672c\u9ad8\u8d28\u91cf\u7684\u4e66\uff1a
\u524d\u4e24\u672c\u662f\u4e00\u822c\u7684\u3001\u8f83\u6df1\u5165\u7684JavaScript \u8d44\u6e90\uff0c\u5b83\u4eec\u4f1a\u8ba9\u4f60\u4ece\u7b80\u4ecb\u5230\u8f83\u6df1\u5c42\u6b21\u9010\u6b65\u7406\u89e3;\u5f53\u7136\uff0c\u7b80\u4ecb\u91cc\u4f1a\u6709\u4e00\u4e9b\u91cd\u53e0\u7684\u8bf4\u660e\uff0c\u4f46\u4e0d\u591a\uff1a\u521a\u597d\u8ba9\u4f60\u770b\u8d77\u6765\u5f88\u8212\u670d\u3002(\u6ce8\uff1a\u867d\u7136\u8fd9\u4e9b\u4e66\u5728\u4e9a\u9a6c\u900a\u7f51\u7ad9\u80fd\u4e70\u5230\uff0c\u6211\u5df2\u7ecf\u94fe\u63a5\u4e86\u51fa\u7248\u5546\u7684\u7f51\u7ad9\uff0c\u56e0\u6b64\uff0c\u4f60\u80fd\u770b\u770b\u8303\u4f8b\u7ae0\u8282\u3002) \u300aJavaScript\u9ad8\u7ea7\u7a0b\u5e8f\u8bbe\u8ba1\u300b- Nicolas C. Zakas \u7f16\u5199\uff0c\u8fd9\u672c\u4e66\u6db5\u76d6\u4e86\u5b83\u80fd\u6db5\u76d6\u7684\u6240\u6709\u5185\u5bb9\u3002\u5982\u679c\u4f60\u4ee5\u524d\u770b\u8fc7Zakas\u7684\u4efb\u4f55\u4f5c\u54c1\uff0c\u4f60\u4f1a\u53d1\u73b0\u4ed6\u662f\u4e2a\u4e0d\u6298\u4e0d\u6263\u7684\u5929\u624d\u3002\u9664\u4e86\u6db5\u76d6\u4e86JavaScript\u8bed\u8a00\uff0c\u8fd9\u672c\u4e66\u8fd8\u80fd\u8ba9\u60a8\u5728\u6d4f\u89c8\u5668\u91cc\u5f88\u597d\u7684\u4f7f\u7528JavaScript\u3002 \u300aJavaScript 24-hour Trainer \u300b\u7531Jeremy McPeak \u7f16\u64b0\uff0c\u8be5\u4f5c\u8005\u4e5f\u5199\u8fc7Nettuts+\u3002\u5b83\u4e0d\u4ec5\u4ec5\u662f\u4e00\u672c\u4e66\uff1a\u8fd8\u9644\u5e26\u4e86\u4e00\u5f20\u957f\u8fbe\u56db\u5c0f\u65f6\u7684\u6559\u5b66\u5149\u789f\u3002\u5168\u4e66\u517143\u8282\u8bfe\uff0c\u6d89\u53ca\u7f16\u7801\u53e5\u6cd5\u6307\u5bfc\u548c\u4ee3\u7801\u4f18\u5316\u3002 \u867d\u7136\u8fd9\u4e9b\u4e66\u975e\u5e38\u9002\u5408\u7f16\u7a0b\u4eba\u5458\u5b66\u4e60JavaScript\u8bed\u8a00\u4ee5\u53ca\u5982\u4f55\u5728\u6d4f\u89c8\u5668\u4e2d\u4f7f\u7528\u8fd9\u4e9b\u8bed\u8a00\uff0c\u4f46\u662f\u5b66\u65e0\u6b62\u5883\u3002\u867d\u7136\u8fd9\u4e9b\u4e66\u7684\u786e\u8fdb\u5165\u4e86\u4e00\u4e9b\u6a21\u5f0f\u548c\u5b9e\u7ec3\u4e2d\uff0c\u6211\u518d\u63a8\u8350\u4e24\u672c\u6211\u8ba4\u4e3a\u6709\u7528\u7684\u4e66\u30021)\u300aJavaScript Patterns \u300b- Stoyan Stefanov\u8457\u3002\u6211\u4e5f\u662f\u521a\u521a\u8bfb\u5b8c\u8fd9\u672c\u4e66\uff0c\u6211\u771f\u5e0c\u671b\u80fd\u5c3d\u5feb\u8bfb\u5b8c\u5b83\u3002\u5728\u8bfb\u8fc7\u4e0a\u9762\u7684\u8d44\u6e90\u4e4b\u540e\uff0c\u4f60\u53ef\u4ee5\u5b66\u5230\u5982\u4f55\u7f16\u5199JavaScript\uff0c\u4f46\u662f\u8fd9\u672c\u4e66\u4f1a\u6559\u4f60\u5982\u4f55\u5bf9\u8d44\u6e90\u8fdb\u884c\u91cd\u7ec4\uff0c\u8fd9\u9879\u6280\u80fd\u5f88\u91cd\u8981\uff0c\u5e76\u975e\u5982\u4f60\u60f3\u8c61\u822c\u7b80\u5355\u30022)\u300aJavaScript\uff1aThe Good Parts \u300b- Douglas Crockford \u8457\u3002\u8be5\u4e66\u4ecb\u7ecd\u4e86JavaScript\u7684\u4f18\u7f3a\u70b9\u3002
\u4efb\u52a16\uff1a\u505a\u4e9b\u4e8b\u60c5!
\u5728\u5b66\u4e60\u5b8c\u4e0a\u8ff0\u8d44\u6e90\u540e\uff0c\u4f60\u5e94\u8be5\u5df2\u7ecf\u5c1d\u8bd5\u4e86\u4e00\u4e9b\u4ee3\u7801\u6837\u672c\uff1a\u4fee\u6539\u4ee3\u7801\u3001\u6574\u5408\u4ee3\u7801\u770b\u770b\u4f1a\u600e\u4e48\u6837\u3002\u4f46\u662f\u662f\u65f6\u5019\u8ba9\u81ea\u5df1\u4f11\u606f\u4e00\u4e0b\uff0c\u505a\u70b9\u4e1c\u897f\u51fa\u6765\u4e86\u3002 \u4f60\u80fd\u505a\u4ec0\u4e48\u5462?\u4f60\u80fd\u505a\u5f88\u591a\u4e1c\u897f\u3002\u8fd9\u91cc\u6709\u4e00\u4e9b\u610f\u89c1\u30021) \u56fe\u7247\u5e93\uff1a\u663e\u793a\u4e00\u5957\u56fe\u7247\u7f29\u7565\u56fe\u548c\u4e3b\u56fe\u3002\u5f53\u7528\u6237\u70b9\u51fb\u7f29\u7565\u56fe\u7684\u65f6\u5019\uff0c\u8981\u7528\u8f83\u5927\u7684\u7f29\u7565\u56fe(\u4e0d\u662f\u539f\u7f29\u7565\u56fe)\u66ff\u4ee3\u5f53\u524d\u7684\u4e3b\u56fe\u3002\u5982\u679c\u4f60\u80fd\u8986\u76d6\u7f29\u7565\u56fealt \u6807\u8bb0\u7684\u6807\u9898\u5c31\u5956\u52b1\u79ef\u5206\uff0c\u6216\u662f\u5728\u7528\u6237\u4e00\u5206\u949f\u5185\u672a\u70b9\u51fb\u7684\u65f6\u5019\u8fdb\u884c\u56fe\u7247\u5faa\u73af\u30022) \u5f85\u529e\u5217\u8868\uff1a\u542c\u8d77\u6765\u6709\u70b9\u96be\uff0c\u6211\u4e5f\u4e0d\u6253\u7b97\u63a8\u8350\u4f60\u5236\u4f5c\u4e00\u4e2a\u5b8c\u6574\u7684\u5f85\u529e\u5217\u8868\u3002\u53ea\u9700\u8981\u505a\u4e00\u4e2a\u6587\u672c\u6846\u5e76\u5728\u5176\u65c1\u653e\u4e0a\u6309\u94ae;\u70b9\u51fb\u6309\u94ae\u7684\u65f6\u5019\uff0c\u5df2\u8f93\u5165\u7684\u6587\u5b57\u4f1a\u5728\u4e00\u4e2a\u65e0\u5e8f\u5217\u8868\u4e0b\u9762\u53d8\u6210\u4e00\u4e2a\u9879\u76ee\u3002\u70b9\u51fb\u5217\u8868\u9879\u76ee\u4fbf\u53ef\u79fb\u9664\u3002\u8fd9\u542c\u8d77\u6765\u5f88\u5bb9\u6613\uff0c\u4f46\u6709\u51e0\u4e2a\u9677\u9631\uff0c\u5bf9\u521d\u5b66\u8005\u6765\u8bf4\u4ed4\u7ec6\u60f3\u60f3\u8fd8\u662f\u5f88\u6709\u597d\u5904\u7684\u30023) \u52a8\u753b\u6846\uff1a\u52a8\u753b\u5176\u5b9e\u662f\u5c0f\u628a\u620f\u800c\u5df2\uff0c\u5e76\u4e0d\u9700\u8981\u5f04\u5f97\u592a\u590d\u6742\u3002\u505a\u4e00\u4e2a\u5305\u542b\u4e86\u5c11\u8bb8\u6587\u672c\u7684div\uff0c\u5176\u4e0a\u8981\u6709\u82e5\u5e72\u6309\u94ae\u3002\u4e00\u4e2a\u6309\u94ae\u7528\u6765\u8c03\u6574\u5bbd\u5ea6\uff0c\u4e00\u4e2a\u7528\u6765\u8c03\u6574\u9ad8\u5ea6;\u8fd8\u6709\u4e00\u4e2a\u7528\u6765\u8c03\u6574\u80cc\u666f\u989c\u8272\u3002\u5173\u952e\u662f\u4e0d\u8981\u8ba9\u66f4\u6539\u53d1\u751f\u5f97\u592a\u5feb\uff0c\u4f46\u5728\u4e00\u79d2\u949f\u4e4b\u5185\u3002\u8bb0\u4f4f\uff0cGoogle \u662f\u4f60\u7684\u670b\u53cb\uff0c\u7279\u522b\u662f\u5982\u679c\u8fc4\u4eca\u4e3a\u6b62\u4f60\u8fd8\u672a\u7528JavaScript\u505a\u4efb\u4f55\u52a8\u753b\u7684\u8bdd\u3002 \u6211\u76f8\u4fe1\u4f60\u80fd\u60f3\u5230\u5176\u4ed6\u7684\u5f88\u597d\u7684\u7ec3\u4e60\u7684\u8ba1\u5212\u3002\u5f53\u7136\uff0c\u5b66\u4e60\u7684\u552f\u4e00\u65b9\u6cd5\u662f\u628a\u81ea\u5df1\u4ece\u5b89\u4e50\u7a9d\u91cc\u62fd\u51fa\u6765\u3002\u201c\u6b64\u5916\uff0c\u5728\u6240\u6709\u7684\u6280\u80fd\u6c34\u5e73\u4e0a\uff0c\u786e\u4fddJavaScript \u7c7b\u522b\u5728Nettuts+\u4e0a\u6709\u5927\u91cf\u6559\u7a0b\u5217\u8868\u3002\u201d(Nettuts\u662f\u4e00\u4e2a\u4e13\u6ce8\u4e8e\u63d0\u4f9b\u7f51\u7edc\u5f00\u53d1\u6559\u7a0b\u7684\u7f51\u7ad9\u3002)
\u4efb\u52a17\uff1a\u5f00\u59cb\u5b66\u4e60\u5982\u4f55\u4f7f\u7528JavaScript\u5e93
\u5982\u679c\u4f60\u5b66\u5230\u4e86\u8fd9\u4e2a\u5730\u6b65\uff0c\u5c31\u4f1a\u610f\u8bc6\u5230\u6709\u4e9bJavaScript \u7f16\u5199\u4efb\u52a1\u5f88\u96be(\u6216\u6839\u672c\u4e0d\u80fd)\u901a\u8fc7\u8de8\u6d4f\u89c8\u5668\u7684\u65b9\u5f0f\u5b9e\u73b0\u3002\u6700\u53ef\u80fd\u8fdd\u89c4\u7684\u4fbf\u662f\u8fc7\u91cf\u7684DOM\u64cd\u4f5c\uff0cAJAX\u548c\u52a8\u753b\u3002\u8fd9\u4e5f\u5c31\u662f\u4e3a\u4ec0\u4e48\u6211\u4eec\u9700\u8981JavaScript \u5e93\u7684\u539f\u56e0\u3002 \u6b63\u5982\u6211\u524d\u9762\u63d0\u5230\u7684\uff0c\u4e00\u4e2aJavaScript \u5e93\u7684\u8be6\u7ec6\u5185\u5bb9\u72b9\u5982\u51cf\u8f7b\u75db\u82e6\u7684\u871c\u7cd6\u3002\u56e0\u6b64\uff0c\u73b0\u5728\u6709\u5fc5\u8981\u6765\u770b\u4e00\u4e0b\u3002\u8fd9\u91cc\u6709\u5927\u91cf\u5e93\u4f9b\u4f60\u9009\u62e9\uff0c\u6211\u4f1a\u8ba9\u4f60\u81ea\u5df1\u51b3\u5b9a\u4ece\u54ea\u4e2a\u5f00\u59cb\u3002\u65e0\u8bba\u662fjQuery \u8fd8\u662fMootools\uff0cYUI \u8fd8\u662fDojo\uff0c\u5b83\u4eec\u5404\u81ea\u7684\u7f51\u7ad9\u4f1a\u4e3a\u4f60\u63d0\u4f9b\u5f00\u59cb\u5b66\u4e60\u65f6\u4f60\u6240\u9700\u8981\u7684\u4e00\u5207\u4fe1\u606f\u3002\u5982\u679c\u4f60\u89c9\u5f97\u7528\u5f97\u7740\u5c31\u6765\u8bd5\u8bd5\u5427\u3002 \u6700\u6d41\u884c\u7684\u5e93\uff1a \u867d\u7136\u5f88\u5bb9\u6613\u5f97\u5230\u5927\u91cf\u7684\u5e93\uff0c\u4f60\u8fd8\u662f\u5e94\u8be5\u9009\u4e00\u4e2a\u53d7\u6b22\u8fce\u7684\u2013 \u81f3\u5c11\u6392\u540d\u7b2c\u4e00\u3002 jQuery Dojo YUI MooTools Prototype
\u4efb\u52a18\uff1a\u7d27\u968f\u5927\u5e08\u7684\u6b65\u4f10
\u6709\u5f88\u591a\u4ee4\u4eba\u96be\u4ee5\u7f6e\u4fe1\u7684JavaScript \u5929\u624d\uff0c\u4ed6\u4eec\u4e00\u76f4\u5728\u505a\u4e9b\u5f88\u9177\u7684\u4e1c\u897f\uff0c\u4f60\u4e00\u5b9a\u4e0d\u60f3\u9519\u8fc7\u3002\u503c\u5f97\u5e86\u5e78\u7684\u662f\uff0c\u6211\u4eec\u7684\u5de5\u4f5c\u72c2Siddharth \u526f\u4e3b\u7f16\u5df2\u7ecf\u641e\u5230\u4e00\u4efd33\u540d\u8bbe\u8ba1\u4eba\u5458\u5217\u8868\uff0c\u8981\u60f3\u6210\u4e3a\u4e00\u540dJavaScript \u53d1\u70e7\u53cb\u4f60\u5c31\u5fc5\u987b\u8ba2\u9605\u5b83\u3002\u6254\u4e0b\u624b\u5934\u7684\u5de5\u4f5c\uff0c\u8ba2\u9605/\u8ddf\u968f\u8fd9\u4e9b\u8bbe\u8ba1\u4eba\u5458\u3002\u8fd9\u662f\u5fc5\u987b\u8981\u505a\u7684\u3002 \u4f46\u662f\uff0c\u4f60\u8fd8\u80fd\u505a\u66f4\u591a\u4e8b\u60c5\u3002\u8fd9\u4e2a\u516c\u5e73\u7f51\u7ad9\u7ecf\u5e38\u53d1\u5e03\u5173\u4e8eJavaScript \u7684\u4fe1\u606f\uff0c\u6240\u4ee5\u4e0d\u8981\u8d70\u5f00\u3002\u6b64\u5916\uff0c\u5173\u6ce8JavaScript Show \uff0c\u4e00\u6863\u5168\u4e16\u754c\u5173\u4e8eJavaScript\u6700\u65b0\u6700\u5927\u7684\u64ad\u5ba2\u3002\u4f60\u53ef\u80fd\u8fd8\u60f3\u6ce8\u518cJavaScript\u7535\u5b50\u5468\u520a\u7b80\u8baf\u3002 \u8fd8\u60f3\u8981\u66f4\u591a\u5417?\u5173\u6ce8Tuts+Marketplace \u7684JavaScript \u7c7b\u3002
javascript\u662f\u7528\u5728\u7f51\u9875\u4e2d\u7684\uff0c\u6240\u4ee5\u4f1a\u8bbe\u8ba1\u5230\u4e00\u4e9b\u7f51\u9875\u4ee3\u7801\u2014\u2014\u4e5f\u5c31\u662fHTML\u8bed\u8a00\uff0c
\u53e6\u5916\uff0cJavaScript\u672c\u8eab\u8fd8\u6709\u81ea\u5df1\u7684\u8bed\u6cd5\uff0c\u4e5f\u5c31\u662f\u548c\u4e00\u822c\u7f16\u7a0b\u8bed\u8a00\u7684\u57fa\u672c\u8bed\u6cd5\u5dee\u4e0d\u591a\u3002JavaScript\u7684\u8bed\u6cd5\u5e94\u8be5\u662fjava\u8bed\u8a00\u7684\u7b80\u5316\u3002\u53e6\u5916java\u5199\u51fa\u7684\u4ee3\u7801\u548cC\u8bed\u8a00\u5199\u51fa\u7684\u4ee3\u7801\u4e5f\u662f\u633a\u50cf\u7684\u3002
js\u7684\u4f5c\u7528\u4e3b\u8981\u6709\u8fd9\u4e48\u51e0\u4e2a\uff1a
\u8868\u5355\u9a8c\u8bc1\uff1a\u7f51\u9875\u4e0a\uff0c\u7528\u6237\u8f93\u5165\u7684\u4fe1\u606f\u9700\u8981\u8fdb\u884c\u9a8c\u8bc1\uff0c\u5728\u5ba2\u6237\u7aef\u9a8c\u8bc1\uff0c\u53ef\u4ee5\u51cf\u5c11\u5bf9\u670d\u52a1\u5668\u7aef\u7684\u538b\u529b\u3002\u6240\u4ee5\uff0c\u5e94\u8be5\u628a\u63e1\u6b63\u5219\u8868\u8fbe\u5f0f\u65b9\u9762\u7684\u77e5\u8bc6\u3002
\u7f51\u9875\u7279\u6548\uff1a\u9875\u9762\u4e0a\u5f88\u591a\u7279\u6548\u662f\u975e\u5e38\u597d\u7684\uff0c\u80fd\u4ea7\u751f\u5f88\u597d\u7684\u7528\u6237\u4f53\u9a8c\uff0c\u6240\u4ee5\u9700\u8981\u628a\u63e1\u597ddom\u65b9\u9762\u7684\u77e5\u8bc6\u3002
\u6570\u636e\u4f20\u8f93\uff1a\u5ba2\u6237\u7aef\u4e0e\u670d\u52a1\u5668\u7aef\u7684\u6570\u636e\u4ea4\u4e92\uff0c\u8fd9\u4e2a\u5c31\u662fAjax\u6280\u672f\u3002
javascript\u672c\u8eab\u4e5f\u662f\u4e00\u95e8\u6bd4\u8f83\u6709\u96be\u5ea6\u7684\u8bed\u8a00\uff0c\u7c7bC\u7684\u4e00\u79cd\u8bed\u8a00\uff0c\u4f46\u662f\uff0c\u4f5c\u4e3a\u4e00\u540d\u7a0b\u5e8f\u5458\uff0c\u53ea\u9700\u8981\u628a\u63e1\u4e00\u4e9b\u5e38\u7528\u7684\u6280\u672f\uff0c\u5c31\u662f\u4e0a\u9762\u5217\u4e3e\u7684\u90a3\u4e9b\u65b9\u9762\u3002\u56f4\u7ed5\u8fd9\u4e9b\u65b9\u9762\uff0c\u7ed3\u5408\u5f53\u4eca\u5f00\u53d1\u7684\u5e38\u7528\u6280\u672f\u5b66\u4e60\u5c31\u53ef\u4ee5\u4e86\u3002
学习新的东西是件可怕的事。对我来说，掌握一项新技能最大的问题是，我不知道自己懂什么。鉴于此，定个计划，学习你感兴趣的东西应该会有用。这篇文章的主旨就是：你为学习JavaScript 制定的蓝图、路线、行动计划!你不必担心找不到最好的资源，先整理些好的资源，再确定下一步该学什么。遵循它，一步一步来。
任务0：了解什么是JavaScript
在你真正开始学习JavaScript 之前，花一分钟了解一下什么是JavaScript，它有哪些功能。 JavaScript不是jQuery、Flash或Java。与它们不同，它是一种独立的编程语言。 JavaScript 是浏览器语言(尽管现在不完全是)。主要目的是给静态页面增加交互性。在浏览器里，它不会为你更换PHP或Ruby，也不会更改你的HTML或CSS;你可以把它们串在一起使用。另外，它没有你想的那么难学。 补充说明：你应该听过jQuery，它可能是被使用最广泛的JavaScript 库。也许你还听说过其他比较流行的JavaScript 框架，比如Mootools,，YUI，Dojo 等等。可以将它们统一看做JavaScript辅助工具集;当你使用它们的时候，你还在写JavaScript，但都是些很抽象的JavaScript。它会让你事半功倍。 “你甚至可能听到有人说，你应该先学jQuery(或其他库)再学JavaScript。我很尊重他们但完全不同意这种说法。先把JavaScript 学好再用其他库，你会发现你会做的更好;结果就是，你会编写更好的JavaScript。”
任务1：通过Codecademy.com站点的课程来学习
Codecademy是一个相对较新的网站，其广告语是“最易学的编码方法”。目前，该网站仅有两个课程，“初级编程”和“JavaScript快速入门指南”。沉浸在JavaScript 中是种不错的体验。跟 Try Ruby 练习非常相似，你会学到简短的课程、在浏览器里编码，然后看结果。得到全部分数、打开成就徽章。(Ruby，一种为简单快捷的面向对象编程(面向对象程序设计)而创的脚本语言。) 如果你已熟悉了另一种编程语言，你也许可以先学“JavaScript快速入门指南”;如果这是您第一次编程(HTML和CSS除外)，你会发现“初级编程”课程相当有用。Codecademy是一家免费网站，但需要注册。
任务2：appendTo 截屏方法
appendTo 视频有一套特别适合初学者的截屏方法。 如果你想用正确(容易)的方法学习JavaScript，学习这些课程绝对管用。视觉训练总是有效的! “用我们提供的点播内容、务实的训练解决方案来提升自己的技能。无需注册、无需绑定、绝不忽悠。”
任务3：阅读一本好的关于JavaScript 的说明书
一旦你通过Codecademy上的课程来学习，你就会想搞到一本关于JavaScript的详细说明书–介绍所有的类型、运算符、控件架构等等。 如果可以的话，我来介绍几个好的说明书： 《再说JavaScript》 – 这本说明书可在Mozilla开发者网络上找到，语言公正。这本书内容很丰富，有很多代码实例和文段介绍。 《Eloquent JavaScript》 – 该书由Marijn Haverbeke 编写，可免费在线阅读，如果你想弄个硬拷贝可以上亚马逊网站购买。它比MDN说明更详细，因为它不仅涵盖了JavaScript 语言，而且包括编码风格以及在浏览器里使用JavaScript。当然，“eloquent”并非言过其实。(eloquent - 雄辩的、口若悬河的) 《Getting Good with JavaScript》 – 没错，这本书是我写的，但是我介绍这本书是另有原因的。它跟我在前面介绍的两本说明不同;在这本书里我只介绍了编程人员快速掌握编程技巧所需要的部分。此外，它还附带超过6个小时的截屏视频，因此，想要就去看看吧。(当然，这本不是免费的。)
任务4：安装、学习Firebug(或开发人员工具)
一旦你开始在浏览器里使用JavaScript，就需要安装Firebug并熟悉它的性能。Firebug是一款用于Firefox的插件，它能帮你创建和调试网页：对网页开发者来说，它就像外科医生的‘手术刀'。如果你不用Firefox?喜欢Safari 或者Chrome怎么办?没问题：可以查找类似Firebug的内置开发人员工具。 “你可以在Mac地址栏里按选项+命令+I 或者按快捷键Control + Shift + I ，来打开设计工具面板。” 通过打开你选的工具，只需在你喜欢的其中一个网站上点击点击，你就会学到很多东西。这里有一些能加速你学习的资源：FirebugFirebug网站和维基百科Firebug的CSS-技巧说明你应该在Nettuts+上使用Firebug的10大理由。Firebug：从白带到黑带，Tuts+ Marketplace 网站(http://marketplace.tutsplus.com/item/firebug-white-to-black-belt/118795)设计工具设计工具网站Google I/O 2011：由Paul Irish重组的浏览器设计工具Google 浏览器设计工具：Paul Irish 的快速开发12技巧
任务5：读一本有关JavaScript的书籍
现在你已经熟悉了些基础知识，但是还有很多东西要学。尽管我推荐的一些书可能会让你‘破产'，但你会发现任何时候我都会推荐4本高质量的书：
前两本是一般的、较深入的JavaScript 资源，它们会让你从简介到较深层次逐步理解;当然，简介里会有一些重叠的说明，但不多：刚好让你看起来很舒服。(注：虽然这些书在亚马逊网站能买到，我已经链接了出版商的网站，因此，你能看看范例章节。) 《JavaScript高级程序设计》- Nicolas C. Zakas 编写，这本书涵盖了它能涵盖的所有内容。如果你以前看过Zakas的任何作品，你会发现他是个不折不扣的天才。除了涵盖了JavaScript语言，这本书还能让您在浏览器里很好的使用JavaScript。 《JavaScript 24-hour Trainer 》由Jeremy McPeak 编撰，该作者也写过Nettuts+。它不仅仅是一本书：还附带了一张长达四小时的教学光碟。全书共43节课，涉及编码句法指导和代码优化。 虽然这些书非常适合编程人员学习JavaScript语言以及如何在浏览器中使用这些语言，但是学无止境。虽然这些书的确进入了一些模式和实练中，我再推荐两本我认为有用的书。1)《JavaScript Patterns 》- Stoyan Stefanov著。我也是刚刚读完这本书，我真希望能尽快读完它。在读过上面的资源之后，你可以学到如何编写JavaScript，但是这本书会教你如何对资源进行重组，这项技能很重要，并非如你想象般简单。2)《JavaScript：The Good Parts 》- Douglas Crockford 著。该书介绍了JavaScript的优缺点。
任务6：做些事情!
在学习完上述资源后，你应该已经尝试了一些代码样本：修改代码、整合代码看看会怎么样。但是是时候让自己休息一下，做点东西出来了。 你能做什么呢?你能做很多东西。这里有一些意见。1) 图片库：显示一套图片缩略图和主图。当用户点击缩略图的时候，要用较大的缩略图(不是原缩略图)替代当前的主图。如果你能覆盖缩略图alt 标记的标题就奖励积分，或是在用户一分钟内未点击的时候进行图片循环。2) 待办列表：听起来有点难，我也不打算推荐你制作一个完整的待办列表。只需要做一个文本框并在其旁放上按钮;点击按钮的时候，已输入的文字会在一个无序列表下面变成一个项目。点击列表项目便可移除。这听起来很容易，但有几个陷阱，对初学者来说仔细想想还是很有好处的。3) 动画框：动画其实是小把戏而已，并不需要弄得太复杂。做一个包含了少许文本的div，其上要有若干按钮。一个按钮用来调整宽度，一个用来调整高度;还有一个用来调整背景颜色。关键是不要让更改发生得太快，但在一秒钟之内。记住，Google 是你的朋友，特别是如果迄今为止你还未用JavaScript做任何动画的话。 我相信你能想到其他的很好的练习的计划。当然，学习的唯一方法是把自己从安乐窝里拽出来。“此外，在所有的技能水平上，确保JavaScript 类别在Nettuts+上有大量教程列表。”(Nettuts是一个专注于提供网络开发教程的网站。)
任务7：开始学习如何使用JavaScript库
如果你学到了这个地步，就会意识到有些JavaScript 编写任务很难(或根本不能)通过跨浏览器的方式实现。最可能违规的便是过量的DOM操作，AJAX和动画。这也就是为什么我们需要JavaScript 库的原因。 正如我前面提到的，一个JavaScript 库的详细内容犹如减轻痛苦的蜜糖。因此，现在有必要来看一下。这里有大量库供你选择，我会让你自己决定从哪个开始。无论是jQuery 还是Mootools，YUI 还是Dojo，它们各自的网站会为你提供开始学习时你所需要的一切信息。如果你觉得用得着就来试试吧。 最流行的库： 虽然很容易得到大量的库，你还是应该选一个受欢迎的– 至少排名第一。 jQuery Dojo YUI MooTools Prototype
任务8：紧随大师的步伐
有很多令人难以置信的JavaScript 天才，他们一直在做些很酷的东西，你一定不想错过。值得庆幸的是，我们的工作狂Siddharth 副主编已经搞到一份33名设计人员列表，要想成为一名JavaScript 发烧友你就必须订阅它。扔下手头的工作，订阅/跟随这些设计人员。这是必须要做的。 但是，你还能做更多事情。这个公平网站经常发布关于JavaScript 的信息，所以不要走开。此外，关注JavaScript Show ，一档全世界关于JavaScript最新最大的播客。你可能还想注册JavaScript电子周刊简讯。 还想要更多吗?关注Tuts+Marketplace 的JavaScript 类。
最后undefined 感谢阅读此文!真诚的希望它能帮你成为一名JavaScript 爱好者。如果你已对JavaScript 很熟悉，你可以在评论中推荐其他任何相关资源。
http://article.yeeyan.org/view/188878/225166
其它资源http://www.zhihu.com/question/19713563?rf=20215547
扩展阅读：苹果手机javascript ... 欧洲vpswindows直播抖音 ... javascript免费网站 ... chinesehomemade京东 ... jquerymobile日本ad ... javascript+jquery ... javascript substring ... jquery mobile日本7 ... javascript高级视频 ...
