web前端项目经验怎么写
问web前端项目经验怎么写
　　Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。那么web前端项目经验怎么写呢?
　　网友回答：我也在考虑同样的问题, 不过大概有了一个想法:　　做几个意义性强一点的, 可以证明你在这些方面有造诣并且可以让人可以看的出的demo　　列举几个站点, 并注明参与了哪些部分, 学到了哪些知识.　　方便的可以传到github之类的, 或者在线预览的, 要事先准备好, 并且保证在任何一个设备都可以访问使用(如果可以的话).　　例如:　　就职期间参与公司部产品开发, 负责服务器环境构建, 熟悉了redis, nginx在高并发环境下的应用,并运行3年内在线率达到98%.　　或者　　就职期间参与XXX网站开发, 并配合iOS研发部门开发了移动端站点, 运营期间不断完善, 学习了在移动端开发网站的相关技能(不要用相关, 列举出来).　　之类的... 用数据说话.　　按着套路的话来讲，一般的指标就是这样：　　项目名称　　项目描述　　具体职责　　当然，还可以更细化。国内的招聘站点，都有简历模板，填填空就可以了。　　除此之外，更重要的是你要站在一个面试官的角度来看，看对方需要得到你什么样的信息。除了硬生生的过程描述以外，把自己的感情加上去。让别人看到你的简单，就好像看一个上进青年是怎么帮助项目组搞定一个项目的。也就是把你的辛苦跟你的坚持写出来。比如，你讲的，静态页面的制作。一句话就讲完全部了，我一个小弟，刚学html,css一周，做了一个个人的blog静态页面,那他也是静态页面的制作，是不是跟你一样呢?如果你那么宽泛的讲，就完全一样，在腾讯上班的一个做前端的兄弟，一个月现在拿2万了，那个做blog的小弟可能连工作都找不到。都是做前端的，你是专家，这里面的差距是什么?你把这些描述出来，就是你的价值。也是你简历中最重要的部分。　　延伸阅读：　　web项目前端开发经验总结　　最近这一个月完成了自己的第一个java web项目，是给某杂志社做的在线投稿系统，虽然进度很慢，但是中间确实学到了不少东西，深刻体会到了自己看几个月书都不如做一个项目来的实在。这个项目自己主要负责的是JSP页面、JS脚本、CSS样式表的编写，虽然主要做的是前端，但是在设计前端后台交互功能时，对MVC架构和数据库又多了一分了解，这一个月的时间，自己在技术上也确实成长了不少。　　下面分成几块总结一下自己的这个项目中的心得吧：　　1.项目开发流程：从确认需求开始，到原型设计，再到原型测试，这些都没什么说的了，主要是刚开始开发前端JSP页面时，自己走了很多弯路，想到有什么页面就写什么页面，GET和POST的路径也是随心所欲，想到什么名字就起什么名字，结果发现这样做严重影响了项目开发的进度，后来经过主管的提点后，我幡然醒悟，其实，面向对象的思想就贯穿在整个项目当中，在前面的原型设计的过程中，除了页面的设计还有数据库的设计，数据库的每个表就对应着Java中的每个实体类，这个类封装了数据库中的列作为属性，封装了数据库的增删改查作为方法，就拿这个投稿系统为例，实体主要有用户、稿件等等，实体间还有着一对一映射或者一对多映射等对应关系。其实，整个系统的开发就是围绕着这些个实体进行的，甚至于我们可以把实体名字做为二级目录，把实体的增删改查作为GET或POST的路径，譬如account/add、paper/等等，有了这些路径，那么与之对应的GET和POST的Controller也就有了，接下来我们要做的就是，定义Controller中返回的视图，写完Controller后再把与实体相关的增删改查方法写到服务层中，再把项目的整个骨架搭起来，再去处理细节，很快的，这个项目就成型了。这里前端和后台的配合尤为重要，数据交互是整个系统的核心。　　2.JSP页面设计：提到JSP页面，在这里我想说的一点是，其实JSP页面是在服务器生成的，那么传给JSP页面的变量、参数都会在服务器转化为它们具体的值，然后再传给客户端。JSP页面可以实现很多服务器端的功能，因为可以直接在页面嵌入JAVA代码，但是我们必须明确的一点是，JSP页面主要是用来呈现视图的，不要再其中套入大量的代码，要明确前端与后台的分工。　　3.JSTL标签：JSTL标签就是JSP standard taglib，即JSP标准标签库，首先，EL表达式可以非常方便的取出Controller返回的View包含的Model，甚至都无需声明EL表达式。其次，JSTL标签可以实现很多的逻辑控制功能，比如最基本的c:if判断、c:forEach循环，甚至有更强大的c:choose，有了这些，我们可以大大简化代码量，JSP页面中用几十行java写的代码，有时用几句JSTL标签组合就实现了，此外，像fmt:parseDate和fmt:formatDate也是很好用的标签，用于日期的解析和格式化，此外JSTL更有强大的函数标签库fn:，项目中我也只用到了fn:length取后台传的list的长度。要善用JSTL标签，但是又不要完全依赖于它，JSTL标签很方便、快捷，但是切记，JSTL功能有限，不要完全依赖于它。　　4.shiro框架：shiro框架是apache的一款面向java web项目的权限控制框架，这个框架无论前端、后台都十分好用，在前端，我们可以使用shiro强大的标签库，通过用户角色赋予用户不同的访问权限。譬如，如果一个系统的用户有访客、用户、管理员三种角色，我们就可以通过shiro标签来控制游客不能访问哪些内容，页面向用户和管理员呈现的不同内容，这就是shiro标签的神奇之处。　　5.sitemesh框架：这个主要是用来将所有页面套用固定格式，用以页面的复用，其实有些时候标签更为方便，而且sitemesh框架的内存开销是的二倍，还会导致拦截器出现一些莫名的bug，所以并不推荐使用。　　6.jquery：在这个项目中写了很多的jquery代码，发现jquery确实是个神奇的东西，jquery的神奇之处就在于jquery强大的选择器可以方便的取到页面的DOM元素，并且给这些元素绑定不同的事件，提到绑定事件，说一下on、live和bind的区别：bind是jquery最早的绑定事件方法，on是jquery 1.7.0以后才有的方法，bind和on都不能将事件绑定给DOM加载完毕后后添加到页面的DOM元素，这时就需要live了。还有一个经常使用的就是jquery的ajax了，其实在做这个项目之前自己一直不理解ajax的作用机理，只是心里又个概念而已，但是，在真正使用的ajax之后，才发现ajax的强大之处，确实如AJAX自身描述一样，异步加载javascript，这就允许我们在不打开新页面的情况POST一些参数给后台，后台得到并处理这些参数后将JSON返回给前端，这个JSON的处理function就写在ajax的success处理function中。在这个项目JSON和AJAX最主要的应用就是翻页，加载一个页面，把页面传给后台然后把得到的JSON呈现给用户，翻页时重新POST参数，然后在用js重新处理一下翻页区域即可。　　7.jquery.validate.js：这是一个轻量的jquery框架，主要用于表单的验证，非常方便。　　8.twitter bootstrap.js：bootstrap自带的js框架，里面定义了许多与bootstrap样式相关联的函数，使用起来也很方便。　　9.正则表达式：正则表达式的模式匹配是很强大的，灵活运用正则表达式，也会简化代码，甚至我们在查找替换时都可以使用正则表达式。　　总体上说，这个项目极大的锻炼了自己的代码编写功能，从以前写一句代码要敲无数次backspace，现在居然可以将某些简单的函数一气呵成了。今天项目终于上线了，总结一下，希望以后自己能够取得长足的进步!
相关精彩问答各位师兄师姐好，自学Web前端可以给点建议吗？
大三妹子刚放假，想学习前端，但是没有基础，几乎算是小白，想请教大家，跟着慕课学习怎么样，需要参考什么书呢，求推荐！
按时间排序
慕课网入门很不错，而且是免费的！但是……课程不体系。慕课更多的是案例教学，大家基础不一样，或许不一定适合每个人。如果可以，找一个付费的机构挺好。比如极客，麦子，蜻蜓。可以参考下
有几个原来刚学的时候的项目 比较好上手
需要的话私信我下
目前是开始学习HTML和CSS的基础， = = 希望更上一层楼。 刚开始听的时候都听不懂， 好多时候都想放弃。。。。 不知道有朋友一起学习吗， 我这里有一份资料也顺便发给你。。。 希望共勉 能时刻组团讨论该怎么成长。我知道 有的时候一个人是很难有动力的，我喜欢找组织能一起成长，我暂时有一份最基础的前端视频，希望共勉。有一起的私信把！！
推荐一个前端自学的网站：
中文社区 ，在这个网站可以接触到几乎所有的前端知识，而且也很有趣，学习的方式循序渐进，可以在自学中起到很好的辅助作用，更多可以关注网站看下或者私信
大家推荐很多网站和书籍了，我想还补充一下，代码要多练，亲自上手敲，不要手高眼低。视频可以用来入门，我推荐妙味视频。书用来提高自己。这个假期html和css应该没有问题。知乎上关于前端入门学习的回答很多，学会搜集信息。大家都很热心的，有什么困惑都会解答的。
其实最好的学习方式是进一家公司，从项目学起，但有前提：1.你得有最基本的基础知识，对一些专业术语知道大概2.进一家能学习的公司，当然了这个有一定难度，可以给你点建议，你是以学习为主，你得表明你的诚意，薪资都是浮云，这个能不能进还得看看人品吧本人南京，因工作需要接触了蛮多的东西，现以web前端为主，unity为辅如需要其他web前端帮助可私下找我
html，css主要看h5，css3吧。兼容性别看了，这个时代不需要了。js先看jquery，再看原生，再看zpoto，再看node，再看vue，了解http协议。之后看内存，并发，线程。mongodb。从pc到移动，响应式不用提前储备，主要是ajax和模版，学学node，搞搞微信号
2嗯，同作为一个自学了大半年还没开始找工作的大龄青年，说说我的经验吧。1，前端和后端有些不同，入门自然也不太相同。前端的入门是从HTML CSS开始，所做既所得的方式决定了并不太交易你从看书开始入门。想关的视频教学有很多，推荐能找一些发型培训机构的初级入门视频，先看一看，有个概念。为什么不直接推荐慕客，因为有些细节决定它说的并不是特别详细，这一点从视频时长也可以看出来。但看视频并不是让你光看不练，下载好一个ide(初学者最好从notepad++这种不带提示的开始练习)，跟着老师的进度敲出所有的例子。在这里你会遇见第一个坑，就是CSS布局。新手入门最花时间的在我看来并不是js，虽然js比较难明白。但真正花时间的是CSS布局。各种自适应，弹性，流体布局，浏览器差异问题，会让你感觉到头晕脑胀。我的经验是先把CSS3和HTML5的新特性放一边，能把最经典的布局自己仿造出来，初步学习自适应布局，因为目前来说这个会成为今后的主流。碰到看不懂的概念，多查一查w3c上的例子，以及各种大牛的博客(这时候也可以开始买书作为参考了。对了，在学习过程中推荐你有一个自己的博客，记录比较重要的知识点，方便自己查询，因为程序的重用性是很高的，今天遇到的问题也许以后还会碰到，好记性不如烂笔头是有道理的)，当你觉得自己在布局上面了解的差不多了(包括熟练的切图，拼雪碧图)，这时候就可以开始找一些静态页面做一做，练练手，想关的psd文件网上很多，我就不帮你找了。当你完成上面的这些，第一阶段算过去了。不出意外，这个阶段将花去你至少一个半月左右的时间，除非你特别勤奋。。。。--------------------------------------------------------------------------------------------------------------------------------------------2，第二阶段，开始学习js。从这里开始，需要你的一些逻辑思维了，什么是逻辑思维，在我的理解就能准确的分析出一个事件执行的前后顺序和它所依赖的其他事件。从这里开始你需要了解什么是对象(这一点非常非常重要，虽然js是一门弱类型的语言)，类，各种数据类型，各种方法等等，同样还是有浏览器兼容的问题。新手接触肯定蒙比，当然你是大神的话就当我没说。这时候我的推荐是看网站，自己搜索。因为和前期学习的相比，目前阶段学习的内容概念更多，每个人的理解方式也大不相同。也许这个老师说的你不太听得懂，也许换个老师的说法你就茅塞顿开，这是我的亲身经验毫不夸张。如果说HTML和CSS关系到你的入门，那么js则关系到你能到达的高度。因为今后你遇到的各种框架，插件，归根结底都是由js构成。所以我推荐你对刚开始学的每一个概念都详细的了解，多问自己一句为什么。动手写各种小例子(在学习循环的时候可能还有一些数学问题)总之也许你会觉得枯燥乏味，但也请坚持。说来惭愧，我自己的js也只能说一般般，真正的大神光js就可以研究很多年，不过你的问题是入门，就不用考虑太多。总结一下，此时你的学习方法应该从视频为主慢慢向博客，文档转移。因为今后接触到的新知识还是文字性的居多。这种学习能力也和今后的发展息息相关。预计入门时间1个半月以上。。当你觉得差不多是时候，就可以尝试一些简单动画效果或功能的网站练习，结合之前学习的HTML和CSS你会慢慢发现其中的乐趣。-------------------------------------------------------------------------------------------------------------------------------------------3，在经过两三个月的学习，你是不是觉得有点收获呢？别开心，到目前连入门都还不算哦。在这个阶段，你可以告别notapad++了，选一个好用的ide开始使用吧(有大家推荐的webstorm，sublime，也有国产的Hbuild，这方面我就不推荐了，容易撕逼)。其次，开通一个github吧，如果你英文不错，那么你可以在上面如鱼得水。将你写的小例子，小网站，慢慢的往上面搬运，留作纪念也好，方便查询也罢，总之这都是需要的。准备好之后你就可以开始学起jquery了。很多大神看不起jq，觉得它简化了很多操作上的手感，但从工作的角度来说，jq是一个好帮手，能帮你省下不少事。各种丰富的插件也可以满足各种需求，是你工作中必须学习的。当然也不排除用原生js自己写轮子的公司，但毕竟比较少。从这一阶段开始，你可算是可以入门了，当然并不能停止学习各种框架，各种新技术如swiper,bootstrap，seejs,angularjs,reactjs，甚至是Node.js。给人的感觉就像是刚觉得自己能独立了，出去才发现世界真的太大了。要学的太多了，这时候开始，你需要一个好的师傅，会让你少走很多弯路。很不幸，本人目前也是处于这个阶段，在这些方面给你不了太多的建议。相信其他高票的回答会给你满意的答案。
最后再给自己打个广告吧。。答主今年28马上29了，自学前端大半年，目前处于框架学习中，基本上能在不考虑优化的情况下实现独立的小网站（包括手机端），最近和几个朋友接了个小项目，也在争取能早点做完，成为自己找工作的一份筹码吧，呵呵。。至于为什么转前端？那就是另外个故事了。。ps：手机打字打了快一个小时。。。点个赞吧。---------------------------------------------------------------------8月27日的分割线即将前往深圳找工作，从投简历的情况来看，并不是很好，希望能有所收获把。。9月13日更新各种机缘巧合之下，我进了一家公司负责php加前端。php之前并未系统学习过，但是Java但是有一些基础。总之老板很nice，也给了我时间学习，希望能尽快掌握技能！ps另求php老司机带路啊。。
两年前自学过最基础的html+css，后来转战网页设计！现在重新找工作遇到瓶颈，会写前端代码的待遇丰厚很多哟，于是在家看慕课网自学。因为之前有点基础，所以看慕课网感觉非常好理解，也挺全面。自己设计了几个不同类型的网站然后切片再写成代码。JS还没开始学，感觉好难。题主，加油，共勉！
我也正在学习html的一些基础内容慕课上的内容我没有关注太多不过我是打算按照书上的内容来学习的——就是下边的两本书……这是第一本这是第二本（假装这里有分割线）这两本书的编写风格与市面上的其它书不同毕竟本人就不是一个爱学习的孩子目前第一本还没有看完……这两本书对一些元素标签解释的还是比较详细的。基本上每个例子都有代码实例和结果展示。哈哈
希望能帮到你！
不太建议慕课网视频。不是很系统，个人觉得不太适合新人。基础部分可以学习妙味课堂的视频。淘宝非常便宜（有钱请支持正版，因为真的讲的很好。）大三的话，暑假学好了基础到大四找实习就很好找了。
css是体力活, 推荐先看个视频, 这里我推荐看李炎恢的html5教程 , 网易云课堂上有 他的全套视频 ，个人感觉还是蛮好的的 。然后再找本《html与css3权威指南》之类的书刷一刷, 做一做笔记, 然后一般是学一学 dom dom有本书叫 《JavaScript dom编程艺术》(不过我觉得可以先学js )。 再接下去是 javascript语言本身 这时候可以看一本书叫《JavaScript高级程序设计。w3c的话，我个人觉得要么看视频学，要么看书学，看w3c 太过于枯燥，看视频的会让人有种我会了的错觉，我一般都是先看一遍视频，然后再去看书 然后做一做笔记 不做笔记的话有些点会忘 。我也是初学者 半年前刚开始学前端 刚刚把高程的前七章看完 这个网址里面有我搜集的关于前端的各种资料
react,angular这类的框架或库先不要碰。html，css，javascript基础。尤其绝大部分人连为什么要异步，回调怎么时候执行，参数从哪来一点概念都没。dom，bom有哪些api，事件怎么玩。毕竟你不是急需工作，所以不要着急玩儿框架。然后我想说的是，计算机基础，不要小看计算机基础！计算机之间大概怎么交互，浏览器是什么，能够做什么这样。慕课网的视频可以，w3cschool的教程也可以。有问题上问答社区。不一定非的要书，关键是多练多思考。小码农的建议，以上
楼主本身的想法很对，跟着慕课的视频学习，慢慢动手操作就可以了。作为一个入行8年的前端，很负责的告诉你，一开始去看文档很扯。最好的学习方式就是要跟着视频一行一行敲代码，然后遇到问题再去看文档，这叫有目的性的学习，而不是漫无目标的去徜徉在知识的海洋里！！ 楼主现在也不要想什么进阶，高手，这都是在学习的过程中自然而然的一种状态。人家刚开始学习，就跟人家讲web高手至少需要学习html，css，javascript，nodejs，requirejs，grunt，http，巴拉巴拉~~~这是让楼主知难而退吗？
这个暑假时间差不多HTML+CSS+学一点PS。暑期完了之后会熟练的搭建或仿制其他小型电商/网站的静态页面就算学习成功。一个建议是，经常性的F12，或者右击某一你想了解的区域，点检查。
的建议是对的。不过，我觉得应该把第一步中的javascript放在的3步，总共用6步。
首先我想说的是找个师傅能让你少走很多弯路。技术类的东西都是有很多标准的，在你有些许基础后，真正写东西之前一定要把前端的标准看一遍，html,css,ecma
给你分享一个前端知识汇总找到要学的点，一个一个的知识点学好，然后自己找一些实战项目来做，多做两个，就能找实习了。
视频可入门，文档可精进，多练才是王道
首先你也没有说自己的专业啊，如果不是计算机专业，也就是说在编程这一块是完完全全的小白，我姑且认为是这样。前端现在还是蛮缺，支付宝这边也是常年校招内推，html和css当然基本都是基础了，我个人认为在哪里学这些都是差不多，楼上的前辈也说的很好，（猪八戒那一条我不太清楚吧，一方面这些网站名气太臭了，另一方面也不是非常有必要）本质上来说它们也算不上是编程，所以我接下来说的可能更偏向于一个前端在实际工作中所要用到的技术，更偏向进阶吧。除了基础的东西，你最好是要掌握一门后端语言，node、python、golang都还是可以。node几乎是前端必掌握的东西，无论是包管理还是工具开发都很不错。在前端这一块，支付宝是走react的，支付宝的技术栈也一直发展的比较迅速，很多其它的互联网公司也很喜欢angular，jq这个东西也就是简化了你的dom操作而已，其实和原生的js开发差距不大。上面这些都是前端渲染框架，也就是帮助你实现页面的，一个合格的前端还要能够自己构建开放环境，babel、webpack（打包工具，gulp、grunt这些也差不多），数据库方面你也要对常用的nosql数据库有所了解，monogo和redis。最新的js语法也要知道，es6、es7，还要js异步操作。其实js有大量的自建函数，不过这些都是可以在MSN上面查的，我一直奉行即学即用的方式，你真正最需要记在脑子里的是http协议啊这一类看似不需要却是相对底层的东西。另外我推荐你多去github转转，一方面没有哪一个前端开发没有github的，没事可以自己造轮子，也可以参与学习别人的js项目源码，另一方面现在大多数公司都是用git协同开发的，熟悉git有助于找工作。还有什么问题或者阿里校招方面的可以留言我，请大家校招或者实习的时候认准蚂蚁金服支付宝，哈哈，打一波广告，相信你们是不介意的，能力到了需要内推也是可以的！
既然是入门，那么培养兴趣就很重要啦。Udacity免费的入门课程 虽然节奏很慢，但是都很有趣，做完会感觉自己会一些看上去很厉害的东西。HTML/CSS基本掌握，JS语法基本掌握然后就是找框架写项目自己一点一点点技能点了
已有帐号？
无法登录？
社交帐号登录[转载]总结一年的web前端开发心得
小伙，Go&GO加油，你是我心目中的神哪，O(∩_∩)O哈哈哈~做了整一年web前端开发，对这个职业感触颇多。
这是一个新的职业，入门相对后台的开发人员较低，会一些基本的技术就可以了，如：html、css、js等。
但是，随着开发时间的增长你就会发现自己很快的就会进入一个瓶颈，可能会错误的认为，做前端开发不过如此。可是，如果你静下心来在回头看你写的代码，你会发现之前需求的实现方式并不是最好的，举个最简单的例子，有没有使用jquery的连缀式编程。
如：$('#id').css({'color':'red'});$('#id').show();
可以写成，$('#id').css({'color':'red'}).show();
不要小看这次小小的优化，实力都是慢慢积累的。
上面只是一个简单举例，要说明的是，虽然这个职业入门比较低，但是每一次提高都是艰难的。
几乎每个前台工程师都是自学成才，因为牛人本来就少，难得遇见，就算遇到一个你也不一定就有机会能跟着他学习。所以在自学过程是坎坷的，甚至都不知道改如何进步，当然本人也在努力中，呵呵。
分享一点经验：
1.千万注意写代码、和命名规范（也许n久之后或者项目大的时候这才是重中之重）。
2.html的文档结构。好的文档结构会让你写css，js变的简单合理（胜过好的代码实现方式）。
3.尽量尽自己的水平优化代码html，css，js（每一次优化都是提高）。
4.多去关组网站性能优化的方式（最后网站的访问速度和用户体验是证明你能力的时候）。
个人目前的水平有限，就分享这么多吧。
学习经验：
个人觉得，尽量看书加上实际操作来学习，因为从书上学习东西比较系统，学到的东西是系统的而不是一片一片
或者一点一点的。最重要的是要去验证书上写的跟实战的结果进行对比，你会发现实际可能还真不一定是那样的。等系统学习完之后，再要提高可能就要找论坛，博客等针对某个点进行突破，后面的成长还有很长。个人能力不到那个地方不在妄加说辞。
如果按照这样的方式来学习，那么开什么书就是最重要的了，看一本好的书可以使你恍然大悟，看一本垃圾的书可能连作者都不知道他写的是什么。个人觉得“图灵”系列的书籍都是不错的，清晰、透彻，比较适合我们来学习，比如：javascript高级程序设计,精通html与css设计模式等。
记得，每个web前台开发工程师都应该具有很强的想象力，发挥想象力，并去验证自己的想法才会提高。
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。web前端有哪些很普遍的经验供新手学习？
学了好多知识点，但开始做网页的时侯还是有很多不清楚的地方，比如class和id的选择、怎样合理的布局、有哪些高手皆知的编码技巧、有哪些好的编码习惯等等。发现不管到什么水平，只要想学就总有你不会的东西。
前端菜鸟一枚，分享一下学习经验。我认为的经验之一：stay hungry stay foolish。正如题主所说：发现不管到什么水平，只要想学就总有你不会的东西。来看前端技能条，这还不是完整版。还有 还有 在回答的一样：CSS不能编程？用、、、甚至直接用 ，框架除了还有很多。JS写多了很麻烦？。移动开发？。结构不好？找框架，是MVC，和是MVVM，Twitter还弄了个事件驱动框架。库多了要优化加载？。代码质量成问题？、、做单元测试。各种浏览器都要测？用。测试通过了部署还有问题？持续集成，用。用户行为也要测？用 。样式测试还有 。觉得JS都够麻烦的？用。想做动画？Canvas或SVG还有CSS3帮忙，干掉Flash。SVG太难画？用。想开发游戏？用Canvas。自己写FPS太低？用框架，。2D太幼稚？帮你用WebGL开发3D，还不够给力？让你在浏览器中拥有虚幻3引擎。这一堆东西都要配置部署，麻烦，用，库太多？用管理，项目开始要创建各种文件文件夹？用。开源项目太多了，上找，不会？学。顺便用托管博客，不是吧还有这玩意...SASS也是Ruby写的，等等是写的，要写插件？也学一下。调试太难？用Chrome开发者工具，一堆API和功能。光在电脑浏览器上跑不给力？移动开发HTML5，离开网络就渣了？HTML5离线应用。不如原生应用？用。想调用原生API？开发应用吧。浏览器应用也得会吧，Chrome Firefox都有自己的文档。接着是不是把后端甩了，自己来，装N，所以还得学点服务器知识，想用npm管理node包？linux技巧shell神马的也得学。想前后端通吃？再看看http协议。Web精通了？ 让你可以写桌面程序了，继续学吧。想学模块化开发？看看和规范。理解JS有偏差？看看，等等不知道什么时候第6版就要出了。浏览器各不相同，弄不清该怎么兼容？看看标准，HTML写出来人看的懂，机器读不懂？要SEO，要支持残障人士？看HTML语义化，全会了但IE就是不支持？叫不出名字的浏览器尼玛连JS都不知道是啥？渐进增强。想一次把各种设备全搞定？响应式设计。然后上面这些不过是一些讨巧的小技术。公司做什么业务的？了解一下行业信息。面向大众的产品？交互设计。美工不给力？UI设计。外包和咨询？设计模式、重构方法、算法、数据结构。知道软件工程吗？了解一下，或许还可以试试TDD、ATDD、BDD。看了这么多东西，第一反应是不是求中文文档？学英语去吧。这些也不过是我目前所能看到的一小部分，而且每段基本都是到了一个边界，并不是没得学了，而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外，我仅把一些知识点串起来，不全或不对的地方请见谅。题主不要被吓着了。第二条经验：多动手多实践，使劲折腾，但不要瞎折腾。说多了都是泪T_T。如果能做几个外包，那就太不错了。即赚钱，还能写在简历上。至于题主问的“class和id的选择、怎样合理的布局、有哪些高手皆知的编码技巧、有哪些好的编码习惯等等”这些，多练，多看大牛的博客，然后自己积淀、思考一下一下，基本问题不是太大。 这个链接应该正好能回答你在问题描述里提的问题。题主啊，趁着年轻多学点是点。。答主最近很忧郁啊。。暑假实习还没着落，纠结着是学习感兴趣的东西还是准备面试题。。。。。
学喜欢编程就把js学透。喜欢页面重构就学好css，盒模型 bfc都学懂。虽然前端是一个工程性很强的专业，但是学好基础还是比多干几个活要重要的。
不要 设计 前端 后台一起会 只会一样就好
很普通的经验啊，，1、新手吧，少研究那些花哨的写法，什么同一种功能的N种不同实现方式，，，这没啥太大意义，因为实际工作中，你基本上只会用一、二种而已，而且就这一、二种你熟练应用了，就足以打发90%以上的开发工作了，真要有难题了，还有其它同事呢，公司里不可能只让你一个新手独自负责一个活儿的。。2、JS方面的看透一、二本经典的即可，少看那些中国人写的这那的JS的书，没啥用，主要精力放在理解公司业务逻辑上，多研究下上下游工作流程的衔接3、OO如果不太熟练，那就先放放，不急着研究它OO也不是非它不可，你说你是新手了，公司也知道，那怎么可能让你设计主要类、模块呢？多数还是实现吧，那可借你自由发挥的空间必然不会太多，所以啊，老老实实的一步步写功能吧，，4、别想太多，听话点，让干啥就干啥，能少加班就少加班，早点睡，
多看，多写，多分享其实大牛们也就是做到了这三点。
布局的话去看css那些事儿，js的话去妙味课堂花100弄个会员可以看里面的视频资源很多，一年坚持下来就到中级了，之后再考虑向重构还是专写js上发展，不管怎么样多写一下总结，多问几个为什么，多练习!
目前自学html和css。。感觉自己学习好多知识点掌握不足。也经常找不到重点。。今天来培训机构试学看下效果如何，在做反馈。。同时希望有一起努力和喜欢前端的同学一起组织起来学习。我这里现有一套基础班学习资料。希望能一起成长。
如果从最基本的开始学的话，不需要什么基础，但是最好有一点编程的经验，会快上手，有条件的话可以去培训机构学习下。上海跑赢职场web培训机构有朋友在里面学习，有需要的可以参考下
同意，不好追求花哨的还是一步一个脚印慢慢学的好，这东西不能急，平常写的程序做记录，满满积累，就会有所收获的。想要系统学习可以加以下微信：baweixuexiao.
已有帐号？
无法登录？
社交帐号登录}