网站专业是前端好学还是后端？ 前端和后端哪个好学一些？新手小白
\u524d\u7aef\u5f00\u53d1\u548c\u540e\u7aef\u5f00\u53d1\u54ea\u4e2a\u597d\u5b66\uff1f\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
\u524d\u7aef\u548c\u540e\u7aef\u76f8\u5bf9\u6765\u8bf4\u96f6\u57fa\u7840\u5b66\u4e60\u8fd8\u662f\u524d\u7aef\u7b80\u5355\u4e00\u4e9b\uff0c\u524d\u7aef\u548c\u540e\u7aef\u524d\u666f\u90fd\u662f\u5f88\u4e0d\u9519\u7684\uff0c\u85aa\u8d44\u4e5f\u662f\u53ef\u89c2\u7684\uff0c\u8fd9\u4e2a\u8fd8\u662f\u770b\u4e2a\u4eba\u7684\u5174\u8da3\uff0c\u559c\u6b22\u54ea\u4e2a\u5c31\u5b66\u54ea\u4e2a\u3002
Web前端和后端要做什么？
前端开发和后端开发是软件开发的重要组成部分。
前端开发主要做的是用户所能看到的前端展示界面。
后端开发主要做的是逻辑功能等模块。
什么是 Web 前端？
Web前端，顾名思义是来做web的前端页面的。这里所说的前端泛指web前端，也就是在web应用中用户可以看得见碰得着的东西。包括web页面的结构、web的外观视觉表现以及web层面的交互实现。web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码，负责网页美工只针对UI这块儿的东西，比如网站是否做的漂亮。如果你想要学好web前端最好加入一个好的学习环境，可以来这个Q群，首先是132，中间是667，最后是127，这样大家学习的话就比较方便，还能够共同交流和分享资料。web前端开发工程师是负责交互设计的，需要和程序猿进行交互设计的配合。
什么是 Web 后端？
Web后端更多的是负责产品的服务技术实现，包括业务逻辑，数据存储和处理，消息队列处理等。以及产品服务端接口实现，包括与前端的接口，第三方的接口，服务体系内部接口等。后端开发主要是对数据库进行交互以处理相应的业务逻辑。web后端的话可供开发的语言有 java、php、python、jsp、.NET 这些后端开发语言，并且要掌握几个常用后端框架。
Web前端开发需要掌握的技术：
1.熟练掌握前端开发技术(HTML5、JS、JSON、XHTML、CSS3)，了解各项技术的相关标准
2.掌握Ajax异步编程，能够写出高性能、可复用的前端组件；
3.对OO、MVC、MVVM等编程思想、前端框架有深刻理解，熟练掌握一个前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移动端有：Frozen UI，weUI ，SUI，MUI，AUI）了解其原理（框架有很多，选择两三个主流的框架，熟练，深度了解才可以）；
4.善于Web性能优化，可访问性、对SEO等有良好的体验；理解表现层与数据层分离的概念、 Web语义化（这些也是在找工作中，很有用的加分项）；
5.了解前端安全机制，熟悉HTTP协议以及浏览器缓存策略；
6.熟悉常见JS开发框架源码实现，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟练一种（当然也不要去选一些用的人很少的框架，要明白大项目都是团队做，不能自己搞一套）；
7.拥有良好的代码编写，设计文档撰写的经验，熟练使用Git等版本控制工具；
8.对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；如IE6/7/8/9、 Firefox、Safari、Chrome；
9.具有较高的审美（这个很重要，多去见识一些模板，高端的项目，就能感觉到有多大的差距）
Web后端开发需要掌握的技术：
1.目前多数企业要求对服务器端高并发，大数据量处理经验（简单的说就是优化服务器处理高并发事务的能力）
2.精通 java，php，jsp，servlet，java bean，JMS，EJB，Jdbc，Flex，python 开发，对相关的工具、类库以及框架非常熟悉，常用后端框架如 SSM（Spring+SpringMVC+MyBatis）框架集，Velocity，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解（至少熟练掌握一套后端框架）；
3.至少熟悉一种关系型数据库，如：mysql，oracle等。熟练使用oracle、sqlserver、SQL Develpoer，PLSQL，MySQL Workbench等常用的数据库管理工具，对数据库有较强的设计能力
4.熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑
5.精通面向对象分析和设计技术，包括设计模式、UML建模等
6.熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力
7.熟悉部分前端知识
前端工程师的职业发展和就业前景
前端是一个相对比较新的行业，互联网发展早期（1995年~2005年）是没有专业的前端工程师的。随着互联网的发展，大约从2005年开始，正式的前端工程师角色被行业认可，到了2010年，互联网开始全面进入移动时代，前端工程师的地位越来越重要，前端领域的技术发展也越来越快，各种新的思想、设计模式、工具和平台都快速发展，对前端工程师的技能要求也越来越高。前端领域发展很快，各种新技术新思想不断涌现，这是一个好现象。但是前端发展太快也带来一些问题，其实还是那句话，前端工程师首先是软件工程师，基础是最重要的，如果基础不扎实，一切应用技能就都是“浮云”
后端工程师的职业发展和就业前景
后端工程师主要负责数据逻辑存储和复杂逻辑的设计。学习能力对于后端开发来说来说的确是一个比较重要的能力，即使做了5年以上的开发，每年都还是要学习新的技术，因为好多技术都是要更新换代的，不学习就是在退步。后端开发总体来说，只要有了过硬的技术，走到哪都是企业争抢的人才。
身处万物互联网时代，无论从事Web前端还是后端开发，都需要具备与时俱进的开拓者精神，与时代共奋进，实现人生价值。
依我个人的经验，网站专业当然是前端要好学一些，后端涉及到更多的代码和数据库难度比较大，而网站前端只是静态结构代码，和页面效果设计，因此难度会小很多。希望我的建议对你有帮助。
那就要看你对哪一块感兴趣，毕竟学的东西不少。你是对界面这块感兴趣，就学前端相应的知识。你要是对数据这块感兴趣，就学后端的知识。难易度来说的话，前端技术相对要容易入门一点。后端技术门槛就相对要高一点。你要是学习能力强悍，你可以前后都学。
前端技术你就要学javascript, css, html这是基础，然后学习框架Vue，React，Angular，任选其一，构建工具就推荐学习Webpack，自然还要学习NodeJS。版本管理工具Git
后端技术你就要学习一门后端语言Java，Php任选其一，然后去学习相应语言的框架，构建工具，还要去学习数据库语言。还要学会服务器应用Tomcat，Apache等，当然少不了Linux操作系统的命令操作。版本管理工具Git
我给你列出来的都是一些最基本的需要撑握的知识。在实际开发中，你还需要根据实际情况去学习更多的技术。
总之，一入开发深似海，头发掉光了也学不完的技术。所以你要把基础学好，才能以不变应万变。
单从学习难易度来说的话，前端比后端入门相对简单一些。
绛旓細鍓嶇姣斿悗绔洿瀹规槗鍏ラ棬瀛︿範銆傚師鍥犲涓嬶細1. 鍓嶇鎶鏈浉瀵圭洿瑙傘傚墠绔富瑕佹秹鍙婂埌缃戦〉鍜屽簲鐢ㄧ殑鐣岄潰灞曠ず锛屾秹鍙婄殑鍐呭濡侶TML銆丆SS鍜孞avaScript绛夛紝杩欎簺鎶鏈浉瀵瑰鏄撶悊瑙ｏ紝灏ゅ叾鏄浜庨偅浜涙湁涓瀹氳绠楁満鍩虹鐨勫垵瀛﹁呮潵璇淬傚墠绔紑鍙戝彲浠ラ氳繃绠鍗曠殑鏂囨湰缂栬緫鍣ㄨ繘琛屼唬鐮佺紪鍐欙紝骞堕氳繃娴忚鍣ㄥ疄鏃舵煡鐪嬫晥鏋滐紝杩欑鍗虫椂鍙嶉鐨勫涔犳柟寮忚兘...
绛旓細鍓嶇鏄涓涓浉瀵规瘮杈冩柊鐨勮涓氾紝浜掕仈缃鍙戝睍鏃╂湡锛1995骞磣2005骞达級鏄病鏈涓撲笟鐨勫墠绔伐绋嬪笀鐨勩傞殢鐫浜掕仈缃戠殑鍙戝睍锛屽ぇ绾︿粠2005骞村紑濮嬶紝姝ｅ紡鐨勫墠绔伐绋嬪笀瑙掕壊琚涓氳鍙紝鍒颁簡2010骞达紝浜掕仈缃戝紑濮嬪叏闈㈣繘鍏ョЩ鍔ㄦ椂浠ｏ紝鍓嶇宸ョ▼甯堢殑鍦颁綅瓒婃潵瓒婇噸瑕侊紝鍓嶇棰嗗煙鐨勬妧鏈彂灞曚篃瓒婃潵瓒婂揩锛屽悇绉嶆柊鐨勬濇兂銆佽璁℃ā寮忋佸伐鍏峰拰骞冲彴...
绛旓細鍓嶇寮鍙鍜屽悗绔寮鍙戝悇鏈夊叾浼樼偣鍜屾寫鎴橈紝鍝釜鏇村鏄撳涔犲彇鍐充簬涓汉鐨勫叴瓒ｃ佺洰鏍囧拰瀛︿範鏂瑰紡銆傚墠绔紑鍙戯細1.浼樼偣锛2.鍗虫椂鍙嶉锛 鍓嶇寮鍙戝彲浠ョ洿鎺ュ湪娴忚鍣ㄤ腑鐪嬪埌缁撴灉锛屾湁鍗虫椂鐨勫弽棣堬紝瀵逛簬鍠滄鐩存帴瑙佸埌鎴愭灉鐨勪汉鏉ヨ鏇存湁鍚稿紩鍔涖3.鍒涢犳у己锛 璁捐缃戦〉鐣岄潰銆佸姩鐢绘晥鏋滅瓑鍏锋湁涓瀹氱殑鍒涢犳э紝瀵逛簬瀵圭編鎰熸湁杩芥眰鐨勪汉杈...
绛旓細鍚勬湁鍚勭殑闅惧鍚э紝鍥犱负鐜板湪鍋鍓嶇涔熸尯涓嶅鏄撶殑锛岃瀛︾殑涓滆タ涔熷緢澶氬緢骞匡紝鍚庣鐨勮瘽瑕佸鐨勪篃涓嶅皯锛屾垜鐜板湪宸茬粡鏄釜鍏ㄦ爤锛屽墠鍚庣閮芥槸閫氭潃鐨勯偅绉嶏紝浣嗗叾瀹炵潃閲嶇偣杩樻槸鍚庣銆傚笇鏈涙垜鐨勫洖澶嶈兘甯埌浣犲摝 鐞嗚涓婂悗鍙拌姣斿墠鍙伴毦锛屽悗鍙板亸閲嶇殑鏄昏緫澶氫竴浜涳紝浣嗘槸鍋缃戠珯鍚庡彴鐩稿浜庡墠鍙拌绠鍗 鍥犱负缃戠珯鐨勫悗鍙伴兘鏄暟鎹樉绀...
绛旓細濡傛灉鎮ㄥ璁捐鍜岀敤鎴蜂綋楠屾湁娴撳帤鍏磋叮锛屽杽浜庝笌浜烘矡閫氾紝鍓嶇寮鍙戝彲鑳芥洿閫傚悎鎮銆傚鏋滄偍瀵圭畻娉曞拰鏁版嵁澶勭悊鏈夊叴瓒ｏ紝鍠滄瑙ｅ喅澶嶆潅鐨勯棶棰橈紝鍚庣寮鍙戝彲鑳芥洿閫傚悎鎮ㄣ傛棤璁烘偍閫夋嫨鍓嶇杩樻槸鍚庣寮鍙戯紝鍗冮攱鏁欒偛閮借兘澶熶负鎮ㄦ彁渚涗紭璐ㄧ殑鍩硅鍜屽涔犳敮鎸併傛垜浠嫢鏈変赴瀵岀殑鏁欏璧勬簮鍜屼笓涓氱殑甯堣祫鍥㈤槦锛岃嚧鍔涗簬甯姪瀛﹀憳鎺屾彙鏍稿績鎶鏈紝瀹炵幇鑱屼笟...
绛旓細鑰屽墠绔紑鍙戝垯闇瑕佺啛鎮塇TML銆丆SS銆丣avaScript绛夊墠绔妧鏈紝骞跺叿澶囪壇濂界殑UI璁捐鑳藉姏銆傛讳綋鑰岃█锛鍚庣寮鍙戠浉瀵规潵璇存洿鍔犳敞閲嶇郴缁熸灦鏋鍜閫昏緫鎬濈淮锛岄棬妲涜緝楂橈紱鑰屽墠绔紑鍙戝垯鏇存敞閲嶇敤鎴风晫闈㈠拰浜や簰璁捐锛岄棬妲涚浉瀵硅緝浣庛傛棤璁烘偍閫夋嫨瀛︿範鍚庣寮鍙杩樻槸鍓嶇寮鍙戯紝鍗冮攱鏁欒偛閮芥彁渚涓撲笟鐨勫煿璁湇鍔★紝甯姪瀛﹀憳鎺屾彙鎵闇鐨勬妧鑳藉苟鎻愬崌绔炰簤...
绛旓細鍓嶇璇█閫昏緫灏戜竴鐐癸紝鍚庣閫昏緫澶氫竴鐐癸紝杩欎袱涓尯鍒紝灏卞儚浣犱笂瀛﹀锛岃鏂囧拰鏁板锛岃鏂囪寰椾笢瑗垮涓鐐癸紝鑳岀殑涓滆タ澶氫竴鐐癸紝鑰屽悗绔垯鏄鍏紡鐢ㄧ殑 瀛﹀悗绔寮鍙戜篃浼氭帴瑙﹀墠绔殑涓浜涗笢瑗匡紝姣曠珶鍙細鍚庣鏄涓嶈鐨勩傜浉瀵规潵璇达紝杩樻槸鍓嶇瀹规槗涓浜涳紝鍚屾牱锛屾柊浜哄氨涓氱殑璇濆伐璧勪篃鐩稿灏戜竴浜涖傚鏋滀綘鍩虹宸紝鍙互灏濊瘯鍘讳紭灏变笟...
绛旓細鐩告瘮浜鍓嶇寮鍙戣岃█锛鍚庣寮鍙戜汉鍛樺湪涓氬姟閫昏緫鏂归潰瑕佹眰鏇撮珮锛屾墍浠ュ鏋滀箣鍓嶆病鏈夌浉鍏冲熀纭鐨勮瘽锛岄夋嫨鍓嶇寮鍙戝涔犻毦搴︾浉瀵逛綆涓浜涖傚墠绔伐绋嬪笀涓昏鐨勫伐浣滆亴璐ｅ垎涓轰笁澶ч儴鍒嗭紝鍒嗗埆鏄紶缁熺殑缃戦〉鍓嶇寮鍙戯紝绉诲姩绔紑鍙戝拰澶ф暟鎹憟鐜扮寮鍙戙俉eb鍓嶇寮鍙戜富瑕侀拡瀵圭殑鏄疨C绔紑鍙戜换鍔★紱绉诲姩绔紑鍙戝垯鍖呮嫭Android寮鍙戙乮OS寮鍙戝拰鍚勭...
绛旓細閫氬父锛寃eb鍚庣鐨勯毦搴︽洿澶т竴浜涖傛墍浠ュぇ閮ㄥ垎鍏徃鐨勪汉鍛橀厤缃篃鏄悗绔浜鍓嶇銆傚墠绔殑闅惧害鍦ㄤ簬鐭ヨ瘑浣撶郴鐨勭悙纰庡拰鎶鏈殑棰戠箒鏇存柊鎹唬锛岄渶瑕佹湁瀛︿範鑳藉姏銆佹湁绉疮缁忛獙鐨勬剰璇嗐傚悗绔殑闅惧害锛堜釜浜鸿寰楋級鍦ㄤ簬鏁版嵁搴鍜鏋舵瀯锛屾湁鏃跺欒繕鏈夌畻娉曠浉鍏崇殑鍐呭锛屽叆闂ㄤ篃鎸哄鏄撶殑锛屼絾鏄仛澶т簡涔嬪悗灏遍渶瑕佽冭檻寰堝涓滆タ锛岃璁℃ā寮忋佺紦瀛樸...
绛旓細鍚庣寮鍙戞寚鐨鏄杩愯鍦ㄥ悗鍙板苟涓旀帶鍒跺墠绔殑鍐呭锛屽畠璐熻矗绋嬪簭璁捐鏋舵瀯浠ュ強鏁版嵁搴撶鐞嗗拰澶勭悊鐩稿叧鐨勪笟鍔￠昏緫銆傚畠涓昏鑰冭檻鐨勬槸鍔熻兘鐨勫疄鐜颁互鍙婃暟鎹殑鎿嶄綔绛夈鍓嶇鍜鍚庡彴锛圝ava锛夊叆闂ㄩ兘姣旇緝绠鍗曪紒浣嗘槸缁嗗寲鏉ヨ璁猴紝鍓嶇鐩稿鏇村鏄撲竴浜! 鍥犱负鍓嶇鍏ラ棬娑夊強鐨勯昏緫鏇村皯锛岃屼笖鐭湡鍙互鐪嬪埌瀛︿範鎴愬姛锛堢畝鍗曠殑椤甸潰锛夛紒褰撶劧鍚庡彴鍓嶆湡...
