web前端的主要工作内容是什么？
1、入门级
做页面。就这么简单。把Designer出的各种设计图转化成html+css+js+image的静态网页，并把它们交给后端开发人员制作成页面模板。这就是入门级的前端工程师所做的事情。
2、进阶级
还是做页面。不过稍微复杂一些，你需要开始注意一些更复杂的问题，首当其冲的就是浏览器兼容性问题。老实说浏览器兼容性问题真的不是那么好搞定的，毕竟每个项目对浏览器版本的要求都不一样，而且现在不光有PC浏览器还有各种移动设备上的浏览器，同时国内厂家的浏览器种类也越来越多，坑也是密密麻麻。除了兼容性，你可能还要关注一下性能问题，包括但不限于网络性能、渲染性能、js逻辑的性能等等，这个展开讲可以写本小册子了。
3、中级
带团队。你可能会奇怪，一个中级工程师就能带团队了?可是真的很多公司就是这样，尤其是小公司。当你了解了html、js、css以及各种浏览器的各种特性细节之后，你会被任命带领一个小的开发团队，当然是前端开发团队。可能加你一共也就三四个人，甚至更少。这时候你的工作内容除了自己写一点页面以外，还会帮助组员解决各种各样的细节问题，毕竟，组里，你是最懂技术细节的。这个时候，一部分人开始停步不前，而另一部分人开始关注另一个新的问题：工程化。前端代码都是非常松散的，项目结构性差，一旦开发人员数量多起来，业务复杂起来，如何管理这么多人、这么多代码是个非常大的问题。能否在这个问题上得到突破，决定了你能否迈向下一个级别。
4、高级
架构设计。此时你熟悉前端开发的各种技术细节，同时对各种前端框架、技术的特性聊熟于胸，你知道如何组织和管理项目让大家能以最快的速度达到项目要求，你甚至了解手下每个人的所长所短。于是IT培训http://www.kmbdqn.cn/发现当新项目到来，你迅速根据自身过往的经验选取若干种技术和工具，配上你认为最合适的人选组成项目团队，披荆斩棘日夜兼程将产品汪的各种奇葩需求斩于马下。这么做了一两个项目之后，你可能又觉得空虚了，你要寻求新的目标。恰好，NodeJS打开了通往新世界的大门。
狭义的:主要就是展示层开发，说白了就是页面开发，需要把页面风格、表单元素(控件)等都设计开发出来。如果是基于J2EE架构，需要Ht ml、JSP、JavaScript、CSS、Htc等基本知识，有美工功底当然最好，没有的话也可以做，只是效果可能没有这么理想。
广义的:除了后台数据库应用开发外，前面的开发都可以叫做Web前端开发。后台DB开发主要包括函数、过程、触发器、视图、JavaSource 等用户对象的开发。前端开发除了包括展示层外，控制层和模型层也要进行开发，直白一点说:就是包括Java代码的编写。各个公司的开发模式不同，一般来说，规模大点的公司习惯分工开发:有人做展示层(前端开发)，有人做控制层，有人做模型层，有人负责DB开发。
绛旓細1銆佸叆闂ㄧ骇 鍋氶〉闈銆傚氨杩欎箞绠鍗曘傛妸Designer鍑虹殑鍚勭璁捐鍥捐浆鍖栨垚html+css+js+image鐨勯潤鎬佺綉椤碉紝骞舵妸瀹冧滑浜ょ粰鍚庣寮鍙戜汉鍛樺埗浣滄垚椤甸潰妯℃澘銆傝繖灏辨槸鍏ラ棬绾х殑鍓嶇宸ョ▼甯堟墍鍋氱殑浜嬫儏銆2銆佽繘闃剁骇 杩樻槸鍋氶〉闈備笉杩囩◢寰鏉備竴浜涳紝浣犻渶瑕佸紑濮嬫敞鎰忎竴浜涙洿澶嶆潅鐨勯棶棰橈紝棣栧綋鍏跺啿鐨勫氨鏄祻瑙堝櫒鍏煎鎬ч棶棰樸傝佸疄璇存祻瑙堝櫒...
绛旓細Web鍓嶇寮鍙戝伐绋嬪笀锛涓昏鑱岃矗鏄埄鐢(X)HTML/CSS/JavaScript/Flash绛夊悇绉峎eb鎶鏈繘琛屽鎴风浜у搧鐨勫紑鍙銆傚畬鎴愬鎴风绋嬪簭(涔熷氨鏄祻瑙堝櫒绔)鐨勫紑鍙戯紝寮鍙慗avaScript浠ュ強Flash妯″潡锛屽悓鏃剁粨鍚堝悗鍙板紑鍙戞妧鏈ā鎷熸暣浣撴晥鏋滐紝杩涜涓板瘜浜掕仈缃戠殑Web寮鍙戯紝鑷村姏浜庨氳繃鎶鏈敼鍠勭敤鎴蜂綋楠屻傞櫎浜嗕富瑕佽亴璐ｅ锛岃繕瑕佷负缃戠珯涓婃彁渚涚殑浜у搧鍜...
绛旓細1銆佽繛鎺ラ〉闈㈢郴缁熷姛鑳藉拰椤甸潰锛屽畬鎴愮綉椤电殑椤甸潰鎴栫Щ鍔ㄧ椤甸潰鐨勫紑鍙戯紝骞跺畬鎴愯皟璇曞伐浣滐紝楂樻晥鐜囥侀珮璐ㄩ噺瀹屾垚浠ｇ爜鐨勭紪鍐欙紝鍓嶇浠ｇ爜瑙勮寖闇瑕佸噯纭2銆涓庡悗绔紑鍙戜汉鍛樿繘琛岄厤鍚锛屽畬鎴愭帴鍙ｅ鎺ワ紝纭繚鍓嶅悗绔氦浜掓湁鏁堟灉;3銆佺患鍚堣繍鐢ㄥ鎴风鍜屾湇鍔″櫒绔瀯寤轰笌浼樺寲鏂规銆佹ā鍧楀寲寮鍙戠瓑鎵嬫锛屾彁鍗囧紑鍙戞晥鐜囧拰绯荤粺鎬ц兘;4銆亀eb寮鍙戣繃...
绛旓細web鍓嶇锛屽仛鐨勫伐浣滀笌缃戠珯绯荤粺鐨勯〉闈㈢浉鍏冲伐浣滐紝涓昏鏄埗浣滅綉椤碉紝骞朵笖鍦ㄥ師鏈夌殑闈欐侀〉闈笂澧炲姞鍚勭鐗规晥锛屼互鍙婄綉涓婄殑缁存姢绛銆俉eb鏄竴椤瑰緢鐗规畩鐨勫伐浣滐紝娑电洊鐨勭煡璇嗛潰闈炲父骞匡紝鏃㈡湁鍏蜂綋鐨勬妧鏈紝鍙堟湁鎶借薄鐨勭悊蹇点傜畝鍗曞湴璇达紝瀹冪殑涓昏鑱岃兘灏辨槸鎶婄綉绔欑殑鐣岄潰鏇村ソ鍦板憟鐜扮粰鐢ㄦ埛銆備娇鐢ㄥ埌鐨勪富瑕佹妧鏈寘鎷細HTML銆丆SS銆丣avaScr...
绛旓細浣滀负涓涓猈eb鍓嶇寮鍙戣咃紝鎴戣涓篧eb鍓嶇涓昏璐熻矗鐨勫伐浣滄槸灏嗙綉椤佃璁″拰寮鍙戜粠闈欐佺殑鍥惧儚鍜屾枃鏈浆鍖栦负鍔ㄦ佺殑銆佷氦浜掑紡鐨勭綉椤銆傚叿浣撴潵璇达紝Web鍓嶇寮鍙戠殑宸ヤ綔鍖呮嫭浠ヤ笅鍑犱釜鏂归潰锛HTML/CSS寮鍙锛欻TML鏄綉椤电殑鍩烘湰楠ㄦ灦锛岃礋璐ｇ綉椤电殑缁撴瀯鍜屽唴瀹癸紱CSS鍒欒礋璐ｇ綉椤电殑鏍峰紡鍜岀編鍖栵紝浣跨綉椤电湅璧锋潵鏇村姞缇庤鍜屾槗浜庝娇鐢ㄣ俉eb鍓嶇寮鍙...
绛旓細1銆佽礋璐ｇ綉绔欑殑鍓嶇寮鍙戙2銆佷笌绋嬪簭寮鍙戜汉鍛樺瘑鍒囧悎浣 锛屽埗瀹氬墠鍚庣鐨勭▼搴忔帴鍙ｆ爣鍑嗐3銆佷笉鏂紭鍖栧墠绔綋楠屽拰椤甸潰鍝嶅簲閫熷害 锛屼繚鎸佽壇濂界殑鍏煎鎬 锛屾彁楂web鐣岄潰鏄撶敤鎬 銆4銆佸畬鎴愪骇鍝佽璁°佸紑鍙戠瓑宸ヤ綔 銆5銆佽В鍐抽」鐩紑鍙戣繃绋嬩腑閬囧埌鐨勬妧
绛旓細Web鍓嶇鍙互鍋鐨勫伐浣锛屽彲浠ュ垎涓轰互涓嬪嚑鐐癸細1銆Web鍓嶇鏄粈涔鎰忔漌eb鍓嶇鏄綉绔欏墠鍙伴儴鍒嗭紝杩愯鍦≒C绔紝绉诲姩绔瓑娴忚鍣ㄤ笂灞曠幇缁欑敤鎴锋墍娴忚鐨勭綉椤点傜敤鎴戜滑鐨勮瘽鏉ヨ锛屽墠绔氨鏄綉椤电粰璁块棶缃戠珯鐨勪汉鐪鐨勫唴瀹鍜岄〉闈紝Web鍓嶇寮鍙戞剰鎬濆氨鏄繖浜涘唴瀹圭殑鍒朵綔锛屼篃灏辨槸浠ｇ爜鐨勫疄鐜般WEB鍓嶇 2銆乄eb鍓嶇寮鍙鍏蜂綋瑕佸仛浠涔...
绛旓細Web鍓嶇鐨勪富瑕鑱岃矗鏄紑鍙戠綉绔欑殑鐢ㄦ埛鐣岄潰锛屽苟涓旂‘淇濈綉绔欑殑鐣岄潰鑳藉鍦ㄤ笉鍚屾祻瑙堝櫒銆佽澶囧拰鍒嗚鲸鐜囦笅绋冲畾杩愯銆備负姝わ紝Web鍓嶇寮鍙戣呴渶瑕佹帉鎻 HTML銆丆SS 鍜 JavaScript 绛夋妧鏈紝鍚屾椂涔熼渶瑕佷簡瑙ｇ敤鎴蜂綋楠岃璁°佹悳绱㈠紩鎿庝紭鍖栥佸彲璁块棶鎬х瓑鏂归潰鐨勭煡璇嗐俉eb鍓嶇鐨宸ヤ綔鐜 Web鍓嶇寮鍙戣呭彲浠ュ湪涓嶅悓绫诲瀷鐨勫叕鍙稿拰缁勭粐涓伐浣滐紝...
绛旓細web鍓嶇涓昏鏄閫氳繃灏嗚璁°佹妧鏈拰缂栫▼鐩哥粨鍚堟潵瀵圭綉绔欑殑澶栬杩涜缂栫爜锛屽苟璐熻矗璋冭瘯銆倃eb鍓嶇寮鍙戝寘鎷簡浣跨敤HTML銆丆SS鍜孞avaScript绛夋妧鏈垱寤虹綉椤碉紝骞朵笌鍚庣鏈嶅姟鍣ㄨ繘琛屼氦浜掞紝鍛堢幇鏈缁堢敤鎴锋墍鐪嬪埌鐨勭綉椤垫垨搴旂敤绋嬪簭鐨勫唴瀹銆倃eb鍓嶇寮鍙戜汉鍛樿礋璐ｈ璁″拰瀹炵幇鐢ㄦ埛鐣岄潰锛屼娇鍏跺敖鍙兘鐩磋鍜屾槗浜庝娇鐢ㄣ備粬浠繕闇瑕佺‘淇濈綉绔欐垨搴旂敤...
绛旓細鍓嶇寮鍙鐨勫伐浣滃唴瀹逛富瑕佹槸涓ょ被锛Web UI 鍜 Web App锛1. UI 涓昏鏄仛灞曠ず椤甸潰銆傜敤 HTML 鏋勫缓椤甸潰妗嗘灦锛堢粨鏋勶級锛岀劧鍚庣敤 CSS 璋冩暣鍐呭鐨勫竷灞銆佸瓧浣撱侀鑹茬瓑澶栬灞炴э紙琛ㄧ幇锛夛紝涔熶細鍊熷姪 JS 锛堜富瑕佹槸 jQuery锛夋潵鎺у埗椤甸潰鐨勪氦浜掞紙鐐瑰嚮銆佽Е鎽革級鍜屾暟鎹紙琛屼负锛夈2. App 鏂归潰鍖呭惈浜 UI 鐨勫ぇ閮ㄥ垎宸ヤ綔锛屼富瑕...
