交互设计师需要懂前端吗？
例如：CSS 和 JavaScript。
按投票排序
我认为，好的网页交互设计师 [1] 需要懂前端，她 / 他最好能够用 web 技术实现自己的想法，但不一定必要达到能为最终产品贡献代码的程度。这就比如：一个好的画家需要了解他的画笔、颜料、调色板、和画布；一个好的建筑设计师需要了解他使用的建材、所采用的结构类型、建筑选址；一个好的服装设计师需要了解他使用的布料、人体结构、布料剪裁技术；这并不代表画家需要成为颜料工匠，建筑设计师需要成为结构设计师，服装设计师需要成为布料材质专家，因为术业有专攻。但是，了解你所使用的工具，了解你设计的物件所存在的形式，了解它在使用者面前运转的状态，会让你做出更好的设计。[1] 交互设计师不仅仅是设计网页的。
可以懂，但是不必要。而且好的交互设计师不但可以懂前端，还可以懂产品，懂视觉。任何一个好的专业人员，在对本专业有扎实能力的基础上，对上下游知识的了解和学习都是多多益善的事情。当然，不可粉末倒置。不能因为迷恋前端代码而变成了追求代码效率的人，不能因为迷恋UI的美观而变成追求视觉效果的人。交互还是交互，关键是理解用户并做出符合他们的产品交互形式，懂得上下游的知识只是为了更好的帮助自己推进并与他人沟通的手段。
懂？这个词太概括了 80-90分算是懂？我更倾向于达到了解 - 是否可以实现的程度就可以了所有需要与他人合作的职位都需要具备自己专业知识的80+分以及其他合作岗位相关常识的30+分别说交互设计师了UI设计师都需要知道前端是否可以实现他们的设计交互设计师这个想比UI和前端走得更近的岗位当然更需要了解当然 不懂也没关系 那些大网站都会有的交互模式其实基本都是可以实现的而且需要在评估的时候和前端沟通能否实现以及实现成本沟通时候说我们达到XX网XX页面XX模块的效果 其实一样是可以的当然 这是比较野的方法 不是正规的想专业一点就时常请教前端+进一些前端讨论小组或群自学一些术语 用前端的术语跟前端沟通 他们会舒服很多 合作也会更愉快需要不需要看交互设计师个人的想法 不是所有人都要遵循同一个套路要不然这个互联网职业也太不互联网了 是吧
你不懂前端而设计出来的东西可能ROI很低。你不懂前端的话前端工程师可能会蒙你。
最好是会，如果不会最好懂一点。毕竟做项目的各有所分工，不是你一个人完成所有东西。我身边有很多人从事交互设计，拿浙江大学来说，我认识的研究生当中他们对于编程是在了解的层面。他们知道能实现什么，什么样的效果。但是不能独自完成编程，他们做项目的时候是和会编程的人员一起沟通交流实现他们的意图。但是有的学校不一样，浙江理工大学来说，他们学校据我所知研究的是人类的行为学、心理学为主，以达到怎样的操作方式最合适人去使用。但是西安交通大学就要求学生必须要了解的程度同计算机专业的学生一样。那里的学生能完成web、app等设计工作。总之，在我看来，你需要去了解这个东西！有时间精力的话可以去深入，当你真正进入这个领域会让自己更有成就感。（我指的是能随心所欲的能将自己设计的东西和想法表现出来，然后有很多人去使用！）-------------------------------------------------------我是工业设计师，也在学习前端。需要交流可以留言联系！！-------------------------------------------------------
需要懂。因为现实不可能是按照你的意愿，很多炫交互依靠强大的JS实现，但前端的水准参差不齐，你需要了解你的搭档前端对这个交互的实现能力和效率。需要判断哪些交互设计是必须品，基本需要多久。还是建筑的例子，业主的预算有限，工期将至，你还设计结构复杂仅仅样式炫的楼梯结构，只会让三方不满。
我认为是有必要的。1、懂得前端，在完成前期需求分析/交互/界面设计后，你可以在暂时没有工程师协助的情况下，通过自己独立劳作，看到自己设计的效果——一个即使不是最终产品但也可以完整呈现个人设计意图的原型。在这样接近真实的交互体验中也便于设计师更快在迭代中完善设计。2、能够从技术实现的角度来综合评估自己的设计是否完善是否合理，虽说理想的交互设计状态下，用户目标为主，技术不应该是个问题。比如，如果交互设计师懂得前端，在设计过程中，在按钮或者图层尺寸、布局上就可以从css实现的角度来考虑，而非仅仅是画二维平面图的感觉。
这样前端工程师真正实现起来工作效率也会更高。（这一点我和一位不懂前端的设计同学工作时深有体会）3、懂点前端甚至多懂点技术，不仅是对设计师我认为对IT行业从业者都是有好处有必要的。便于与工程师沟通，减少误会，对彼此工作性质多点理解（这也是交互设计很重视的一点嘛——同理心），项目合作愉快，交到更多geek朋友，皆大欢喜；也便于向外行或同行从技术本质到设计理念由内而外全面透彻的传达个人所设计的产品所承载的理念和实现的流程。（自己的设计就像自己的宝贝，不能吃透他的个性和后期成长多可惜啊~）
有一定技术背景，如果你懂代码实现的原理，那么在和研发同事讨论时，就会进行的更顺畅并迅速找到合适的解决方案，有时候他们会太纠结代码实现而忽视架构、原理等因素，有技术背景带来的最明显帮助就是不会被研发人员忽悠而可以随时和他们PK功能实现原理（也就是你的设计），并且有研发背景，你会发现做什么都不是难事，尤其是使用一个全新的工具或者系统；
需要。了解前端的基本原理，一是在设计页面的时候能够了解是否能实现，实现所花费的时间是多久。
二是了解合作伙伴的工作，在完成自己本职同时能够在小伙伴的角度着想，
设计方案的时候在不影响效果的前提下，尽量选择开发小伙伴比较好实现
的方式--------------------------------------------------正在学习前端知识中-------------------------------------------------------------
最好懂点，前端本身就需要了解的知识范围很广，如果懂点前端，会帮助自己做出更好的交互
已有帐号？
无法登录？
社交帐号登录26岁的平面新手，是否还有转UI设计的可能？ - 交互设计教程
& 正文『 更新时间: 18:08:08 』
26岁的平面新手，是否还有转UI设计的可能？
26岁的平面新手，是否还有转UI设计的可能？
&　　乐天+方法派
：做UI有时候确实看天赋，认识不少非设计专业出来的设计师，自学半年后入行工作，不到一年时间就做的很赞了。但努力是能弥补这些天赋上的差距的，毕竟UI不完全是靠艺术天赋的，某些角度来也算个理性活儿。
　　@李总李总脑壳有点肿 ：实用指南：
　　报个UI设计班最效率
　　读完后，投小公司，记得，强调做过外包但没上线，别说自己培训学校出来的，有丰富的电商工作经验，意味着，你既可以做UI还能把专题页做了，小公司喜欢。
　　进了公司就没啥可怕了，需求一来逼都逼得你成长。
　　别怕，你学校学的基础知识基本够用，差的只是经验!
　　@猫德瑞特 ：四个步骤：
　　首先想好，为什么学设计，只是一时兴趣还是持久的热爱。
　　审视自己有没有设计方面的“天赋”，审美是基础，感知力是关键。
　　最好明白自己工作的意义，以前看翔哥有一个微博，大概意思是把热爱的事情和工作结合在一起太美妙。
　　不要为年龄所局限，不要为周遭人所困惑，找准自己的位置。好好问问自己。
　　@HarryLLLR ：现在自己也是边做边学，多看看美的东西，养成一个浏览的习惯，逛淘宝逛其他的网页不看产品都是看别人的设计排版。
　　@夏天我爱穿衬衫
：27岁，大学机械设计，去年顶着朋友和家人的反对来北京学UI，和刚毕业的大学生相比压力实在很大，但如果现在还不选择自己想要的，一旦定了型，以后就一直和自己不喜欢的工作打交道了，一想到这个我就毅然决然的去学UI了。我希望工作是自己喜欢的，这样能投入热情，即使生活很艰苦，但做着自己喜欢的事情是幸福的。
　　@大头娃娃鱼籽妈妈
：26岁还很年轻好吗?我们30的情何以堪，当然我还是在小公司做个美工，软件界面，产品外包装，网站，只要是有关图的，全是我干，根本没办法精通一门，感觉真的是干杂活的，小公司就是这个样子
，如果你真的想锻炼，请去大公司，最能历练人，了解正规工作流程，将来也是个很好的跳板。
　　@闷闷兽儿
：不说大道理，实例：我在深圳，我现在的舍友，86年生，13年培训班学的计算机数据库系统方面，现在月薪10k-15k;受舍友影响，我今年培训班学的设计(我大专设计类毕业)，现在工作了，感觉还可以。和我一起培训的，最大的一个84年生，第二大87年生，我88年，他们两个现在的工作都很不错。
　　@Cc你不知道
：我的专业是动漫设计与制作，第一份工作是平面设计，因为学的很广泛，所以平面设计也应付的过来，可是我不会画画，加上经历了第一份工作的磨练，让我想转行去做婚纱摄影的后期，修修图片，做做视频什么的，但是我对这方面很薄弱。但是我想做什么最重要的是能坚持到底做下去吧!
　　@巫壮壮咩
：写了好多都删了，我觉得，最重要的是，做你自己想做的，不要后悔，多做准备，没有什么好纠结的，成功不是给了能抓住机会的就是给了能一直坚持的，你要想的是，为了抓住机会你需要什么，为了坚持你要付出什么，心中要有一把明白称。
　　@kis_co
：其实UI很有发展的，学无止境，不仅要掌握好软件，绘画技术，更重要要有好的眼光和耐心，毅力，今年也要毕业了，学的很杂，但还是喜欢UI，准备毕业设计做UI，但还是会有担心自己做不好，但能有此机会好好做一份作品出来也很开心。
　　@Quella_Bee
：非设计科班毕业，工作不到一年，现在月薪过万。不是科班出身的话就比那些专业的多学多看，从原型到交互样样都懂些，每天多看国外优秀作品，提高设计品味，是审美决定了你设计的水平，不是设计技巧。
　　@WeifengMak
：今年生日也是26了，软件开发专业，毕业就跑去一家外贸公司上班做平面，活不多干了一年就跑了，现在这家干得活很多，平面为主，但是怎么说也只有自己一个在设计，水平提高很有限啊，我也在迷茫中，本身自己也会一点HTML代码但是不精。
　　@贪得无厌的野猫
：20岁一个人来到北京，当时除了一屁股的学费贷款什么都没有，从此走上了UI的不归路，没啥好怕的，只要想做，没有什么时间比现在更早。还有，在一家中等规模的公司做UI，还用不上叫「天赋」的东西，学习就够用。
　　@李荣浩偶吧撒浪嘿
：大学工业设计专业，但是学的超级烂，毕业后一直做各种助理打杂工作。12月通过各种沟通终于转岗产品。没有任何经验也没有任何技能，全凭喜欢，从头学起。PS：我也26，女。
　　@鹿白鹿白
：25岁，今年6月研究生毕业，专业冷门，并非设计，但对设计感兴趣，曾经有过同样的感受，但是后来明白，既然是自己重新选择的行业，也知道自己是行业中的新人，那么就该以新人的姿态去学习，年龄的尴尬更是你奋起直追的动力，无论做什么都会辛苦，那何不花费自己喜欢的事情上，毕竟人生苦短。
　　@撒旦之之
：我认为啊年龄真不是问题，主要还是肯学，我是去年七月毕业的，实习时也不是从事设计相关的工作，从三月份到现在也做的工作无非就是销售，但销售这面我真是不行，所以打算往设计方面走，所以打算过完年开始找这类的工作，然后一边工作一边学习，学习不怕晚啊，我们都一起努力吧!
　　@Lulu_王小璐_
：年龄并不是重点，根本没必要去纠结，26又怎样不知道有啥好纠结的，奇怪。想做就用心去做，几岁十几岁几十岁根本不是重点，还是爱的不够深，不然哪里会在乎那些无关痛痒的玩意。
　　@闻麦香的小贝壳 ：大学 学的是代码相关的，喜欢设计，专门培训了UI，工作后，发现自己思维确实不行，又做了前端，很多东西要学，坚持。
　　@Crystal稀饭程又青
：岁数差不多，非设计专业，报了培训班学了三软件基础，现在在排版，偶尔做个海报什么的，除了对一个软件了解的更多了一点其他也没学到什么，公司其他不做设计的工资都比我高，有点不平衡，想往VI发展，又没啥钱买书(毕竟不是十几块就能买的，还需要很多书)二手也求购不到，总之是自己不作为吧。
　　@Ethan靛青
：做淘宝这行很久了，以前认为挺绝望的，因为你的设计不论好不好老板都不关心，只有卖不卖得好。但是与消费者之间的互动很强，需要很好的营销概念，如果想做UI和网页设计，我觉得还是加强自我学习来的好，等觉得时机成熟了找个好公司，不要怕当新人。
　　@Joker-listen
：好像强的人依旧很强，大神依旧是大神～30岁我还在做设计，估计以后的10年依旧会是设计。平庸依旧，但是就是觉得想做，并想努力做好～
　　@雪小梨XL ：迷茫是因为才华配不上梦想。勤学多练，一颗热爱的心，就这样。
　　@橙子又被扒皮了 ：我也是学设计的……只是觉得当初既然选择了它，那就有必要坚持下去，无论过程有多坎坷，但我知道结局一定会对得起我夜夜的通宵……
　　@李进_OLDLI
：大学是学计算机的，毕业实习是做开发相关…正式毕业时因为兴趣转行设计，一开始水平很烂，通过父亲托人才进了第一家公司(不找人没公司要)，后来就是自己努力，自学也好，练习也罢，那几年下班后就没怎么看过电视，迷茫期最重要的是坚持初心，其他都不重要。设计不是个躺着就能把钱挣了的职业。
　　@原枫博
：今年大学毕业学的建筑，毕业在一创业公司做UI，啥都不太会，但是公司VI，UI、交互效果图、icon、切图、广告、易拉宝动图、Loading都是我一个做，有一个好的产品经理给我时间一边学一边做，挺累的……但是以后想去大点的公司。
　　@D衙的过客 ：看的出来
文章中的主人公主要是年龄的问题，我也是26才开始学习UI设计的，细思极恐啊!!还好一路走过来了，感谢我的第一家公司。永远会记得你，谢谢!
　　@Leeee鸥 ：25，工业设计，毕业2年一直做不相关的行业，最近半年做回设计，平面设计。嗯，没别的，做设计感觉是对EQ的提升。
　　忧心忡忡派
　　@郭彪699
：越干设计越绝望，现在问我什么工作，我都不好意思说自己是设计师，应届毕业生的工资还不如去洗碗涮盘子!总是心里幻想着明天会更好，但是其实到了2099年也TM一样!真是798里面一句话说的好，没钱别学设计，没钱你还任性个毛啊，做产品设计更是啊!耐得住寂寞，你就再试试!
　　@菲尼克斯phoenix
：我也犹豫过，后来了解过一点，发现UI水深，不是我努力之后做不了，是我考虑如果我把精力放到现在的工作上会不会更有成效。后来换了家公司，接触了些App视觉的皮毛，我愿意在工作中找到问题的答案
怎么样把它做更好，但是没想过转行。
　　@不起昵称行不行愁死我了
：我已经30了，今年才开始做设计，UI设计，不晚，多看多学多练，别人午休睡觉我都在做练习，没事就拿个本子画画，现在进步了不少，因为喜欢一点也不累。
　　@仰起脸晒晒太阳 ：设计还是努力去大公司吧，表示在小公司呆了三年，感觉屁都不是。
　　@毁灭杰伦街 ：根本不是年龄的问题，是设计这个行业，越做越觉得绝望!这样那样的各种要求，多少次不想干了。别跟我说什么坚持之类的话。
　　@君麻君
：我觉得我现在也是迷茫的不行，大学4年学的是动画专业，平面、动画都还在行。毕业后考研未果，又没有合适的机会工作，就去做了工艺美术，做玉雕，现在也是面临一些实际的问题发愁。如果有跟我经历相似的孩子快联系我
(๑B`B๑)
上一篇：下一篇：
26岁的平面新手，是否还有转UI设计的可能？ 相关内容:
查看更多>>
交互设计教程姐妹分类
交互设计教程热门排行ui设计容易学吗_莱茵教育_java web培训机构
<input type="hidden" name="header" value='' />
您的位置：
&#x0075;&#x0069;&#x8BBE;&#x8BA1;&#x5BB9;&#x6613;&#x5B66;&#x5417;
发布时间：
人咋那么多，哎呀真闹热
从2007年以来，这里通过旅游开发带动村民致富，已有5个村甩掉了贫困村的帽子有分析指出，虽然A股短线有超跌反弹的可能，但整体上，股市仍面临信用债违约、流动性紧缩预期以及商品期货调整等多重压力，股民需要控制仓位，抢反弹快进快出
因为家里还有要读书的哥哥和弟弟，她放弃了读大学的机会，来到深圳大浪，在菜市场父母开的粉面批发档帮忙
“所谓的关注并不是天天盯着他们，而是逐步放手的守望，严格要求的同时，给他们多一点自主的空间
整个小镇拥有多个广场,四通八达
今年初，市委市政府决定采取坚决果断措施，由政府主导，以棚户区改造为契机，彻底消除罗湖二线插花地安全隐患，改善棚户区居住生活环境原标题：中国足球人“搅动”世界足坛《人民日报海外版》（日第09版）今年中国联赛从国外引进部分外援“猛将”的拼版照片
50拖拉机水箱就开锅了，要不停的往里倒水降温”北极气候酷烈，仅有夏天的两到三个月能进行野外工作，直升机把张舜新送到北极或亚北极的某个岛上，她就会在那里度过整个夏天，收集样本
据悉，常隆化工目前被外界认为应当为近日“地”事件负责的公司之一
这名女子现年21岁，在赴澳求学期间因失误而意外获得透支账户
发展住房租赁企业，鼓励房地产开发企业开展住房租赁业务，规范住房租赁中介机构，支持个人依法出租自有住房前期的市场定位和市场调研只能给我们参考，真正的市场推广及需要改进的地方是来自于市场的实践之中
但在一次聚会时，我还是把此事说了
多打电话，多说话，对于姓反映的问题认真记录，勤督促
作为中国话剧发源地的上海，近年来，话剧演出呈现出活跃态势，也因此吸引了诸多海外及台湾和香港等专业话剧团体纷纷来沪“扎根”整场比赛共做出成品菜肴20道，每道菜出锅后，都要经过专业评委和大众评委的品评，最终，评选出一等奖一名，二等奖两名，三等奖三名，分别获得由高山流水?星币传说小区物业公司送上的厨具大礼包及羽绒被等物品
公报显示，2015年，我省坚持陆海统筹、江海联动，全力推动海洋产业转型升级，海洋经济在新常态下保持平稳增长态势
到今天为止，来做三维超声的已经预约300多人了，全部做完至少要两周以后
中国残联新闻发言人郭利群指出，近年来，残人事业顶层设计和制度创新、残人扶贫解困和兜底补短、残人工作基础管理、残人事务对外交流等工作取得了重要的新进展、新成效
出台《畜禽养殖污染治理规划》等5个指导性文件，划定畜禽规模养殖禁养区和限养区
“他们与地方动物保护组织合作不够紧密，在推动动物保护立法、行业规范化发展以及推动城市动物管理方面，投入的精力也比较欠缺”是web前端开发工程师 有前途 还是ui设计师有前途？_百度知道
是web前端开发工程师 有前途 还是ui设计师有前途？
是计算机专业，那时都叫 “美工”（网页制作），然后我就一边写写pc端得前台代码，在上海。可是 现在 我有点迷茫，学手绘，出来就是 做 网页设计。但是我选一个，做ui ，DIV+CSS,JS得，定性。然后跳了个公司，分析精辟得，有做app手机端，结束后就专攻app界面设计了，交互，现在 app产品也已经上线了，到底是 做 前端 还是做ui设计啊，到底以后是哪个 有前途些啊。也许大家要说 哪行做精了 都可以长久。。求指点迷津，
提问者采纳
web前端开发工程师是包括ui设计师的，所以我建议刚开始的还是学得比较忙广泛一点好！在后期在根据自己的爱好和擅长选择某一个方向进行先关的专研！
那你的意思就是 选择做前端？
前期还是选择做前端，后期有接触多了UI就不在话下！
好得，谢谢你！！
提问者评价
来自团队：
其他类似问题
为您推荐：
web前端开发工程师的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁零基础开始学 Web 前端开发，有什么建议吗？
该学哪一些内容？先后顺序是什么样子？有推荐的书吗？
按投票排序
前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。随着近两三年来RIA（Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序）的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和服务器端语言（PHP、，JSP、Python）等语言，前端开发工程师也需要掌握。前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。HTML 甚至不是一门语言，他仅仅是简单的标记语言！CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript 的基础部分相对来说不难，入手还算快。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。Web前端技术有一些江湖气，知识点过于琐碎，技术价值观的博弈也难分伯仲，即全局的系统的知识结构并未成体系，这些因素也客观上影响了“正统“前端技术的沉淀！而且各种“奇技淫巧”被滥用，前端技术知识的传承也过于泛泛，新人难看清时局把握主次。因此，前端技术领域，为自己觅得一个靠谱的师兄，重要性要盖过项目、团队、公司、甚至薪水。另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、负边距布局、栅格布局等；各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。随着手持设备的迅猛发展，带动了 HTML5行业标准的快速发展。web领域的技术，大概有10年都没有大的更新了！现在市场很需要优秀的、高级的前端工程师。一方面是因为这是一个比较新的细分行业，而且前端程序员大都自学一部分，知识结构不系统；另一方面，大学里面没有这种课程，最最重要的是：北大青鸟这类培训机构也没有专门的前端工程师的培训课程！！吴亮在《JavaScript 王者归来》第一张的序里面说：大多数程序员认为 Javascript 过于简陋，只适合一些网页上面花哨的表现，所以不愿花费精力去学习，或者以为不学习就能掌握。实际上，一门语言是否脚本语言，往往是她的设计目标决定，简单与复杂并不是区分脚本语言和非脚本语言的标准。事实上，在脚本语言里面，Javascript 属于相当复杂的一门语言，他的复杂度即使放在非脚本语言中来衡量，也是一门相当复杂的语言！Javascript 的复杂度不逊色于 Perl 和 Python！如何学习前端知识？ 我们生活在一个充满规则的宇宙里面。社会秩序按照规则运行，计算机语言几乎全部是规则的集合。计算机前辈们定义规则，规则约束我们，我们用规则控制数据。大部分时候，对数据的合理控制，来自于你对规则的掌握。学习 HTML，CSS 应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。而学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！如果你只想当一个普通的前端程序员，你只需要记住大部分 Javascript 函数，做一些练习就可以了。如果你想当深入了解Javascript，你需要了解 Javascript 的原理，机制。需要知道他们的本源，需要深刻了解 Javascript 基于对象的本质。还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。因为历史原因，Javascript一直不被重视，有点像被收养的一般！ 所以他有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript 的这些缺陷。那么一名优秀的、甚至卓越的 前端开发工程师的具备什么条件？首先，优秀的Web前端开发工程师要在知识体系上既要有广度和深度！做到这两点，其实很难。所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。技术非黑即白，只有对和错，而技巧则见仁见智。在以前，会一点Photoshop和Dreamweaver的操作，就可以制作网页。现在，只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。其次，优秀的Web前端开发工程师应该具备快速学习能力。Web发展的很快，甚至可以说这些技术几乎每天都在变化！如果没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而前端工程师的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。说到这里，我想起了一个大师说过的一句话：对于新手来说，新技术就是新技术。对于一个高手来说，新技术不过是就技术的延伸。再者，优秀的前端工程师需要具备良好的沟通能力，因为前端工程师至少都要满足四类客户的需求。1、产品经理。这些是负责策划应用程序的一群人。他们会想出很多新鲜的、奇怪的、甚至是不可是实现的应用。一般来说，产品经理都追求丰富的功能。2、UI设计师。这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。一般来说，UI设计师于流畅靓丽、但并不容易实现的用户界面，而且他们经常不满前端工程师造成 1px 的误差。3、项目经理。这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。4、最终用户。指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。Yahoo 公司 ，YUI 的开发工程师 Nicholas C. Zakas 认为：前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了，为了在多种平台中使用，多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术，涉及到广阔而复杂的领域，这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。————————————关于书籍：HTML、CSS 类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《CSS禅意花园》，这个很有影响力。Javascript 的书籍 推荐看老外写的，国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。这里推荐几本 Javascript 书籍：初级读物：《JavaScript高级程序设计》：一本非常完整的经典入门书籍，被誉为JavaScript圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。《JavaScript王者归来》百度的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。中级读物：《JavaScript权威指南》：另外一本JavaScript圣经，讲解的也非常详细，属于中级读物，建议购买。《JavaScript.The.Good.Parts》：Yahoo大牛，JavaScript精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊！强烈建议阅读。《高性能JavaScript》：《JavaScript高级程序设计》作者Nicholas C. Zakas的又一大作。《Eloquent JavaScript》：这本书才200多页，非常短小，通过几个非常经典的例子（艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等）来介绍JavaScript方方面面的知识和应用方法。高级读物：《JavaScript Patterns 》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。《Pro.JavaScript.Design.Patterns》：Apress出版社讲解JavaScript设计模式的书，非常不错。《Developing JavaScript Web Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。《Developing Large Web Applications》：不仅有JavaScript方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JavaScript架构设计，值得一读。要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究！万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。人们常说：不想当裁缝的司机，不是个好厨师。如果单纯只是学习前端编程语言、而不懂后端编程语言（PHP、，JSP、Python），也不能算作是优秀的前端工程师。在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。
以下这个答案可能和问题无关，但是能希望能帮到0基础的同学之前参加Rails Girls时写的，旨在帮助想学做网站的同学们入门。原文：，欢迎建议====================================0基础怎样开始学习做网站？目标读者：完全0基础的人，Rails Girls，想了解技术的同学，产品新人大多数教学, 都太有条理了。先讲概念,
HTML是什么，CSS是什么，HTTP请求是什么....但是一次性听到这么多陌生的概念，很容易晕的。过于抽象了，所以试着写一篇based-on
experience, not concept的介绍，来帮助大家入门Ruby on RailsRuby on Rails是做什么的？做网站的，你知道什么是网站（淘宝，知乎..），Rails能做这些，就行了1. 网站-&网页-&按钮我们要做的是什么？是网站，那么就直接以知乎为例好了这样一个网站，是怎么和“代码”，Rails联系起来的呢?这个太复杂了，我们不如只看他的首页（上图）就拿这个页面来说，他是有3部分构成的，HTML,CSS,JS。不过这样说，依然没有什么用我们只拿出其中的一个按钮，来解释这个概念我应该怎么来写代码，来实现这个按钮？这个时候，就要用到HTML了，代码如此：&- button class="sign-button submit" type="submit"&注册知乎&/button&写好以后，生成的就是按钮了（如图）"靠，可是这也差得太远了吧？这两个怎么能是一个东西呢！！"，你可能会想但是他的功能，是不是都是一样的呢？（就是点击）这个时候，就用到CSS了。（不要在意代码具体什么意思，知道这是CSS就行了）（至于JS，可以以后再说）上
面想说的就是，我们看到的网页，都是用HTML,CSS,JS写的：HTML来说明这个内容是什么，CSS来让这个内容变好看（How it
looks）。这里说的是按钮，其实，网页上的所有这些文字，标题等等都是这样，都是HTML+CSS+JS写的，如下图的头像，链接等等再举个例子，上面的指向某个问题的链接纯粹的HTML，以及加上CSS来改变他的样子之后小结一下，上面介绍了什么是HTML,CSS,(JS)[如果有任何问题，可以直接提问]2. 难道要重复写很多遍吗？再看知乎里面的“发现”页面，一条一条的“回答”这些“回答“的结构，都是相似的。那是不是，我们的代码就要这样一条一条的写下去呢...？显然，这太麻烦了，所以要用到循环，也就是用编程语言（e.g. Ruby）来做 (e.g for loop )或者，想根据用户登录/未登录的状态，来调整页面的内容这里，知乎对于未登录的用户，会有登录的按钮；登录的用户，则显示消息，头像等等。这就用到了编程的东西（if else判断）[if else, for loop，这些应该还能理解吧？]3. 怎么实现注册功能？上面，我们讲到了看到的网站是如何由代码构成的不过，写到这里，你可能还在想，这不拖拖拽拽就行了吗？e.g. Dreamwaver, front page等软件确实如此。不过，我们怎么实现“用户注册”的功能呢？这个时候，就不仅仅是”循环“、”判断“了。显然，这时候，要涉及到更多更为复杂的逻辑。这个时候，就要用到Rails了，我们要用他来实现——注册、登录的功能，发帖的功能，提问的功能，点赞的功能等等等。所以，Rails（PHP, Python等等）就是用来实现这些“功能的”。这里不再举例子了，因为太复杂，只提几个问题，让大家思考一下，拿论坛发帖子来说：我们怎么实现“创建”一个帖子的功能？又怎么“修改”，怎么“删除”？这下，应该能感到这些功能的复杂了。不过，现在依然不用深究，只要知道Rails是用来处理这些复杂逻辑的东西，就行了（此外，我们有这么多用户的数据，帖子的数据，点赞的数据，就又牵扯到数据库了）。4.
小结到这里，我们主要介绍了：(1) 什么是HTML + CSS +JS （显示网页）(2) 什么是Ruby on Rails （复杂的逻辑功能）前面的，就是我们所说的前端，后者，就是常称的后端如果你下次还有疑问的话，不妨顺着这个思路理一理：(1) “网页是由什么构成的？”(2) “怎么实现注册的过程？”(3) “网站上有这么多数据，怎么保存？”“可是我想要设计一个很漂亮的网站诶.....”，那个是设计师做的对于一个网页来说，设计师决定这个按钮的颜色，阴影，怎样才好看而前端工程师（HTML CSS JS），来负责用代码实现这些东西（写具体的代码）比如设计师说，希望这个按钮是蓝色的，那么工程师就根据这个要求写具体的代码：button {color:blue}
对于小的创业团队来说，可能最开始就直接写代码做完了，不会有专职的设计师5. 那么，我接下来该怎么学习Rails呢？好了，写到这里，应该基本了解什么是Rails了（其实主要介绍的是前端），接下来的问题可能就是：那我应该怎么学会Rails，来自己做网站呢？不过我先写这么多了，如果有足够的人需要的话，再继续写吧注：原标题为Rails in Plain Language，即用浅显的语言，告诉准备学习Rails的同学们，Rails到底是什么。不过本文实际上并没有谈到Rails是什么，更多的写的是前端。因为大多数0基础的同学，并不理解这些，所以先了解一下，我觉得会有帮助。
某学校学渣答题，当初学习前端有着明确的目的导向，能够在短时间给我带来一个实习offer：0:
作为一个没什么基础的新人，个人感觉应该先练习正确的全键盘打字，这能让你在写代码的时候速度提升很多，然后学会关于以及正确的使用0.1：既然要学习前端，大家总得知道前端是干什么的，这里有个对前端的总览，大致先看一遍，不求马上能理解多少，但现在自己的大脑里留下一些映像1： 学习如何使用,，然后学会使用，用这个插件可以使得我们在前期可以较快的把自己想要写的东西写完从而获得成就感（感觉成功以及迅速能看到成果对于我们入门相当的重要）。2：了解并熟悉HTML标签，这一步我推荐使用来进行了解，把上面的标签先全部打开看一次，然后自己在仿照着全部写一次，对于基本的html标签都有了自己的认识，然后让我们在实践中进行学习吧。3: 对于css的学习，对于css最开始的基本知识我也是推荐到我上面说的那个网站去全部看一次，并且基本自己先写一次，然后推荐买两本好的css书籍，并且把书上写的代码案例都自己全部实现一次（我自己css学习是先看的林小志的《css那些事儿》，然后看的大漠写的《图解css3》，自己把书上代码的八成以上自己实现了一次，感觉自己的css算是初步入门了），基本上这样css的基础知识就记忆到自己的大脑中了，然后后面我们经常去看看巩固自己的基础知识，再进一步我觉得就是去看规范和在工程实践运用中去提升自己了。3.1 关于css那些事我基本上就是把书上的代码全部都写了一遍，顺着书的顺序来就行了，那个时候为了好看我连书上的每个数据都是写到纸上再自己写，然后图解css3看完了第二章的内容不用急着去写，因为用到了很多后面学习的知识，后面看完了我们再回来写这一章的内容，在这本书的每章的前面都有对于这章节内容的列表，我们要对这个认真的看，看完书之后我们顺着列表来看自己能不能把这些知识都联想起来，不能就再把书多看几次，一定要把概念搞清楚，然后再开始写书上的事例，关于动画的那一部分我基本上都还没写，因为JS里面也有一部分控制动画的内容，准备到时候两个一起来写，但是也建议先把书上的知识看一遍。4: 对于javascript的学习，我在初步学习javascript的时候购买了《javascript高级程序设计》和《javascriptdom编程艺术》，我先学习完了高级程序设计的前面七章，把书上前面七章的代码全部敲到了电脑里面去，并且把原理基本上理解了，然后看了第八章和第十章以后就开始学习javascriptdom编程艺术，我大约花了两天的时间把这本书看完了，然后花了大约两天的时间对书上的内容进行了实践，然后看了《javascript语言精粹》，看了大约一半的《锋利的jqury》（但是对我效果特别不好，大概还是缺乏练习，只记得了一些基础知识），《javascript设计模式》还没有来得及看。4.1 今天因为又认真看了js高级程序设计这本书，我觉得编程艺术和js高级程序设计比较好的观看顺序是：1.高程1-7章 2.编程艺术3-10章混合着高程第8章和第十章来看 3.高程 8-10 11-16 20-22 其中10 13 14 20-22是属于要比较认真的看的 4.实现编程艺术第12章的练习。4.2 答主是一个想要偷懒的人，还学习了一点视频，这里把一些知识点贴出来，都是js与dom相关的知识点，大家在看js高级程序的时候可以配合这几点问题来看：实现浏览器兼容版的element.children实现浏览器兼容版的element.dataset浏览器兼容版的window.getComputedStyle实现getStyle函数Ajax请求GET方法的封装Ajax请求POST方法的封装创建窗口如何处理由于浏览器设置导致的autocomplete="off"失效的问题封装一个可支持任意级选择器级联的控件封装一个输入框通用的光标操作接口有哪些方式可以用来禁止指定的可验证元素的验证利用iframe实现表单的无刷新提交实现一个登录框5: 我们在学习过程中应该逐步明白的一些基础知识，,正则表达式等等。5.1： 在学习的过程中，我们也要巩固自己的基础知识，所以我拿出来了《计算机网络－自顶向下方法》又开始重新学习，这中间我们暂时没必要去写书上的socket编程这些东西，但是应该明白的知识我们也一点都不能少，在看完了这本书之后我们就对网络有了一个大致的了解，然后我们就应该拿出我们的《HTTP权威指南》来参考学习，看这本书先对自己有兴趣的看吧，还有就是自己常用到的，因为我也没怎么看，所以也没啥发言权。6： 残酷的事实告诉我们，你仅仅是把以上的这些书的代码都自己写了一遍然后传上Github，然后写在自己的简历里面只有这些东西的话，连实习电话面试的机会都得不到，所以让我们开始写自己的网站吧。6.1 我认真检查了下我的海外vps发现内存实在太小了，主要用途也是用来当梯子的，所以也没敢乱搞我的vps，就跑去阿里云买了一个学生专用的服务器，真的是很便宜，已经简单装好了wordpress，还没怎么进行配置。然后在学习的时候希望能尽量做到专心致志，我把自己的知乎关注给删减到了100左右，就为了控制自己刷知乎，推荐一些知乎前端比较值得关注的用户，而且他/她们也都不爱刷屏：
winter老师回答的都很赞，基本不抖机灵，关于他的回答在这里 密码: i77d。
Cat chen老师，facebook的Front End Engineer，回答问题也不抖机灵而且对于我们程序员恋爱有自己的独到见解，我的目标就是成为Cat chen老师那样的工程师。
贺师俊老师回答的也很赞，对前端的发展有着自己的看法，贺老对于javascript是世界上最好的语言的演讲实在太赞了。
貘大对于规范一类的问题非常的熟悉，在知乎感觉上从来不抖机灵
就职于手机新浪网的，完全自学成才的典范。 去哪儿网的前端架构师，知乎上回答问题非常认真
饿了么的前端leader，现在不怎么活跃了 前苏宁云商的前端架构师，现teambition，为人非常好，还亲自解答过我的问题@ 网易的前端工程师，各方面知识都很强。
真大神，vuejs的作者ps: 以上顺序是根据我关注早晚来添加的pss: 答主现在都没找到实习。。求实习。。
都分享了经验，也推荐了书，那我就分享个针对初学者的交流群： 欢迎加入JS初级前端开发，群号码： 。禁止闲聊，发无意义大gif，非喜勿进。最后送点干货，我们的群规：
。欢迎加入。
大家说了不少经验了，我推荐点书：
首先，任何技术实际都是从零基础开始的，不管是直接学习还是通过相近经历转行。所以不需要因零基础担心。　　其次，一定要做好准备：一项技术的学习，意味着你各方面资源不同程度的消耗——时间、工具、资金，甚至融入相关交流圈子的准备。在这个准备过程中，最好是带有一个强硬的规划：“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划，一般人都会越来越懒惰。　　然后，选准一个或多个老师。这个老师，可以是一个页面，一本书，也可以是一个真实的人。对于前端这块来说，个人的理解是读十本书不如写一个页面，而我本人也是实实在在地硬着头皮一个标签一个标签google出来的。只有在实际去写的时候，才会出现各种问题，只有在凭自己的思考来解决这些问题的时候，才会得到非常深刻的印象，把相关知识真正转变为自己的。在这里多罗嗦一点，什么叫“选准”老师呢？我参考着去写的第一个页面，是某分类信息网站的首页，一个列表页，除了头尾之外，主体是多个庞杂的列表，并涉及各种布局，总体来讲应该算既不太难又有一些内容的。起手的这一步，如果选择的难度不合适，有可能会造成严重的阻力或者埋下排斥的阴影，学习过程一定要循序渐进。　　另外，需要着重申明的一点：为什么我在第一句话就说“任何技术实际都是从零基础开始的”？因为我要表达的另一个意思是，无论什么时候，不要忘了在解决问题表象的同时，去推敲一下问题产生的基础，那些最不起眼的基本步。同样一个主导航，为什么有的人写出来非得用上三四层标签，有的人却只有两层甚至一层就搞定？这不光是几个字节的差异，甚至可能为了优化代码结构还需要多花一些时间，但有了这层差异，在整个大项目上反映出来的就是个人代码驾驭能力、页面执行效率、接口程序员的工作强度，甚至关系到SEO、模块结构等很多其他的相关面。BTW，有项目经验的童鞋应该对随时出现的各种“灵异现象”都不陌生吧，往往解决这些问题的关键，也在一些毫不起眼的基本步上，不是吗？　　多写，多看，多谈，多搜，好刀都是煅出来的：）
学习前端三个月，目前在实习。算是入了门吧。就结合我自己的经历讲讲吧。最开始是在慕课网，有个前端工程师的学习计划。参加那个计划，看看视频做做练习。学html和css时可以看看w3cschool，一些知识点比较基础比较全面。学习javascript时，推荐看智能社的石川主讲javascript视频，讲的很不错。在网易云课堂上面有。书的话可以看看javascript
dom编程艺术，很多人推荐的javascript语言精粹是好书，但不建议现在看。javascriot高级程序设计比较全面，也推荐买来看看，再推荐css权威指南，能减少很多次跳坑的可能。接着看看jquery，看看html5，css3，bootstrap，应该就到了一个瓶颈了。准备一下就可以找实习了
纯粹的前端不学习到最高境界，作为一个靠这手艺吃饭的人来说是没什么钱途的。而其他语言的程序员却很容易提高薪水。如果你认准了前端这条路，就一定要学好JS，多揣摩用户体验和用户交互
前言===============================CSS入门比较简单，很适合零基础的人去学习。但是该从哪里开始呢？又该学到什么程度，学会了之后，又会能找到一份什么样的工作呢。目录===============================一 什么是CSS二 该学习哪些内容三 能胜任什么工作四 为什么不推荐去看视频五 究竟该怎么去学习六 遇到问题怎么交流七 下一步学什么===============================一 什么是CSS？CSS【层叠样式表】是一种用来表现（的一个应用）或（标准通用标记语言的一个子集）等文件样式的计算机语言。但是对于新人来讲，更需要的是看懂这么一个流程图，论一个网站是怎么开发完成的，这样你才能了解通常程序员所说的CSS是什么。解释一下每个名词的含义：1.产品经理：每一个好的产品，都是产品经理在浴室里思考会议室上拍桌子说服大佬最后拿着枪指着程序员做出来的。这就是产品经理的职责，他们被认为是互联网的灵魂和发动机，理解用户痛点，给出解决方案，做出差异化的产品，能够快速迭代，可以合理分期并能够及时评估项目风险。产品经理就是负责把用户的需求，变成需求文档和原型和PPT和流程图。
当然，大多数程序员对于产品经理的形容只有两个字：SB2.UI：UI是一个又能做产品又能做页面又能做交互的神奇物种，做UI是跟做前端的人打交道最多的职业，所以他们跟CSS一样，有时候都被简称是美工或切图的，有时候就是给合影照做PS的。UI就是把产品经理设计的原型图，上色变成好看的设计稿。也就是PSD文件。
当然，大多数程序员（特别是CSS）对于UI人员的形容只有三个字：像素眼3.CSS：其实有时候CSS根本不算程序员啦，这也是为什么有时候UI会兼职做CSS的重要原因。也是CSS成为了最容易上手的IT职业。CSS就是负责把UI设计的图片(PSD)，变成Html网页,里面的数据全是假的。很多时候学会CSS就能找到一份IT行业的工作，但是并不能帮助你拿高薪。
当然，大多数程序员对于CSS人员的形容只有三个字：切页面的。4.JS：JS入门的难度比CSS稍高一些，但也是所有真正程序员里比较简单的工种了。简单的JS程序员只是做点轮播，做点特效和动画，加个弹窗，做个验证。但是，现在呢，前后端分离的方式，前端架构概念的出现，Html5的普及，已经让前端成为了一个最重要和最热门的工种。
当然，大多数程序员对于JS人员的形容就是：我靠，你居然会写后端代码？5.后端：后端其实才是神一样的存在，无论前端是有Apple还是IOS还是桌面客户端，永远少不了后端，后端要懂业务逻辑，要懂扩展，要懂备份和安全。但是后端是一个很吃年限，入门要求很高的职业。
当然，大多数产品经理对于后端人员的形容就是：马丹又延期了。6.QA：QA归属于程序员，但是常常会被程序员孤立哈哈哈哈哈。因为QA就是专门挑错的人，如果你挑错挑的不严谨，Boss会骂你。如果你挑错挑的很认真，程序员会杀了你。你自己看着办吧。
当然，大多数程序员对于QA的形容就是：你是不会用吧。7.OP：OP是比较奇葩的物种，跟各个程序员之间基本上没什么大的冲突，除非是到了发布的时间点。无数的OP都会经历过这样的事情，线上发布一次，马丹，有Bug，回滚或者是直接在线上改。改了半个小时，马丹，还是错，再继续改。这次先到了测试环境验证，好不容易验证通过了，再发到线上，又出问题了。马丹，程序员们继续改。
当然，大多数程序员最喜欢对OP说的一句话就是：大哥，睡了没？没睡再帮我发一个版本吧？小结：CSS就是负责把UI设计的效果图变成静态网页，然后由后端或者是前端JS把静态网页中（假数据）变成动态网页（真数据）。简单说，不用理解太多产品需求，只要勾搭好UI妹子，做好浏览器兼容，做好自适应和响应式，代码写的别那么烂，有点通用性，就好啦。这就为一个月之内学会CSS，成为一个初级的CSS工程师，创造了前提条件。二 该学习哪些内容===============================先看一下这张图，不同的颜色代表着你需要了解到不同的程度。简单来说呢，我对一个月的CSS工程师要求是：能独立完成自适应和响应式的项目，能会使用Bootstrap和Less。你们觉得难么？可能大部分人都未必知道，什么是适应，什么是响应式，什么是Boostrap和Less。好吧，这确实是有点难度，不过我大IT修真院的弟子可以在15天之内完成这个的。所以，其实还不算太难啦，难的还在于是编码规范。这儿我把CSS初级工程师，需要会的内容，再整理成一个文字版的。1.基础环境的配置：WebStorm/sublime,Svn/Git，Nginx/shell ，PS ，命名和规范。这些都是一开始就要会的了，只有一开始都先从简单的功能开始使用，然后每天巩固，每天在用，当一个月之后，你会发现根本就不用刻意去学，自然就会了。其中，WEBStorm是IDE，SVN是源码管理工具，Nginx是WEB服务器，Shell只需要会一些简单的脚本，PS是要你自己学会切图，命名和规范是格外的重要的。。这里每一个点都可以无限扩散，然而你并不需要会那么多，暂时来说，会用就行。2.布局+样式：布局是最基础的操作，先抛开各种奇怪的控制的属性不谈，单说各种对齐和局中。这里其实是需要了解一些理论知识的（大概也是CSS里为数不多的理论知识之一），主要就是盒子模型，定位（标准流）（浮动）(相对，绝对)。用这些东西做出常见的居中，两列，三列，Header，Foot，侧边栏等。 然后就是学习各种控件（简单的和复杂的）的样式，这里包括选择器，优先级等等。3.自适应+响应式：可以这么说吧，从现在开始，表再做没有自适应的网页了，优先考虑响应式吧，跨屏时候已经来临。所以你要了解屏幕尺寸（Media），要懂长度单位（em,rem,百分比）4.性能优化：一些简单的常识就够了。最少要学会雪碧图的制作。5.框架：Bootstrap和Less，在学会以上4种的时候，已经可以自己搭建一个网站了~吃惊咩？然而还是需要学习一下Bootstrap，学会了解一下使用开源框架的感受，学习别人封装代码的思路，这是最重要的。Less可以帮助你从另一个角度去思考，让你的代码更简洁。好的，现在来简单总结一下，当我说，一个月之内成为一个CSS初级工程师的时候，就是指的你已经学会了以上的内容。这样你就能开始写一些项目了，在写项目的过程中，会加深很多细节的知识，CSS的知识就是繁琐的。只有掌握了这些，你才能完成接下来的学习。三 能胜任什么工作===============================其实，刚刚已经说到一些了。初级的CSS工程师，在北京可以拿到4K~8K的薪水，能不能找到工作，取决于你能不能独立做出来项目的页面。能拿到多少薪水，取决于你会不会一些JS。这样的水准啊。在北京找到份工作其实不难了，你每天的日常工作就是，从UI那里拿到图。然后切成静态页面，然后当后端的同学套页面的时候，去看看套的对不对。跟着会做一些轮播图，做个小弹框之类的。如果你停止学习，你可能在这个水平上停留很长时间。哦，还有可能会懂一些浏览器的Hack。学会兼容IE的老版本。四 为什么不推荐去看视频===============================坦白的说呢，如果没有人教你，没有人带你，想要实现在一个月的时间里就学会这些，基本上是做不到的。这也是我写这篇贴子的很重要的原因,这也是这篇贴子中最有价值的地方。总的原则是：1.永远永远不要去先看视频，先看书。2.永远永远记着代码是写出来的，不是看出来的。3.永远永远记着要有自己独立学习独立解决问题的能力。4.永远永远记着不要说自己不会英语。5.永远永远记着不要给自己没有时间找借口。6.永远永远记着要学的知识有很多，找到一条正确的途径才可以。好了。看完这些，也可能会跟你之前的认知有所不同。但是，想想，你有没有遇到过这些问题。1.不知道自己该学什么，从哪里入手。2.视频看了很多，讲起来好像懂了，做起来完全又不会。3.遇到了问题，根本找不到人解决。那么我来解释一下，为什么我会让你们抛弃看视频，看教程，做测试题等各种奇怪的学习方式，转而投向更高效更快速的IT修真方式。首先，技术是有体系的，但是又是非常零散的。这些零散的小知识太多了，而且在实际使用中，你并不需要把所有的零散小知识都学会，那样太慢了，更何况，在做真实的项目中，根本用不到这些小知识。用不到的东西很容易就会忘啊。所以这就是你看视频或者是教程之后，就算是懂了也会很快就忘记的原因。怎么解决？多写多练，学习致用。其次,做技术的要培养的是自我学习和解决问题的能力。这是看视频和看教程绝对没有办法教会你的。比如说，遇到了问题，该去找哪些关键词？百度的结果中，哪些常用网站的答案是可信的？哪些的方法根本就是错的？请教别人的时候，如何能够快速准确的描述清楚自己的问题呢？每个人都有自己的学习方式，都有自己无法理解的问题和困扰，这些只能靠真正的写代码去实践出来的。再次，学习的氛围很重要，讨论交流，同学都在努力学习的氛围会让你不自然的向前走。这同样是视频和教程很能给你培训的啊。没有人监督，没有人一起学，很容易被各种各样的琐事打断。最后，做项目更看重的是编码规范，交流沟通，协作和进度支持。这也是各种培训机构很难带给你们的。很多培训机构的老师都只会讲课，并不会做项目。五 该怎么去学习===============================说了这么多，该怎么去学习呢。别着急，容我仔细讲来。1.要明白自己学习的目标是什么。
这里的学习目标，并不是成为一个CSS工程师之类的，也不是迎娶白富美什么的，而是一个明确的，专业的目标。
对于CSS工程师来讲，要进入公司就必须能够独立做项目，必须学会编码规划和协作，必须学会自适应和响应式，再学会Bootstrap来了解框架，最后是学习Less扩展视野。
记住了么，如果这些名词不太熟悉，不要害怕，学习都是有顺序的。但是，前提条件是，你必须明白，你会了这些，你才能够说自己算是CSS入门了，可以独立去找一份工作了。2.要有明确的学习规划
从简到难，先学什么，后学什么，有人带和没人带的差别，就在于这里。
对于CSS来说，重新回过头来看看本篇贴子的第二节，这就是你的一个学习的规划。这就是你要学习的内容。3.要不断的用代码去验证自己学习的成果
会和不会最直接的方式，就是你能不能做得出来，所以一定是你去做一个任务，然后这个任务呢，包括某种技能和知识点的训练（玩过游戏的都会比较熟悉这种方式），在做任务的时候遇到了问题，再去找人交流或者是请教师兄。
能直接写出来的代码，会让你有脚踏实地的感觉，不会心虚。
对于CSS来说，重新回过头来看看本篇贴子的第二节，这就是你的一个学习的规划。这就是你要学习的内容。4.要学会自己去主动解决问题
之前提到过，自己主动解决问题的能力很重要，这是一个程序中的生涯中必不可少的解决问题的方式。所以从一开始就要培养自己在这方面的能力，而这个真的是一种能力。有的人能够快速找到问题的解决方案，有的人会被一个问题卡很久，每个人的情况都不一样，早点入手，早点找到更适合自己的方式。5.要学会自己去和其他人交流请教其实交流和请教别人，也不是一件简单的事儿，很多时候你并不能描述清楚你的问题。因为出现问题的原因总是千奇百怪，特别是每个人走的路子不一样，解决问题的方案也不一样。因些，最好的方式就是寻找那些刚刚解决过这些问题，比你早走一步的师兄，对他们来说，更乐意去帮助你解决掉这些问题，这也是强化记忆的一种方式。
学会寻找合适的人去请教，描述清楚又不能过多打扰对方，这也是一种能力的训练。还有，提前认识一些技术上的前辈，他们能给你们的指导和帮助，远远超出你的想像。（IT修真院就是提供这么一种途径）6.每天都去总结反馈
不要给自己任何的理由去停止练习，哪怕你什么都没做，也要保持记录日报的习惯（IT修真院的论坛里有很多师兄写的日报，可以参考，也是我带IT修真院学员的时候，点评日报是和学员交流的最好方式），你可以发现，自己究竟学会了什么，又因为什么阻碍了自己的进度，在什么地方进步更快。
不断的反思和总结，会让你收益颇丰。7.公开代码，接受交流
你是一个新人，所以没什么可羞涩的。把代码公开出来，把做出来的效果贴出来，这都是很好的交流方式和心态。8.注重规范，注重合作，注重交流
在真实项目中，这比什么都重要，你会发现，当你和三个人一起合作的时候，因为Class命名不统一不规范产生冲突，因为三个人风格不一致导到项目后期维护困难，当需求发生变化的时候你发现自己写的代码简直无法改动，等等等等这些，在刚开始的时候就这么做，考虑代码的扩展性和可维护性，否则一旦你养成很多坏习惯，再纠正过来就很难了。9.在需要的时候再去看视频和教程在遇到一些关键的节点上，自己解决不了的问题的时候，再去翻阅视频和教程-我不确定你们是否明白这两种方式的差别，就是不要跟着教程和视频走，那样太慢，不要去做所谓的练习题，对你没有任何帮助。而是把教程和视频当成是词典，你只在需求的时候去查阅它，在自己积累到了一定的困惑的时候，再去梳理和总结。这是我从业近十年以来发现的最快的学习方式。10.不要太贪心，什么都想学严格按照任务序列去做，不要太纠结于细节，学会把不会的内容放一放，留在脑袋里一直让它困惑。保持足够的进度，当积攒到一定程度，你发现他成为你学习的瓶颈的时候，再去解决它。
否则你会就迷失到知识的海洋中，根本找不到方向。11.学会最佳实践在做CSS或者是其实的语言的时候，慢慢的你会发现，完成一份工作，总是有很多种方式，很多时候你会困惑，我究竟该用哪些方式好？这个在项目中，就叫做最佳实践，换句话说。最佳实践就是无数人走了无数的弯路，告诉你那么走是走不通的，按照正确的方法走是没问题的。
然而问题又来了，很多时候都会告诉你正确的路怎么走，但是为什么不能走其他的路，并没有人说。而且，也太多了。
因此我必须要认真的提醒你，先确定自己能用一种方式把问题解决，然后再去寻找更好的方式，这就是你的最佳实践。等以后有更好的办法解决问题的时候，再去改进自己的经验体系。六 遇到问题怎么交流一般来说，遇到问题往往会有以下几种解决方案。
1.如果有之前的正确代码，回滚到正确的代码上，先确认是哪一行代码产生的问题。
2.确认你的运行环境，如果是CSS的话，确定是在哪个浏览器的哪个版本下出的问题。
3.打开F12，如果有报错信息，那么就直接百度报错信息，先试着理解一下报错的含义。
4.如果没有报错信息，用两到三个词来描述你的错误现象，查一下百度结果。用最快的速度判断出来哪些结果有用和没用。如果没用，更换关键词，通常你应该做到，在10秒钟之内至少切换两到三次关键词。
5.写清楚自己的环境很困惑的地方，像一个程序员一样的去问问题，比如说，为什么我的Nginx配置完正确的路径之后显示出来的仍然是默认的欢迎页面，并没有切换到我自己的Html页。而不是像个傻子一样说，有没有人会Nginx？为什么我的Nginx不能用？如果有截图，截上全屏的图，不要只截一小块，真的很烦只截一小块代码的没头没脑的图。
6.先整理问题，再去提问，不要随便遇到一个问题就各种去找人问，整理清楚自己的困惑，然后发给别人，等他们有时间的时候再回复。
7.查阅相关的资料，用最短的时间确定是否能解决自己的问题。不要迷失，不要一直看下去。有困惑一定要存疑，积累至少一到两天或者一周（看你困惑的是不是关键性的问题）。
8.多写不同的代码，多找已有的例子，公开自己的源码，找固定的学习伙伴，寻找比你刚好多学了一点点的师兄，而不是一定要找一些技术大牛，你遇到的问题，他很难领会到你的困境，因为离菜鸟困惑的时间点太远了。【我不得不强烈推荐IT修真院，去哪找这么好的学院找师兄？】七 下一步学什么实际上，当你能通过IT修真院的15个Task，你就已经可以成为一个具有学习能力，了解CSS的整体趋势，能够独立完成一些项目的初级CSS工程师了。接下来就应该偏向于代码规范，JS，CSS3和Html5的内容。如果想了解更多，就关注IT修真院的微信公众账号，开始CSS中级工程师的修真之旅吧。北京葡萄藤.IT修真院 ===============================免费，快速，高效的帮助IT新人入门，加QQ群：。微信公众号：葡萄藤IT技能树
已有帐号？
无法登录？
社交帐号登录