前端和后端的区别，哪个好学一点？ 前端开发和后端开发哪个好学？
\u524d\u7aef\u548c\u540e\u7aef\u7684\u533a\u522b\u662f\u4ec0\u4e48\u5462\uff1f\u54ea\u4e2a\u597d\u5b66\u524d\u7aef\uff1a\u662f\u6307\u7f51\u7ad9\u7684\u524d\u53f0\u90e8\u5206\uff0c\u5305\u62ec\u7f51\u7ad9\u7684\u8868\u73b0\u5c42\u548c\u7ed3\u6784\u5c42\uff0c\u524d\u7aef\u6280\u672f\u4e00\u822c\u5206\u4e3a\u524d\u7aef\u8bbe\u8ba1\u548c\u524d\u7aef\u5f00\u53d1\u3002
\u540e\u7aef\uff1a\u662f\u63d0\u4f9b\u670d\u52a1\u6570\u636e\u63a5\u53e3\u7684\uff0c\u662f\u6307\u7531\u670d\u52a1\u5668\u6765\u8fdb\u884c\u89e3\u6790\u7f16\u8bd1\u7684\u4ee3\u7801\u548c\u7531\u5ba2\u6237\u7aef\u6d4f\u89c8\u5668\u89e3\u6790\u7684\u4ee3\u7801\u3002
\u5173\u7cfb\uff1a\u524d\u7aef\u901a\u8fc7\u8c03\u7528\u540e\u7aef\u8fd4\u56de\u7684\u6570\u636e\u63a5\u53e3\u91cd\u7ec4\u6e32\u67d3\u9875\u9762\u3002
\u7b2c\u4e00 \u524d\u7aef\u5f00\u53d1\u5bb9\u6613\u5b66\u4e60\u5417\uff1f \u5173\u4e8e\u8fd9\u4e2a\u95ee\u9898\uff0c\u6211\u53ea\u6709\u4e00\u53e5\u53e4\u6587\u63a5\u5355\uff1a\u5929\u4e0b\u4e8b\u6709\u96be\u6613\u4e4e\uff1f\u4e3a\u4e4b\uff0c\u5219\u96be\u8005\u4ea6\u6613\u77e3\uff1b\u4e0d\u4e3a\uff0c\u5219\u6613\u8005\u4ea6\u96be\u77e3\u3002\u4eba\u4e4b\u4e3a\u5b66\u6709\u96be\u6613\u4e4e\uff1f\u5b66\u4e4b\uff0c\u5219\u96be\u8005\u4ea6\u6613\u77e3\uff1b\u4e0d\u5b66\uff0c\u5219\u6613\u8005\u4ea6\u96be\u77e3\u3002
\u7b2c\u4e8c \u5b66\u4e60\u524d\u7aef\u6709\u524d\u9014\u5417\uff1f \u5173\u4e8e\u8fd9\u4e2a\u95ee\u9898\uff0c \u6211\u7684\u7b54\u6848\u662f\uff1a\u6709\u524d\u9014\uff0c\u975e\u5e38\u6709\u524d\u9014\uff0c\u503c\u5f97\u6765\u5b66\u4e60\u3002\u4f46\u662f\u884c\u4e1a\u6709\u524d\u9014\uff0c\u4e0d\u4ee3\u8868\u4f60\u5c31\u6709\u524d\u9014\uff0c\u56e0\u4e3a\u524d\u9014\u662f\u7ed9\u6709\u5b9e\u529b\u7684\u4eba\u51c6\u5907\u7684\uff0c\u5982\u679c\u4f60\u4e0d\u597d\u597d\u5b66\u4e60\u524d\u7aef\u6280\u672f\uff0c\u53ea\u6709\u4e09\u811a\u732b\u7684\u529f\u592b\uff0c\u90a3\u4e48\u524d\u9014\u548c\u4f60\u53ea\u80fd\u64e6\u80a9\u800c\u8fc7\uff0c\u5f53\u7136\u73b0\u5728\u4e0d\u4f1a\u4e0d\u8981\u7d27\uff0c\u53ef\u4ee5\u52a0\u5f3a\u5b66\u4e60\uff0c\u79ef\u7d2f\u5b9e\u529b\uff0c\u4efb\u4f55\u4e00\u95e8\u6280\u672f\u7684\u63d0\u5347\uff0c\u90fd\u6709\u4e00\u4e2a\u8fc7\u7a0b\u3002
\u7b2c\u4e09 \u600e\u4e48\u5b66\u4e60\u524d\u7aef\u6280\u672f\u624d\u80fd\u8fdb\u6b65\u7684\u7279\u522b\u5feb\uff1f \u5173\u4e8e\u8fd9\u4e2a\u95ee\u9898\uff0c\u6211\u7684\u7ecf\u9a8c\u662f\u8ddf\u7740\u9ad8\u624b\u5b66\u4e60\uff0c\u8ba9\u4f1a\u7684\u4eba\u5e26\u4f60\uff0c\u4f60\u624d\u4e0d\u4f1a\u8ff7\u8def\uff0c\u81ea\u5b66\u53ef\u4ee5\uff0c\u4f46\u662f\u81ea\u5b66\u592a\u8d39\u52b2\u4e5f\u592a\u9ebb\u70e6\uff0c\u6211\u4eec\u7684\u65f6\u95f4\u6210\u672c\u548c\u7cbe\u529b\u6210\u672c\u4e5f\u662f\u5f88\u9ad8\u7684\u3002\u6240\u4ee5\u8ba9\u9ad8\u624b\u5e26\u7740\u4f60\u6765\u5b66\u4e60\uff0c\u53ef\u4ee5\u8ba9\u4f60\u5c11\u8d70\u5f2f\u8def\uff0c\u53ef\u4ee5\u4f5c\u4e3a\u4f60\u5b66\u4e60\u524d\u7aef\u7684\u5411\u5bfc\uff0c\u6211\u4eec\u5f00\u8f66\u51fa\u95e8\u73b0\u5728\u8fd8\u9700\u8981\u5bfc\u822a\u5462\u3002\u6211\u7684\u524d\u7aef\u5c31\u662f\u8ddf\u4e00\u4e2a\u9ad8\u624b\u5b66\u4e60\u7684\u5728\u7f51\u4e0a\uff0c\u4ed6\u6bcf\u5929\u5728\u7f51\u4e0a\u90fd\u6709\u514d\u8d39\u524d\u7aef\u76f4\u64ad\u8bfe\uff0c\u8bb2\u4e24\u4e2a\u5c0f\u65f6\u5de6\u53f3\uff0c\u8bb2\u7684\u5f88\u6709\u6df1\u5ea6\u548c\u5e7f\u5ea6\uff0c\u4e5f\u5f88\u900f\u5f7b\u660e\u767d\uff0c\u60f3\u5b66\u4e60\u524d\u7aef\u7684\u670b\u53cb\u6709\u5fc5\u8981\u53bb\u542c\u4e00\u4e0b\uff0c\u60f3\u542c\u8fd9\u4f4d\u524d\u7aef\u9ad8\u624b\u76f4\u64ad\u8bfe\u7684\u540c\u5b66\uff0c\u53ef\u4ee5\u8fdb\u5165\u4ed6\u7684\u524d\u7aef\u6559\u7a0b\u8d44\u6599\u88d9\uff1a\u9996\u5148\u4f4d\u4e8e\u5f00\u5934\u7684\u4e00\u7ec4\u6570\u5b57\u662f\uff1a655\uff0c\u5176\u6b21\u5904\u4e8e\u4e2d\u95f4\u5730\u5e26\u7684\u4e00\u7ec4\u6570\u5b57\u662f\uff1a567\uff0c\u6700\u540e\u4f4d\u4e8e\u5c3e\u90e8\u7684\u4e00\u7ec4\u6570\u5b57\u662f\uff1a613\uff0c\u628a\u4ee5\u4e0a\u4e09\u7ec4\u6570\u5b57\u6309\u7167\u5148\u540e\u987a\u5e8f\u7ec4\u5408\u8d77\u6765\u5373\u53ef\uff0c\u5b66\u4e60\u624d\u6709\u672a\u6765\uff0c\u5b66\u4e60\u624d\u80fd\u628a\u63e1\u4eba\u751f\u7684\u4e3b\u52a8\u6743\uff0c\u5b66\u4e60\u624d\u6709\u5e0c\u671b\uff0c\u9003\u907f\u5b66\u4e60\uff0c\u53ea\u80fd\u6ca6\u4e3a\u5f31\u8005\uff0c\u4eba\uff0c\u5c31\u5e94\u8be5\u6d3b\u800c\u6210\u5f3a\u8005\u3002
\u7b2c\u56db \u5927\u524d\u7aef\u5b8c\u6574\u5b66\u4e60\u8def\u7ebf\uff08\u8be6\u89e3\uff09\u3002 \u7b2c\u4e00\u9636\u6bb5\uff1a
\uff081\uff09HTML+CSS:
\u9996\u5148 HTML\u8fdb\u9636\u3001CSS\u8fdb\u9636\u3001div+css\u5e03\u5c40\u3001HTML+css\u6574\u7ad9\u5f00\u53d1\u3001
\uff082\uff09JavaScript\u57fa\u7840\uff1a
Js\u57fa\u7840\u6559\u7a0b\u3001js\u5185\u7f6e\u5bf9\u8c61\u5e38\u7528\u65b9\u6cd5\u3001\u5e38\u89c1DOM\u6811\u64cd\u4f5c\u5927\u5168\u3001ECMAscript\u3001DOM\u3001BOM\u3001\u5b9a\u65f6\u5668\u548c\u7126\u70b9\u56fe\u3002
\uff083\uff09JS\u57fa\u672c\u7279\u6548\uff1a
\u5e38\u89c1\u7279\u6548\u3001\u4f8b\u5982\uff1atab\u3001\u5bfc\u822a\u3001\u6574\u9875\u6eda\u52a8\u3001\u8f6e\u64ad\u56fe\u3001JS\u5236\u4f5c\u5e7b\u706f\u7247\u3001\u5f39\u51fa\u5c42\u3001\u624b\u98ce\u7434\u83dc\u5355\u3001\u7011\u5e03\u6d41\u5e03\u5c40\u3001\u6eda\u52a8\u4e8b\u4ef6\u3001\u6eda\u5dee\u89c6\u56fe\u3002
\uff084\uff09JS\u9ad8\u7ea7\u7279\u5f81\uff1a
\u6b63\u5219\u8868\u8fbe\u5f0f\u3001\u6392\u5e8f\u7b97\u6cd5\u3001\u9012\u5f52\u7b97\u6cd5\u3001\u95ed\u5305\u3001\u51fd\u6570\u8282\u6d41\u3001\u4f5c\u7528\u57df\u94fe\u3001\u57fa\u4e8e\u8ddd\u79bb\u8fd0\u52a8\u6846\u67b6\u3001\u9762\u5411\u5bf9\u8c61\u57fa\u7840\u3001
\uff085\uff09Query\uff1a\u57fa\u7840\u4f7f\u7528
\u60ac\u7740\u5668\u3001DOM\u64cd\u4f5c\u3001\u7279\u6548\u548c\u52a8\u753b\u3001\u65b9\u6cd5\u94fe\u3001\u62d6\u62fd\u3001\u53d8\u5f62\u3001JQueryUI\u7ec4\u4ef6\u57fa\u672c\u4f7f\u7528\u3002
\u7b2c\u4e8c\u9636\u6bb5\uff1aHTML5\u548c\u79fb\u52a8Web\u5f00\u53d1\u3002
\uff081\uff09HTML5\uff1a
HTML5\u65b0\u8bed\u4e49\u6807\u7b7e\u3001HTML5\u8868\u5355\u3001\u97f3\u9891\u548c\u89c6\u9891\u3001\u79bb\u7ebf\u548c\u672c\u5730\u5b58\u50a8\u3001SVG\u3001Web Socket\u3001Canvas.
\uff082\uff09CSS3:
CSS3\u65b0\u9009\u62e9\u5668\u3001\u4f2a\u5143\u7d20\u3001\u8138\u8272\u8868\u793a\u6cd5\u3001\u8fb9\u6846\u3001\u9634\u5f71\u3001background\u7cfb\u5217\u5c5e\u6027\u6539\u53d8\u3001Transition\u3001\u52a8\u753b\u3001\u666f\u6df1\u548c\u6df1\u900f\u30013D\u6548\u679c\u5236\u4f5c\u3001Velocity.js\u6846\u67b6\u3001\u5143\u7d20\u8fdb\u573a\u3001\u51fa\u573a\u7b56\u7565\u3001\u70ab\u9177CSS3\u7f51\u9875\u5236\u4f5c\u3002
\uff083\uff09Bootstrap:
\u54cd\u5e94\u5f0f\u6982\u5ff5\u3001\u5a92\u4f53\u67e5\u8be2\u3001\u54cd\u5e94\u5f0f\u7f51\u7ad9\u5236\u4f5c\u3001\u5220\u683c\u7cfb\u7edf\u3001\u5220\u683c\u7cfb\u7edf\u539f\u7406\u3001Bootstrap\u5e38\u7528\u6a21\u677f\u3001LESS\u548cSASS\u3002
\uff084\uff09\u79fb\u52a8Web\u5f00\u53d1\uff1a
\u8de8\u7ec8\u7aefWEB\u548c\u4e3b\u6d41\u8bbe\u5907\u7b80\u4ecb\u3001\u89c6\u53e3\u3001\u6d41\u5f0f\u5e03\u5c40\u3001\u5f39\u6027\u76d2\u5b50\u3001rem\u3001\u79fb\u52a8\u7ec8\u7aefJavaScript\u4e8b\u4ef6\u3001\u624b\u673a\u4e2d\u5e38\u89c1JS\u6548\u679c\u5236\u4f5c\u3001Zepto.js\u3001\u624b\u673a\u805a\u5212\u7b97\u9875\u9762\u3001\u624b\u673a\u6eda\u5c4f\u3002
\u7b2c\u4e09\u9636\u6bb5\uff1aHTTP\u670d\u52a1\u548cAJAX\u7f16\u7a0b\u3002
\uff081\uff09WEB\u670d\u52a1\u5668\u57fa\u7840\uff1a
\u670d\u52a1\u5668\u57fa\u7840\u77e5\u8bc6\u3001Apache\u670d\u52a1\u5668\u548c\u5176\u4ed6WEB\u670d\u52a1\u5668\u4ecb\u7ecd\u3001Apache\u670d\u52a1\u5668\u642d\u5efa\u3001HTTP\u4ecb\u7ecd\u3002
\uff082\uff09PHP\u57fa\u7840\uff1a
PHP\u57fa\u7840\u8bed\u6cd5\u3001\u4f7f\u7528PHP\u5904\u7406\u7b80\u5355\u7684GET\u6216\u8005POST\u8bf7\u6c42\u3001
\uff083\uff09AJAX\u4e0a\u7bc7\uff1a
Ajax\u7b80\u4ecb\u548c\u5f02\u6b65\u7684\u6982\u5ff5\u3001Ajax\u6846\u67b6\u7684\u5c01\u88c5\u3001XMLHttpRequest\u5bf9\u8c61\u8be6\u7ec6\u4ecb\u7ecd\u65b9\u6cd5\u3001\u517c\u5bb9\u6027\u5904\u7406\u65b9\u6cd5\u3001Ajax\u6846\u67b6\u7684\u5c01\u88c5\u3001Ajax\u4e2d\u7f13\u5b58\u95ee\u9898\u3001XML\u4ecb\u7ecd\u548c\u4f7f\u7528\u3002
\uff084\uff09AJAX\u4e0b\u7bc7\uff1a
JSON\u548cJSON\u89e3\u6790\u3001\u6570\u636e\u7ed1\u5b9a\u548c\u6a21\u677f\u6280\u672f\u3001JSONP\u3001\u8de8\u57df\u6280\u672f\u3001\u56fe\u7247\u9884\u8bfb\u53d6\u548clazy-load\u6280\u672f\u3001JQuery\u6846\u67b6\u4e2d\u7684AjaxAPI\u3001\u4f7f\u7528Ajax\u5b9e\u73b0\u7206\u5e03\u6d41\u6848\u4f8b\u989d\u3002
\u7b2c\u56db\u9636\u6bb5\uff1a\u9762\u5411\u5bf9\u8c61\u8fdb\u9636.
\uff081\uff09\u9762\u5411\u5bf9\u8c61\u7ec8\u6781\u7bc7\uff1a
\u4ece\u5185\u5b58\u89d2\u5ea6\u5230\u7406\u89e3JS\u9762\u5411\u5bf9\u8c61\u3001\u57fa\u672c\u7c7b\u578b\u3001\u590d\u6742\u7c7b\u578b\u3001\u539f\u578b\u94fe\u3001ES6\u4e2d\u7684\u9762\u5411\u5bf9\u8c61\u3001\u5c5e\u6027\u8bfb\u5199\u6743\u9650\u3001\u8bbe\u7f6e\u5668\u3001\u8bbf\u95ee\u5668\u3002
\uff082\uff09\u9762\u5411\u5bf9\u8c61\u4e09\u5927\u7279\u5f81\uff1a
\u7ee7\u627f\u6027\u3001\u591a\u6001\u6027\u3001\u5c01\u88c5\u6027\u3001\u63a5\u53e3\u3002
\uff083\uff09\u8bbe\u8ba1\u6a21\u5f0f\uff1a
\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b\u601d\u7ef4\u3001\u5355\u4f8b\u6a21\u5f0f\u3001\u5de5\u5382\u6a21\u5f0f\u3001\u7b56\u7565\u6a21\u5f0f\u3001\u89c2\u5bdf\u8005\u6a21\u5f0f\u3001\u6a21\u677f\u65b9\u6cd5\u6a21\u5f0f\u3001\u4ee3\u7406\u6a21\u5f0f\u3001\u88c5\u9970\u8005\u6a21\u5f0f\u3001\u9002\u914d\u5668\u6a21\u5f0f\u3001\u9762\u5411\u5207\u9762\u7f16\u7a0b\u3002
\u7b2c\u4e94\u9636\u6bb5\uff1a\u5c01\u88c5\u4e00\u4e2a\u5c5e\u4e8e\u81ea\u5df1\u7684\u6846\u67b6\u3002
\uff081\uff09\u6846\u67b6\u5c01\u88c5\u57fa\u7840\uff1a
\u4e8b\u4ef6\u6d41\u3001\u5192\u6ce1\u3001\u6355\u83b7\u3001\u4e8b\u4ef6\u5bf9\u8c61\u3001\u4e8b\u4ef6\u6846\u67b6\u3001\u9009\u62e9\u6846\u67b6\u3002
\uff082\uff09\u6846\u67b6\u5c01\u88c5\u4e2d\u7ea7\uff1a
\u8fd0\u52a8\u539f\u7406\u3001\u5355\u7269\u4f53\u8fd0\u52a8\u6846\u67b6\u3001\u591a\u7269\u4f53\u8fd0\u52a8\u6846\u67b6\u3001\u8fd0\u52a8\u6846\u67b6\u9762\u5411\u5bf9\u8c61\u5c01\u88c5\u3002
\uff083\uff09\u6846\u67b6\u5c01\u88c5\u9ad8\u7ea7\u548c\u8865\u5145\uff1a
JQuery\u6846\u67b6\u96cf\u5f62\u3001\u53ef\u6269\u5c55\u6027\u3001\u6a21\u5757\u5316\u3001\u5c01\u88c5\u5c5e\u4e8e\u4f20\u667a\u81ea\u5df1\u7684\u6846\u67b6\u3002
\u7b2c\u516d\u9636\u6bb5\uff1a\u6a21\u5757\u5316\u7ec4\u4ef6\u5f00\u53d1\u3002
\uff081\uff09\u9762\u5411\u7ec4\u4ef6\u7f16\u7a0b\uff1a
\u9762\u5411\u7ec4\u4ef6\u7f16\u7a0b\u7684\u65b9\u5f0f\u3001\u9762\u5411\u7ec4\u4ef6\u7f16\u7a0b\u7684\u5b9e\u73b0\u539f\u7406\u3001\u9762\u5411\u7ec4\u4ef6\u7f16\u7a0b\u5b9e\u6218\u3001\u57fa\u4e8e\u7ec4\u4ef6\u5316\u601d\u60f3\u5f00\u53d1\u7f51\u7ad9\u5e94\u7528\u7a0b\u5e8f\u3002
\uff082\uff09\u9762\u5411\u6a21\u5757\u7f16\u7a0b\uff1a
AMD\u8bbe\u8ba1\u89c4\u8303\u3001CMD\u8bbe\u8ba1\u89c4\u8303\u3001RequireJS\uff0cLoadJS\u3001\u6dd8\u5b9d\u7684SeaJS\u3002
\u7b2c\u4e03\u9636\u6bb5\uff1a\u4e3b\u6d41\u7684\u6d41\u884c\u6846\u67b6\u3002
\uff081\uff09Web\u5f00\u53d1\u5de5\u4f5c\u6d41\uff1a
GIT/SVN\u3001Yeoman\u811a\u624b\u67b6\u3001NPM/Bower\u4f9d\u8d56\u7ba1\u7406\u5de5\u5177\u3001Grunt/Gulp/Webpack\u3002
\uff082\uff09MVC/MVVM/MVW\u6846\u67b6\uff1a
Angular.js\u3001Backbone.js\u3001Knockout/Ember\u3002
\uff083\uff09\u5e38\u7528\u5e93\uff1a
React.js\u3001Vue.js\u3001Zepto.js\u3002
\u7b2c\u516b\u9636\u6bb5\uff1aHTML5\u539f\u751f\u79fb\u52a8\u5e94\u7528\u5f00\u53d1\u3002
\uff081\uff09Cordova\uff1a
WebApp/NativeApp/HybirdApp\u7b80\u4ecb\u3001Cordova\u7b80\u4ecb\u3001\u4e0ePhoneGap\u4e4b\u95f4\u7684\u5173\u7cfb\u3001\u5f00\u53d1\u73af\u5883\u642d\u5efa\u3001Cordova\u5b9e\u6218\uff08\u521b\u5efa\u9879\u76ee\uff0c\u914d\u7f6e\uff0c\u7f16\u8bd1\uff0c\u8c03\u8bd5\uff0c\u90e8\u7f72\u53d1\u5e03\uff09\u3002
\uff082\uff09Ionic\uff1a
Ionic\u7b80\u4ecb\u548c\u540c\u7c7b\u5bf9\u6bd4\u3001\u6a21\u677f\u9879\u76ee\u89e3\u6790\u3001\u5e38\u89c1\u7ec4\u4ef6\u53ca\u4f7f\u7528\u3001\u7ed3\u5408Angular\u6784\u5efaAPP\u3001\u5e38\u89c1\u6548\u679c\uff08\u4e0b\u62c9\u5237\u65b0\uff0c\u4e0a\u62c9\u52a0\u8f7d\uff0c\u4fa7\u6ed1\u5bfc\u822a\uff0c\u9009\u9879\u5361\uff09\u3002
\uff083\uff09React Native\uff1a
React Native\u7b80\u4ecb\u3001React Native\u73af\u5883\u914d\u7f6e\u3001\u521b\u5efa\u9879\u76ee\uff0c\u914d\u7f6e\uff0c\u7f16\u8bd1\uff0c\u8c03\u8bd5\uff0c\u90e8\u7f72\u53d1\u5e03\u3001\u539f\u751f\u6a21\u5757\u548cUI\u7ec4\u4ef6\u3001\u539f\u751f\u5e38\u7528API\u3002
\uff084\uff09HTML5+\uff1a
HTML5+\u4e2d\u56fd\u4ea7\u4e1a\u8054\u76df\u3001HTML5 Plus Runtime\u73af\u5883\u3001HBuilder\u5f00\u53d1\u5de5\u5177\u3001MUI\u6846\u67b6\u3001H5+\u5f00\u53d1\u548c\u90e8\u7f72\u3002
\u7b2c\u4e5d\u9636\u6bb5\uff1a Node.js\u5168\u6808\u5f00\u53d1\uff1a
\uff081\uff09\u5feb\u901f\u5165\u95e8\uff1a
Node.js\u53d1\u5c55\u3001\u751f\u6001\u5708\u3001Io.js\u3001Linux/Windows/OS X\u73af\u5883\u914d\u7f6e\u3001REPL\u73af\u5883\u548c\u63a7\u5236\u53f0\u7a0b\u5e8f\u3001\u5f02\u6b65\u7f16\u7a0b\uff0c\u975e\u963b\u585eI/O\u3001\u6a21\u5757\u6982\u5ff5\uff0c\u6a21\u5757\u7ba1\u7406\u5de5\u5177\u3001\u5f00\u53d1\u6d41\u7a0b\uff0c\u8c03\u8bd5\uff0c\u6d4b\u8bd5\u3002
\uff082\uff09\u6838\u5fc3\u6a21\u5757\u548c\u5bf9\u8c61\uff1a
\u5168\u5c40\u5bf9\u8c61global\uff0cprocess\uff0cconsole\uff0cutil\u3001\u4e8b\u4ef6\u9a71\u52a8\uff0c\u4e8b\u4ef6\u53d1\u5c04\u5668\u3001\u52a0\u5bc6\u89e3\u5bc6\uff0c\u8def\u5f84\u64cd\u4f5c\uff0c\u5e8f\u5217\u5316\u548c\u53cd\u5e8f\u5217\u5316\u3001\u6587\u4ef6\u6d41\u64cd\u4f5c\u3001HTTP\u670d\u52a1\u7aef\u4e0e\u5ba2\u6237\u7aef\u3001Socket.IO\u3002
\uff083\uff09Web\u5f00\u53d1\u57fa\u7840\uff1a
HTTP\u534f\u8bae\uff0c\u8bf7\u6c42\u54cd\u5e94\u5904\u7406\u8fc7\u7a0b\u3001\u5173\u7cfb\u578b\u6570\u636e\u5e93\u64cd\u4f5c\u548c\u6570\u636e\u8bbf\u95ee\u3001\u975e\u5173\u7cfb\u578b\u6570\u636e\u5e93\u64cd\u4f5c\u548c\u6570\u636e\u8bbf\u95ee\u3001\u539f\u751f\u7684Node.js\u5f00\u53d1Web\u5e94\u7528\u7a0b\u5e8f\u3001Web\u5f00\u53d1\u5de5\u4f5c\u6d41\u3001Node.js\u5f00\u53d1Blog\u6848\u4f8b\u3002
\uff084\uff09\u5feb\u901f\u5f00\u53d1\u6846\u67b6\uff1a
Express\u7b80\u4ecb+MVC\u7b80\u4ecb\u3001Express\u5e38\u7528API\u3001Express\u8def\u7531\u6a21\u5757\u3001Jade/Ejs\u6a21\u677f\u5f15\u64ce\u3001\u4f7f\u7528Express\u91cd\u6784Blog\u6848\u4f8b\u3001Koa\u7b49\u5176\u4ed6\u5e38\u89c1MVC\u6846\u67b6\u3002
\uff085\uff09Node.js\u5f00\u53d1\u7535\u5b50\u5546\u52a1\u5b9e\u6218\uff1a
\u9700\u6c42\u4e0e\u8bbe\u8ba1\u3001\u8d26\u6237\u6a21\u5757\u6ce8\u518c\u767b\u5f55\u3001\u4f1a\u5458\u4e2d\u5fc3\u6a21\u5757\u3001\u524d\u53f0\u5c55\u793a\u6a21\u5757\u3001\u8d2d\u7269\u8f66\uff0c\u8ba2\u5355\u7ed3\u7b97\u3001\u5728\u7ebf\u5ba2\u670d\u5373\u65f6\u901a\u8baf\u6a21\u5757\u3002
相比于前端开发而言，后端开发人员在业务逻辑方面要求更高，所以如果之前没有相关基础的话，选择前端开发学习难度相对低一些。
前端工程师主要的工作职责分为三大部分，分别是传统的网页前端开发，移动端开发和大数据呈现端开发。Web前端开发主要针对的是PC端开发任务；移动端开发则包括Android开发、iOS开发和各种小程序开发，在移动互联网迅速发展的带动下，移动端的开发任务量是比较大的。
后端工程师的主要职责分别是平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器；接口设计主要针对于不同行业进行相应的功能接口设计，通常一个平台有多套接口，就像卫星导航平台设有民用和军用两套接口一样；功能实现则是完成具体的业务逻辑实现。
知识结构方面
前端开发涉及到的内容包括Html、CSS、JavaScript、Android开发（采用Java或者kotlin）、iOS开发（采用OC或者Swift）、各种小程序开发技术（类Html），随着前端开发任务的不断拓展，前端开发后端化也是一个较为明显的趋势，比如Nodejs的应用。
后端开发通常需要根据业务场景进行不同语言的选择，另外后端开发的重点在于算法设计、数据结构、性能优化等方面，在具体的功能实现部分可以采用Java、Python或者PHP等编程语言来实现。
从上手来说，大部分认为前端开发入门相对简单，深度上而言，后端又难一些，前端开发和后端开发 需要涉及面不一样 不能说那个简单或者哪个难，需知道每一行入门都很简单 但是深入学习就会发现各自难点。最终不论是前端后端很多技术都会相互掌握些。
前端和后端是从开发者角度来说的，前端就是用户可见部分的优化、交互功能开发，随着软件WEB化，Html5前端开发技术的发展，前端的技术方向越来越多，可开发解决的功能很多。
web前端有广阔的发展空间，app、小程序、移动端、pc端等都是需要前端技术的开发支持才能够完成，技术门槛相对较低、需求量较大，薪资待遇良好。只要是互联网端的客户界面，就需要前端来制作完成，前端开发的编程量不大，但是需要部分编程，入门简单，但是要学的深入需要一个过程。
Web前端招聘岗位
• 前端开发工程师、Web开发工程师、网页开发工程师、HTML开发工程师...
• H5开发工程师、移动应用开发工程师、App开发工程师、小程序开发工程师...
• JS开发工程师、Vue.js开发工程师、Node.js开发工程师、前端架构师...
• 小游戏开发工程师、数据可视化开发工程师、WebGL开发工程师、WebVR开 发工程师、Web安全工程师...
在互联网行业，前端有WEB前端、HTML前端等，随着互联网技术发展，就业方向也有很多。web前端的就业方向有web架构师、web前端工程师、HTML前端开发工程师、网页设计师等等。
HTML前端开发
与Web前端开发不同的是，使用HTML5不仅仅可以开发前端，还有网页游戏，手机APP，使用浏览器进行3D渲染等一系列建立在HTML5标准与搭载其标准浏览器上的开发，而未来可能会有更多的功能分支并入HTML5标准。web前端工程师
这个方向是目前从事Web前端开发的主要就业方向
Web架构师
薪资普遍比较高，技术要求高，掌握多种技能，包括：后端技术、DBA、Platform等等，甚至包括网站优化SEO技术。
数据方向
数据研发这个是在Web开发的基础上用数据附能，懂可视化的一定是有前端能力的，懂hadoop的一定java要熟悉，属于Web开发的拓展方向。
大前端方向
比如阿里，在大量实践rn和weex;由于公司内部安卓/ios式微，一定程度上，前端把ios和安卓收编了，统称大前端。
图形学方向
前端自然是与图形学有千丝万缕的联系，除了上面提到了可视化，还有相关3d引擎的开发工作。做这一行要求也非常高了，图形学相关的算法，3d引擎的开发，这都需要图形学相关知识。
Java后端
用来编写网站、做Android、做游戏、做软件、做大数据，除了上述领域外，Java在人工智能、科学计算等领域也有一定的应用，学完之后可以做研发，产品经理，测试，运维等等。
前端开发
前端工程师在不同的公司有不同的职能，但是称呼都是类似的，主要分为以下三类：
1.做网站设计、网页界面开发
2.做网页界面开发、前台数据绑定和前台逻辑的处理
3.设计、开发、数据
前端灵活多变，能够直观看到成果，所以成就感更容易体现，学习起来也会相对轻松，后端则应用更为广泛，无论是一线城市还是二三线城市，都容易找工作，但入门相对更难，但是更建议学java。
一个是前台显示一个是后台操作，前端好学一点。
绛旓細閫氬父锛寃eb鍚庣鐨闅惧害鏇村ぇ涓浜涖傛墍浠ュぇ閮ㄥ垎鍏徃鐨勪汉鍛橀厤缃篃鏄悗绔浜鍓嶇銆傚墠绔殑闅惧害鍦ㄤ簬鐭ヨ瘑浣撶郴鐨勭悙纰庡拰鎶鏈殑棰戠箒鏇存柊鎹唬锛岄渶瑕佹湁瀛︿範鑳藉姏銆佹湁绉疮缁忛獙鐨勬剰璇嗐傚悗绔殑闅惧害锛堜釜浜鸿寰楋級鍦ㄤ簬鏁版嵁搴撳拰鏋舵瀯锛屾湁鏃跺欒繕鏈夌畻娉曠浉鍏崇殑鍐呭锛屽叆闂ㄤ篃鎸哄鏄撶殑锛屼絾鏄仛澶т簡涔嬪悗灏遍渶瑕佽冭檻寰堝涓滆タ锛岃璁℃ā寮忋佺紦瀛樸...
绛旓細鍥犳锛屼粠杩欎釜瑙掑害鏉ョ湅锛屽悗绔紑鍙戠浉瀵规洿闅俱傛荤殑鏉ヨ锛屽墠绔笌鍚庣鍚勬湁鍏堕毦鐐瑰拰鎸戞垬銆傚墠绔紑鍙戝湪鐢ㄦ埛鐣岄潰鍜屼氦浜掓柟闈㈡湁鐫鑷繁鐨勬妧鏈姹傦紝鑰屽悗绔紑鍙戝湪绯荤粺鐨勯昏緫銆佹暟鎹鐞嗗拰瀹夊叏鎬ф柟闈㈡湁鐫鏇撮珮鐨勬妧鏈姹傘傜敱浜庡悗绔紑鍙戠殑澶嶆潅鎬у湪浜庡鐞嗙郴缁熺殑鏍稿績閫昏緫鍜屾暟鎹紝鍥犳鐩稿闅惧害鏇村ぇ銆
绛旓細鍚庣宸ョ▼甯堣礋璐ｅ钩鍙拌璁°佹帴鍙ｈ璁″拰鍔熻兘瀹炵幇銆傚钩鍙拌璁′富瑕佹槸鎼缓鍚庣鐨鏀拺鏈嶅姟瀹瑰櫒锛涙帴鍙ｈ璁′富瑕侀拡瀵逛簬涓嶅悓琛屼笟杩涜鐩稿簲鐨勫姛鑳芥帴鍙ｈ璁★紝閫氬父涓涓钩鍙版湁澶氬鎺ュ彛锛屽氨鍍忓崼鏄熷鑸钩鍙拌鏈夋皯鐢ㄥ拰鍐涚敤涓ゅ鎺ュ彛涓鏍凤紱鍔熻兘瀹炵幇鍒欐槸瀹屾垚鍏蜂綋鐨勪笟鍔￠昏緫瀹炵幇銆傚墠鍚庣寮鍙鐨勫尯鍒锛鍓嶇銆侀噸鐢ㄦ埛浣撻獙銆佸UI搴撶殑渚濊禆杈冨己...
绛旓細闅炬槗绋嬪害:web鍓嶇寮鍙戣捣鐐逛綆.瀹规槗鍏ラ棬,鐩稿浜嶫ava鏉ヨ,鍓嶇瀵逛簬閫昏緫鎬濈淮鐨勮姹傛瘮杈冧綆,鎵浠ュ涔犲墠绔篃瑕佸鏄撲竴浜,鎵浠ヤ綘涓嶇敤鎷呭績瀛︿笉浼.寰堝绋嬪簭鍛橀兘鏄0鍩虹寮濮嬪鐨,鑰屼笖鍥犱负鑱屼綅鎵澶勪綅缃殑浜ゅ弶鎬,涔熷氨鏈夊緢澶歐eb鍓嶇寮鍙戜汉鍛樻槸杞鑰屾潵.HTML5鍓嶇婧愪簬HTML璇█鍙戝睍鑰屾潵,鐢变簬HTML鍜孋SS璧风偣浣庛佸鏄撳叆闂.java...
绛旓細浣嗘槸濡傛灉瀛︿範鍚庣锛鍙兘涓浜涘熀纭瑕佸涔狅紝鐒跺悗瑕佸涔犳洿澶氱殑妗嗘灦锛屽洜涓哄悗绔负浜嗗噺灏戝紑鍙戜汉鐨勫伐浣滈噺锛屽紑鍙戝嚭浜嗗彲浠ョ洿鎺ヤ娇鐢ㄧ殑宸ュ叿锛岀劧鍚庤繕鏈夊悗绔紑鍙戣繕瑕佸幓浜嗚В涓氬姟锛屽鏁版嵁搴撲篃鏄渶瑕佸涔犵殑锛屼粠杩欎釜瀛︿範鐨勬妧鑳芥潵鐪锛屽悗绔纭疄姣鍓嶇闅撅紝浣嗘槸涓褰撲綘鍏ラ棬鍚庯紝浣犱細鍙戠幇閮芥槸鎶鏈紝绮鹃氶毦锛屼絾鏄叆闂ㄨ繕鏄瘮杈冨鏄撶殑銆傗...
绛旓細闅炬槗绋嬪害锛歸eb鍓嶇寮鍙 璧风偣浣庛傚鏄撳叆闂紝鐩稿浜嶫ava鏉ヨ锛屽墠绔瀵逛簬閫昏緫鎬濈淮鐨勮姹傛瘮杈冧綆锛屾墍浠ュ涔犲墠绔篃瑕佸鏄撲竴浜涳紝鎵浠ヤ綘涓嶇敤鎷呭績瀛︿笉浼氥傚緢澶氱▼搴忓憳閮芥槸0鍩虹寮濮嬪鐨勶紝鑰屼笖鍥犱负鑱屼綅鎵澶勪綅缃殑浜ゅ弶鎬э紝涔熷氨鏈夊緢澶歐eb鍓嶇寮鍙戜汉鍛樻槸杞鑰屾潵銆侶TML5鍓嶇婧愪簬HTML璇█鍙戝睍鑰屾潵锛岀敱浜嶩TML鍜孋SS璧风偣浣庛...
绛旓細鍓嶇鍜屽悗绔浉瀵规潵璇撮浂鍩虹瀛︿範杩樻槸鍓嶇绠鍗曚竴浜锛屽墠绔拰鍚庣鍓嶆櫙閮芥槸寰堜笉閿欑殑锛岃柂璧勪篃鏄彲瑙傜殑锛岃繖涓繕鏄湅涓汉鐨勫叴瓒ｏ紝鍠滄鍝釜灏卞鍝釜銆
绛旓細2. 鍚庣寮鍙戦渶瑕佷紭鍖栨暟鎹簱鏌ヨ鏁堢巼銆佹湇鍔″櫒璐熻浇鍧囪 鍜屽簲鐢ㄧ▼搴忕殑鍝嶅簲鏃堕棿銆備簲銆佸崗浣滆鑹鐨勫尯鍒 1. 鍓嶇寮鍙戦氬父涓嶶I/UX璁捐甯堢揣瀵嗗悎浣滐紝纭繚璁捐绋跨殑楂樻晥瀹炵幇銆2. 鍚庣寮鍙戝父涓庢暟鎹簱绠＄悊鍛樸佺郴缁熸灦鏋勫笀浠ュ強娴嬭瘯宸ョ▼甯堢瓑澶氭柟闈汉鍛樺崗浣滐紝浠ョ‘淇濈郴缁熺殑绋冲畾鎬у拰瀹夊叏鎬с傚湪鑱屼笟鐢熸动鍙戝睍涓锛屽墠绔寮鍙鍜屽悗绔...
绛旓細鎻愰珮寮鍙戞晥鐜囧拰渚挎嵎鎬с傚綋鐒讹紝鏃犺鏄鍓嶇杩樻槸鍚庣锛閮介渶瑕佷笉鏂涔犲拰鎺屾彙鏂扮殑鎶鏈傛妧鏈殑闅炬槗绋嬪害涔熷洜浜鸿屽紓锛屼笉鍚鐨勪汉鍙兘瀵逛笉鍚岀殑鎶鏈湁涓嶅悓鐨勬劅鍙椼傚洜姝わ紝瀵逛簬鍒濆鑰呮潵璇达紝搴旇鏍规嵁鑷繁鐨勫叴瓒ｅ拰鐩爣锛岄夋嫨閫傚悎鑷繁鐨勫涔犳柟鍚戯紝涓嶆柇瀛︿範鍜屽疄璺碉紝閫愭鎻愰珮鑷繁鐨勬妧鏈按骞炽
绛旓細Web鍓嶇鍜屽悗绔瑕佸仛浠涔堬紵鍓嶇寮鍙戝拰鍚庣寮鍙戞槸杞欢寮鍙戠殑閲嶈缁勬垚閮ㄥ垎銆傚墠绔紑鍙戜富瑕佸仛鐨勬槸鐢ㄦ埛鎵鑳界湅鍒扮殑鍓嶇灞曠ず鐣岄潰銆傚悗绔紑鍙戜富瑕佸仛鐨勬槸閫昏緫鍔熻兘绛夋ā鍧椼備粈涔堟槸 Web 鍓嶇锛焀eb鍓嶇锛岄【鍚嶆濅箟鏄潵鍋歸eb鐨勫墠绔〉闈㈢殑銆傝繖閲屾墍璇寸殑鍓嶇娉涙寚web鍓嶇锛屼篃灏辨槸鍦╳eb搴旂敤涓敤鎴峰彲浠ョ湅寰楄纰板緱鐫鐨勪笢瑗裤傚寘鎷瑆eb...
