新手学web前端开发需要多久 学习Web前端大概要多久？
\u5b66\u4e60web\u524d\u7aef\u9700\u8981\u591a\u957f\u65f6\u95f4\uff1f#\u6625\u65e5\u5145\u7535\u5b63#\u81ea\u5b66\uff0c\u4e00\u822c\u9700\u8981\u4e00\u5e74\u5de6\u53f3\u7684\u65f6\u95f4\u624d\u80fd\u638c\u63e1web\u524d\u7aef\u5f00\u53d1\u7684\u4e00\u4e9b\u57fa\u672c\u77e5\u8bc6\u548c\u6846\u67b6\u3002\u57f9\u8bad\uff0c\u4e00\u822c\u90fd\u57285-6\u4e2a\u6708\u65f6\u95f4\u5c31\u53ef\u4ee5\u638c\u63e1web\u524d\u7aef\u5f00\u53d1\uff0c\u5e76\u4e14\u57f9\u8bad\u673a\u6784\u4f1a\u6709\u771f\u5b9e\u4f01\u4e1a\u9879\u76ee\u7ec3\u624b\uff0c\u589e\u52a0\u5b9e\u6218\u7ecf\u9a8c\uff0c\u6c42\u804c\u66f4\u6709\u4f18\u52bf\u3002\u3010\u70b9\u51fb\u6d4b\u8bd5\u6211\u9002\u4e0d\u9002\u5408\u5b66\u8bbe\u8ba1\u3011 \u5b66\u4e60html\uff0c\u8fd9\u4e2a\u662f\u6700\u7b80\u5355\u7684\uff0c\u4e5f\u662f\u6700\u57fa\u7840\u7684\u3002\u8981\u719f\u7ec3\u638c\u63e1div\u3001formtable\u3001ulli\u3001p\u3001span\u3001font\u8fd9\u4e9b\u6807\u7b7e\uff0c\u8fd9\u4e9b\u90fd\u662f\u6700\u5e38\u7528\u7684\uff0c\u7279\u522b\u662fdiv\u548ctable\uff0cdiv\u7528\u4e8e\u5e03\u5c40\u3001table\u4e5f\u53ef\u4ee5\u7528\u4e8e\u5e03\u5c40\uff0c\u4f46\u662f\u4e0d\u7075\u6d3b\uff0c\u57fa\u672ctable\u662f\u7528\u6765\u548c\u6570\u636e\u6253\u4ea4\u9053\u3002IT\u57f9\u8bad\u9009\u62e9\u5343\u950b\u6559\u80b2\u3002\u5343\u950b\u662f\u4e00\u5bb6\u62e5\u6709\u6838\u5fc3\u6559\u7814\u80fd\u529b\u4ee5\u53ca\u6821\u4f01\u5408\u4f5c\u80fd\u529b\u7684\u804c\u4e1a\u6559\u80b2\u57f9\u8bad\u4f01\u4e1a\uff0c2011\u5e74\u6210\u7acb\u4e8e\u5317\u4eac\uff0c\u79c9\u627f\u201c\u521d\u5fc3\u81f3\u5584\u5320\u5fc3\u80b2\u4eba\u201d\u7684\u6838\u5fc3\u4ef7\u503c\u89c2\uff0c\u4ee5\u575a\u6301\u9762\u6388\u7684\u6cdbIT\u804c\u4e1a\u6559\u80b2\u57f9\u8bad\u4e3a\u6839\u57fa\uff0c\u53d1\u5c55\u81f3\u4eca\u5df2\u5e03\u5c40\u6559\u80b2\u57f9\u8bad\u3001\u9ad8\u6821\u670d\u52a1\u3001\u4f01\u4e1a\u670d\u52a1\u4e09\u5927\u4e1a\u52a1\u7248\u5757\uff0c\u65d7\u4e0b\u62e5\u6709\u5343\u950b\u6559\u80b2\u3001\u597d\u7a0b\u5e8f\u5458\u3001\u5c0f\u72ee\u89c6\u89c9\u3001\u6263\u4e01\u5b66\u5802\u3001\u950b\u4e91\u667a\u6167\u3001\u950b\u4f01\u4f18\u8054\u3001\u950b\u53cb\u5b66\u76df\u3001\u950b\u76ca\u7b49\u591a\u4e2a\u5b50\u54c1\u724c\uff0c\u622a\u6b62\u76ee\u524d\u5df2\u5728\u5317\u4eac\u3001\u6df1\u5733\u3001\u4e0a\u6d77\u3001\u5e7f\u5dde\u3001\u90d1\u5dde\u3001\u5927\u8fde\u7b4920\u4f59\u4e2a\u6838\u5fc3\u57ce\u5e02\u5efa\u7acb\u76f4\u8425\u6821\u533a\uff0c\u670d\u52a1\u8fd120\u4e07\u5b66\u5458\u3001\u8fd1\u5343\u6240\u9ad8\u6821\u548c\u6570\u4e07\u5bb6\u4f01\u4e1a\u3002
\u8fd9\u4e2a\u95ee\u9898\uff0c\u5c31\u4e0d\u597d\u7edf\u4e00\u65f6\u95f4\u4e86\u3002\u867d\u8bf4\u5b66\u4e60web\u524d\u7aef\u7684\u65b9\u5f0f\u6709\u5f88\u591a\u79cd\uff0c\u53ef\u4ee5\u901a\u8fc7\u81ea\u5b66\uff0c\u770b\u4e66\uff0c\u7f51\u4e0a\u627e\u4e00\u4e9b\u76f8\u5173\u7684\u89c6\u9891\uff0c\u6216\u8005\u662f\u8fdb\u57f9\u8bad\u73ed\u3002
\u4f46\u662f\u5b66\u4e60\u7684\u65f6\u95f4\u8fd8\u662f\u6839\u636e\u6bcf\u4e2a\u4eba\u7684\u638c\u63e1\u60c5\u51b5\u5427\uff0c\u73b0\u5728\u5e02\u573a\u4e0a\u6709\u5f88\u591a\u7684\u57f9\u8bad\u673a\u6784\uff0c\u5927\u90e8\u5206\u90fd\u662f\u57f9\u8bad4\u4e2a\u6708\u7684\uff0c\u4e5f\u67092-4\u4e2a\u6708\u7684\uff0c\u8fd8\u67095-6\u4e2a\u6708\u7684\uff0c\u5728\u8fd9\u91cc\u6211\u8bf4\u53e5\u5b9e\u8bdd\uff0c\u6709\u4e9b\u4eba\u771f\u7684\u4e0d\u9700\u89814-6\u4e2a\u6708\uff0c\u800c\u662f\u6839\u636e\u81ea\u8eab\u7684\u5438\u6536\u60c5\u51b5\uff0c\u8fd9\u8bdd\u5e76\u6ca1\u6709\u53bb\u6279\u8bc4\u90a3\u4e9b\u5b66\u56db\u4e2a\u6708\u7684\uff0c\u53ea\u662f\u5b66\u4e60\u7684\u65f6\u95f4\u8fd8\u771f\u4e0d\u662f\u4e00\u5b9a\u5c31\u8981\u5b9a\u6b7b\u7684\u3002
\u5efa\u8bae\u662f\u5b66\u4e60\u65f6\u95f4\u53ef\u4ee5\u5148\u6807\u51c6\u5230\u67d0\u4e00\u4e2a\u56fa\u5b9a\u7684\uff0c\u5b66\u7684\u5feb\u7684\u53ef\u4ee5\u5706\u6ee1\u7684\u5b8c\u6210\u8fd9\u4e2a\u6807\u51c6\u65f6\u95f4\uff0c\u5b66\u7684\u6162\u7684\u53ef\u4ee5\u5728\u8fd9\u4e2a\u56fa\u5b9a\u7684\u65f6\u95f4\u4e0a\u5ef6\u957f\uff0c\u6211\u89c9\u5f97\u8fd9\u4e2a\u624d\u662f\u5bf9\u5927\u5bb6\u7684\u8d1f\u8d23\uff0c\u76f8\u5f53\u4e8e\u8ba9\u4f60\u5b66\u4f1a\u4e3a\u6b62\uff0c\u6839\u636e\u4e0d\u540c\u7684\u5b66\u751f\u638c\u63e1\u60c5\u51b5\u5236\u5b9a\u4e0d\u540c\u7684\u5b66\u4e60\u65f6\u95f4\u3002\u6240\u4ee5\u8bf4\uff0c\u65f6\u95f4\u4e0a\u5e76\u6ca1\u6709\u4e00\u4e2a\u5f88\u660e\u786e\u6807\u51c6\u7684\u7b54\u6848\u3002
自学前端多久可以找工作要根据自身基础来决定，但是一般的话也要五个月左右才能学会。
可以看看培训班的学习内容哦！根据这样的内容来制定自己的学习方法和计划。
前端学习内容有：
第一阶段：Web网页基础
HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop
第二阶段：Web编程基础
学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档处理，数组和对象操作
第三阶段：Web编程高级及全栈开发
学习路线：JavaScript高级编程，原型模式，jQuery插件开发，模块化组件开，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB
第四阶段：响应式网站开发
学习路线：HTML5/CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass），Grunt/Gulp自动化构建工具，Angular4
第五阶段：框架与项目管理
学习路线：Grunt/Gulp，Webpack模块加载器&打包工具，MVC（backbone）架构前端，VUE2，React
第六阶段：混合式移动及微信开发
学习路线：React Native，微信小程序，视图层，逻辑层。
最好能有视频教程辅助你：
网页链接
你好，关于新手学web前端开发需要多久：一般学习4-6个月左右的时间，不过也要看个人情况来判断，有些人学习能力比较强，那学起来就比较快，有的人学习能力弱些，那学起来就慢一些。这里说的是面授班，如果是自学的话那时间相对来说就比较长了，还不知道是否学完。
如果是新学想学习Web，这里建议找线下培训机构了解，可以从师资力量，课程体系，就业信息，教学服务等等方面，去实地考察，试听课程，希望能帮到你。
一般都在四五个月左右，特别是新手在前期没有办法找到方向，不知道去学习那些内容才能对今后找工作和发展有用的情况。大家可以找到合适web前端培训机构进行学习，也会让我们的学习之路更为通畅。
绛旓細棣栧厛瑕佺湅浣犳槸鑷杩樻槸鍩硅锛屽啀鑰呰鐪嬪鍒颁粈涔堢▼搴︺傚鏋滃彧鏄仛鍒拌兘澶熷熀鏈兘鎾橀潤鎬佺綉椤电殑璇濓紙鐢╤tml鍜宑ss浠ュ強灏戦噺鐨刯s锛夛紝涓や笁涓湀鏄冻澶熺殑銆傚鏋滄槸瑕佽揪鍒板悎鏍肩殑涓涓鍓嶇宸ョ▼甯堬紝鍖呮嫭鐔熺粌浣跨敤html鍜宑ss锛宩s锛屼細鍘讳娇鐢ㄥ揩閫寮鍙妗嗘灦锛屽react锛寁ue锛宎ngular锛宑ss棰勫鐞嗛儴鍒嗭紝锛坰ass鍜宭ess绛夌瓑锛夛紝杩樻湁鍓嶇鑷姩...
绛旓細浣犲ソ锛岄鍏堥浂鍩虹瀛︿範鍓嶇涓嶉毦锛岃兘鎵惧濂界殑鏂规硶鏉ュ涔犲氨瀹规槗寰堝浜嗭紝web瀛︿範涓鑸兘鏄粠html銆丆SS銆丣avaScript杩欏嚑涓柟闈㈠厛瀛︿範锛屽悗闈㈠啀瀛﹀皬绋嬪簭锛屾鏋朵箣绫荤殑杩愮敤銆傚熀鏈涔犳祦绋嬫湁浠ヤ笅杩欎簺鏂归潰锛氬鍓嶉樁娈碉細Git 鐨勪娇鐢ㄨ繘琛屼唬鐮佺増鏈帶鍒剁鐞 绗竴闃舵锛欻TML+CSS3 绗簩闃舵锛氱Щ鍔ㄧ web 椤甸潰 绗笁闃舵锛...
绛旓細杩欎釜瑕佺湅浣犳槸鑷杩樻槸鍩硅锛屽鏋滄槸娌℃湁浠涔堝熀纭鐨鍒濆鑰锛鑷web鍓嶇鎶鏈埌鎵惧伐浣滐紝鑷冲皯闇瑕佸崐骞翠互涓婄殑鏃堕棿銆傚綋鐒舵湁涓瀹氬熀纭鐨勮瘽锛岃兘澶熸洿蹇帉鎻″墠绔妧鏈傝屽鏋滄槸鍩硅鐨勮瘽锛屽ぇ姒傞渶瑕4涓湀宸﹀彸鐨勬椂闂达紝鎷挎垜浠湕鐗涘闄㈢殑web鍓嶇璇剧▼涓句緥锛屾诲叡鏈4涓樁娈碉紝閲囩敤涓撲笟鏍稿績鍩虹璇剧▼锛4鍛級+Web鍚庡彴鎶鏈绋嬶紙4鍛...
绛旓細瀛︿範鍓嶇闇瑕佹帉鎻＄殑鏍稿績鎶鏈 鎺屾彙HTML鏄綉椤电殑鏍稿績锛屾槸涓绉嶅埗浣滀竾缁寸綉椤甸潰鐨勬爣鍑嗚瑷锛屾槸涓囩淮缃戞祻瑙堝櫒浣跨敤鐨勪竴绉嶈瑷锛屽畠娑堥櫎浜嗕笉鍚岃绠楁満涔嬮棿淇℃伅浜ゆ祦鐨勯殰纰嶃傚洜姝わ紝瀹冩槸缃戠粶涓婂簲鐢ㄦ渶涓哄箍娉涚殑璇█锛屼篃鏄瀯鎴愮綉椤垫枃妗ｇ殑涓昏璇█锛屽濂紿TML鏄垚涓Web寮鍙浜哄憳鐨勫熀鏈潯浠躲傚濂紺SS鏄綉椤靛瑙傜殑閲嶈涓鐐癸紝CSS鍙互...
绛旓細鍚庣閮ㄥ垎锛屽缓璁敤PHP銆傞鍏堝涔犳垚鏈笉楂橈紝涓涓湀鑳藉瀛︿細鐩墠瑕佺敤鐨勭煡璇嗭紝涓汉缃戠珯涓鑸彧瑕佷細鏁版嵁搴撳鍒犳敼鏌ュ氨琛屼簡銆傚叾娆℃槸閮ㄧ讲绠鍗曪紝涓嬩釜闆嗘垚鐜PHP灏辫兘璺戣捣鏉ャ傚墿浣欐椂闂村氨鏄仛椤圭洰浜嗭紝濡傛灉涓嶈姹傞」鐩珮绔ぇ姘斾笂妗ｆ鐨勮瘽锛屼竴涓湀鏄偗瀹氭病闂鐨勩傛病鏈夊熀纭锛岃劚浜瀛︿範闇瑕鏃堕棿涓哄洓涓崐鏈堜互涓娿Web鍓嶇寮鍙...
绛旓細Web鍓嶇鍏ラ棬绠鍗曪紝闈炲父閫傚悎闆跺熀纭灏忕櫧鍘诲鐨勩傛兂瀛﹀ソWeb鍓嶇锛屾庝箞灏戝緱浜嗕竴浠藉涔犺矾绾匡紵涓嬮潰鍒嗕韩涓浠借嚜宸辨敹钘忕殑Web鍓嶇鐨勫涔犺矾绾匡紝甯屾湜鑳藉府鍒板ぇ瀹躲瀛eb鍓嶇涓鑸湪2涓囧乏鍙筹紝4-6涓湀宸﹀彸鐨勬椂闂淬傚簲璇ユ牴鎹嚜宸辩殑瀹為檯闇姹傚幓瀛︽牎瀹炲湴鐪嬩竴涓嬶紝闈㈡巿鐨勶紝鍏堝ソ濂借瘯鍚箣鍚庯紝鍐嶉夋嫨閫傚悎鑷繁鐨勩傚彧瑕佸姫鍔涘鍒扮湡涓滆タ...
绛旓細浣犲ソ锛瀛︿範web鍓嶇涓鑸槸5-6涓湀宸﹀彸鐨勬椂闂达紝鑷鐨勮瘽鏃堕棿鏄笉纭畾鐨勶紝鐪嬩釜浜哄涔犵殑绋嬪害锛屾帹鑽愮粰浣犱竴涓猈eb鍓嶇鐨勫涔犺矾绾匡紝浣犲彲浠ユ寜鐓ч『搴忓涔狅紝甯屾湜浣犳棭鏃ュ鏈夋墍鎴愩俉eb鍓嶇瀛︿範璺嚎
绛旓細鎮ㄥソ锛web鍓嶇鍩硅涓鑸兘鏄5-6涓湀鐨勬椂闂达紝鎺ㄨ崘缁欎綘web鍓嶇鍩硅瀛︿範璺嚎锛屽笇鏈涘彲浠ュ府鍒颁綘銆傞樁娈1.鍓嶇鏍稿績鍩虹 HTML +_CSS鏍稿績銆丣avaScript鍩虹璇硶銆丣avaScript闈㈠悜瀵硅薄銆丣avaScript DOM鍜孊OM缂栫▼銆乯Query妗嗘灦 闃舵2.HTML5 + CSS3 + 绉诲姩绔牳蹇 HTML5鏂扮壒鎬с丆anvas涓撳垪銆丆SS3鏂扮壒鎬с丆SS3杩涢樁銆丆SS3...
绛旓細鍓嶇寮鍙戣瀛︾殑鏃堕棿澶ф鏄3鍒6涓湀銆備笉杩瀛︿範鏄竴涓案鏃犳澧冪殑杩囩▼锛屽彧鏈変笉鏂殑瀛︿範鎵嶈兘鎺屾彙鏇村鐨勬妧鑳姐傚墠绔紑鍙戣瀛︾殑鍐呭涓昏鏈夛細鈶犺绠楁満鍩虹浠ュ強PS鍩虹 鈶″墠绔紑鍙戝熀纭锛圚TML5寮鍙戙丣avaScript鍩虹鍒伴珮绾с乯Query缃戦〉鐗规晥銆丅ootstrap妗嗘灦锛夆憿绉诲姩寮鍙 鈶ｅ墠绔珮绾у紑鍙戯紙ECMAScript6銆乂eu.js妗嗘灦寮鍙戙web...
绛旓細涓鑸瀛︿範5涓湀锛屽缓璁夋嫨闈㈡巿鐨勬満鏋勶紝鎷掔粷瑙嗛鏁欏
