WEB前端经验之谈：时间一年半、或沉淀、或从零开始
稿源：博客园
距上次写博客还是有点久了，中间有个写的念头，不过由于不知道写什么也就放弃了。
14年4月份第一份前端工作到现在也有一年半之久了，自己对前端的热爱相对于一年前是有过之而无不及。一年半的时间里自己也成长了少，对前端的看法和理解也在不断的变化，中间抛弃了很多东西，也学了很多东西，一切也都是为了未来做前端更轻松吧。
前段时间有点浮躁了，不知道干什么，学新的东西也学不进去了，感觉整个人都失去了目标一样，这种感觉在之前也有过，就是我做第一份工作的时候， 当时根本不知道自己当时做的事情对以后有什么帮助，这可能是大部分刚进入IT行业的新人来说都有这种感觉吧。话说回来，才入IT行业有这种感觉正常，但是 转入前端以来我一直有自己的目标，自己也感觉成长的比较快，不应该有这种不知道做什么的感觉，但是这种感觉的确存在，不知道做什么，什么也都不想做。不过 后来公司的任务重起来了，加了几天班，浮躁的心情也就没怎么去关心了，可能是转移了目标吧。
这段时间除了做公司的任务，空余的时候也会看看博客、看看前端的基础知识，相对与后端来说，前端的乐趣性比后端更高，但是想深入却需要自己不断的积累才行。我进入前端这个行业可以说完全是自己摸索入门的，贴一段自己以前的html代码吧：
这段html代码是一个banner里面的，转前端到的第一家公司写出来的代码，现在回想一下真的写得太烂了，从一开始学前端到现在，最大的改变就是现在学会了看别人的，以前只知道自己写，自己实现功能就ok了，我想基本上写代码最开始的时候就两种人：
&div class="index-banner"&
&button class="index-banner-btn-left"&&/button&
&button class="index-banner-btn-right"&&/button&
&div class="index-banner-image"&
&img src="#" /&
&img src="#" /&
&img src="#" /&
&img src="#" /&
1.什么都自己做，做出来的东西基本上自己看懂，别人看半天就一个半懂的造轮子新手；
2.什么都先去网上找，功能实现其它什么的无所谓，上司要修改点细节上的功能各种头痛的找轮子新手。
我属于前者，而且才开始做前端人新人基本上就这两种（有老手用心带的人基本除外吧）。
其实无论做前端你才开始怎么样，只要过了半年时间你就应该在代码美化、html结构等一些方面都会有一定提升，这是我自己经历过的，但是这点提 升却不足以代表你在前端的能力提升，无论是造轮子还是找轮子，在前端这个行业里面这些都只是开头，前端的东西实在是太多太多了，你要做一个什么效果，去网 上找找，总能找到自己需要的。但是，网上找的难免会有一些小问题，功能达到要求了一些效果需要修改、还需要添加一个小小的功能等，这些是在工作中难以避免 的事情，所以无论你造轮子还是找轮子，最终你要提升你自己的能力，至少别人写的代码你能看懂，而且要能去修改。轮子的问题我也就不多说了，其实无论是找轮 子还是造轮子，最后的目的就是完成我们所需要的功能，方法有很多，但是更多的方法却是需要自己在职场上不断积累。
我现在这家公司是我上班的第4家公司，做的大项目不是很多，但是平时做的活动专题、节日专题等东西确实不少，不过前端不止我一个，所有我也有闲 下来的时候，我现在在公司做的也不只是纯前端的东西，偶尔还是会用node写一些后台的东西，现在我的github上面也放了几个项目上去。其实我们做前 端所接触的东西有很多，但是你要吃饭最基础的是html、css、js和ps，这4个是做前端最基础的，其它的你才开始做可以都不会，但是这4个如果你也 不会我想你还没有做好做前端这行的准备。html、css、js是一个网站呈现视图和交互最基本的，ps是制作页面所需要的。但是在前端这个行业这4个往 往不够，现在找个后台程序员都有不少人会这4个技能，所以，如果前端仅仅只会这4个技能又如何能体现出前端开发人员的价值呢？
我认识不少做后端的朋友，他们或多或少都会做页面，还是一些做设计的朋友都会，但是他们存在一些问题，html结构杂乱、页面上和标签上到处都 是css、js代码等，当然，不排除有些还是在前端做的不错的其它职位的人。其实前面的都是一个美观和易修改性问题，还有个最重要的问题就是我前面提到的 轮子问题：javascript。
很多现在有很多后端人员转到前端来，有一个严重问题就是后端的编程语言灵活性没有js好，js写代码的时候也没有后端那样严谨，举个例子：
public object point()&br&
int x = 100, y = 100;&br&
return new&br&
x = x,&br&
&br&function point()
var x = 100,
y = 100;&br&
上面两段代码一个是C#的，一个是JS的，都是相同的功能，返回一个坐标对象，各种程序语言的定义都差不多，但是js就太过于简单了，C#里 面很多东西在定版出来时就限制死了，比如C#定义一个函数需要&访问类型 返回类型 函数名&，而js只需要一个&function函数名&，所以后端才转入前端的人在js上就会碰壁一段时间，这个其实并不奇怪，当你习惯一种方式，然而外力让你改变的时候你内心就会不自觉拒绝。
前端入门真的很简单，但是想要深入前端，你却要花费很多时间去了解前端的各种东西，前端有很多现成的东西，但是这些东西用多了自己也会变懒，特 别是对才入门的人来说这就是一个毒瘤。现在网上现成的东西很多都可以拿来直接用，很多新人也是这样，一个项目为了赶进度什么的，很多前端代码都是来源于网 络上，各种插件、各种框架等等，最终项目出来了，想要修改却不知道怎么下手，因为东西实在太多了，你根本不知道这个功能修改了其它地方会不会莫名其妙的出 问题。所以做前端要花时间去了解别人发布出来代码的逻辑，你至少要知道里面大体是干什么也可以，新手可以多看看别人的代码，找到自己写代码的风格，不断熟 悉。
写到这里感觉废话了好大一篇文字，做前端一年半，可能已经到了一个瓶颈期了吧，才入前端的时候找工作唯一的想法就是学不学得到东西，学得到多少 东西，有时候看别人的博客提到过瓶颈期，其实当时没什么感觉，但是现在看来，很多东西都是不想程序那样可以预判的。这段时间想了很多，其实人就是这样，无 聊的时候就会乱想，想过前端这行可以做多久，想过换行，也想过就这样混经验，不过这些都只是想想而已。之前在一篇文章看到过做事从零开始，其实我在想我做 前端为何不可从零开始呢，想想这一年半走来，一直在最求更好的技术，更好的框架，却忘了一个最终要的东西，那就是基础。我想很多做前端的都没有想过怎么去 从零开始吧，其实从零开始也很简单，把上课老师讲过的东西拿出来看看，把自己以前做过的东西拿出来写写，就像自己才开始学写代码那样从新去学，当你第二次 回过头看自己以前做的东西，也是在对自己一种审视，也能看见自己的成长。
当然，前端也并不是写代码，更多的是去想怎么写，代码是死的，人是活的，一个功能有很多方法去实现，我们想的就是怎么用更好的方式去实现，当 然，自己在以后的发展是怎么样的谁也没法预测，平时多想想、多看看，没事多了解下周边知识对自己也没坏处，每个人都是一步一步走新手到大神的，中间的怎么 把汗水挥洒好全看自己怎么去学。
这篇文章中间断断续续的写，思路也是断断续续的，写得不好请见谅。
有好的文章希望站长之家帮助分享推广，猛戳这里
本网页浏览已超过3分钟，点击关闭或灰色背景，即可回到网页我们的服务
您还没有搜索过这里
400-656-1080
厚学股票代码：836425
咨询服务电话：
400-656-1080
当前行业学校火热入驻中，如果您有开设相关课程，&
&如果学得快的话，学会web前端大概需要几个月?
如果学得快的话，学会web前端大概需要几个月?
发布时间： 13:55
浏览次数：103
如果学得快的话，学会web前端大概需要几个月?
您的回答被采纳后将获得：系统奖励20积分
+&点击回答
博士后&&14:00
这个因人而异，我觉得我算是比较慢的，我用了1个多月时间才入门，班上有基础的同学，一周之内就入门了。我现在在睿峰培训学了2个多月了，感觉还可以，能赶上老师的进度，哎，主要还是要看个人。在睿峰学习的个月，我几乎每天都是9点过才离开教室，周末都是去学校继续复习+学习。
其他类似的问题
等你来回答
个性定制课程
周一至周日
08:00-21:30Web前端学习路线
，北京网站建设
、、&等人赞同
前端工程师，也叫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 认为：
前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了，为了在多种平台中使用，多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术，涉及到广阔而复杂的领域，这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。
————————————
关于书籍：
类别书籍，都是大同小异，在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了，可以关注一下《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），也不能算作是优秀的前端工程师。
在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。
91赞同反对，不会显示你的姓名
，网站数据分析。资深家庭妇男。各种奴。
、、&等人赞同
首先，任何技术实际都是从零基础开始的，不管是直接学习还是通过相近经历转行。所以不需要因零基础担心。
　　其次，一定要做好准备：一项技术的学习，意味着你各方面资源不同程度的消耗——时间、工具、资金，甚至融入相关交流圈子的准备。在这个准备过程中，最好是带有一个强硬的规划：“我要在一个月内达到能够实现XXX的水平”或者“我一定要在2周内把XXX项目完成”。如果没有这个规划，一般人都会越来越懒惰。
　　然后，选准一个或多个老师。这个老师，可以是一个页面，一本书，也可以是一个真实的人。对于前端这块来说，个人的理解是读十本书不如写一个页面，而我本人也是实实在在地硬着头皮一个标签一个标签google出来的。只有在实际去写的时候，才会出现各种问题，只有在凭自己的思考来解决这些问题的时候，才会得到非常深刻的印象，把相关知识真正转变为自己的。在这里多罗嗦一点，什么叫“选准”老师呢？我参考着去写的第一个页面，是某分类信息网站的首页，一个列表页，除了头尾之外，主体是多个庞杂的列表，并涉及各种布局，总体来讲应该算既不太难又有一些内容的。起手的这一步，如果选择的难度不合适，有可能会造成严重的阻力或者埋下排斥的阴影，学习过程一定要循序渐进。
　　另外，需要着重申明的一点：为什么我在第一句话就说“任何技术实际都是从零基础开始的”？因为我要表达的另一个意思是，无论什么时候，不要忘了在解决问题表象的同时，去推敲一下问题产生的基础，那些最不起眼的基本步。同样一个主导航，为什么有的人写出来非得用上三四层标签，有的人却只有两层甚至一层就搞定？这不光是几个字节的差异，甚至可能为了优化代码结构还需要多花一些时间，但有了这层差异，在整个大项目上反映出来的就是个人代码驾驭能力、页面执行效率、接口程序员的工作强度，甚至关系到SEO、模块结构等很多其他的相关面。BTW，有项目经验的童鞋应该对随时出现的各种“灵异现象”都不陌生吧，往往解决这些问题的关键，也在一些毫不起眼的基本步上，不是吗？
　　多写，多看，多谈，多搜，好刀都是煅出来的：）
12赞同反对，不会显示你的姓名
，八卦来了app
、、&等人赞同
今天刚收的新版CSS参考手册，希望对你有所帮助：
12赞同反对，不会显示你的姓名
，一直在打杂，从未被超越
、、&等人赞同
都分享了经验，也推荐了书，那我就分享个针对初学者的交流群：
欢迎加入JS初级前端开发，群号码：&。禁止闲聊，发无意义大gif，非喜勿进。
最后送点干货，我们的群规：&&。欢迎加入。
71赞同反对，不会显示你的姓名
，土木+互联网产品
、、&等人赞同
以下这个答案可能和问题无关，但是能希望能帮到0基础的同学
之前参加Rails Girls时写的，旨在帮助想学做网站的同学们入门。
原文：，欢迎建议
====================================
0基础怎样开始学习做网站？
目标读者：完全0基础的人，Rails
Girls，想了解技术的同学，产品新人
大多数教学, 都太有条理了。先讲概念,
HTML是什么，CSS是什么，HTTP请求是什么....但是一次性听到这么多陌生的概念，很容易晕的。过于抽象了，所以试着写一篇based-on
experience, not concept的介绍，来帮助大家入门Ruby on Rails
Rails是做什么的？做网站的，你知道什么是网站（淘宝，知乎..），Rails能做这些，就行了
网站-&网页-&按钮
我们要做的是什么？是网站，那么就直接以知乎为例好了
这样一个网站，是怎么和“代码”，Rails联系起来的呢?
这个太复杂了，我们不如只看他的首页（上图）
就拿这个页面来说，他是有3部分构成的，HTML,CSS,JS。不过这样说，依然没有什么用
我们只拿出其中的一个按钮，来解释这个概念
我应该怎么来写代码，来实现这个按钮？
这个时候，就要用到HTML了，代码如此：
class="sign-button submit" type="submit"&注册知乎
写好以后，生成的就是按钮了（如图）
"靠，可是这也差得太远了吧？这两个怎么能是一个东西呢！！"，你可能会想
但是他的功能，是不是都是一样的呢？（就是点击）
这个时候，就用到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等软件
确实如此。
不过，我们怎么实现“用户注册”的功能呢？
这个时候，就不仅仅是”循环“、”判断“了。显然，这时候，要涉及到更多更为复杂的逻辑
这个时候，就要用到Rail了，我们要用他来实现——注册、登录的功能，发帖的功能，提问的功能，点赞的功能等等等。
所以，Rails就是用来实现这些“功能的”。这里不再举例子了，因为太复杂，只提几个问题，让大家思考一下，拿论坛发帖子来说：
我们怎么实现“创建”一个帖子的功能？又怎么“修改”，怎么“删除”？
这下，应该能感到这些功能的复杂了。不过，现在依然不用深究，只要知道Rails是用来处理这些复杂逻辑的东西，就行了
(此外，我们有这么多用户的数据，帖子的数据，点赞的数据，就又牵扯到数据库了）
到这里，我们主要介绍了：
(1) 什么是HTML + CSS +JS
（显示网页）
(2) 什么是Ruby on Rails
（复杂的逻辑功能）
前面的，就是我们所说的前端，后者，就是常称的后端
如果你下次还有疑问的话，不妨顺着这个思路理一理：
(1) “网页是由什么构成的？”
(2) “怎么实现注册的过程？”
(3) “网站上有这么多数据，怎么保存？”
“可是我想要设计一个很漂亮的网站诶.....”，那个是设计师做的
对于一个网页来说，设计师决定这个按钮的颜色，阴影，怎样才好看
而前端工程师（HTML CSS
JS），来负责用代码实现这些东西（写具体的代码）
比如设计师说，希望这个按钮是蓝色的，那么工程师就根据这个要求写具体的代码：
【代码：button {color:blue}】
对于小的startup来说，可能最开始就直接写代码做完了，不会有专职的设计师
那么，我接下来该怎么学习Rails呢？
好了，写到这里，应该基本了解什么是Rails了（其实主要介绍的是前端），接下来的问题可能就是：那我应该怎么学会Rails，来自己做网站呢？
不过我先写这么多了，如果有足够的人需要的话，再继续写吧
注：原标题为Rails in Plain
Language，即用浅显的语言，告诉准备学习Rails的同学们，Rails到底是什么。不过本文实际上并没有谈到Rails是什么，更多的写的是前端。因为大多数0基础的同学，并不理解这些，所以先了解一下，我觉得会有帮助。
90赞同反对，不会显示你的姓名
、、&等人赞同
某学校学渣答题，我学习前端有着明确的目的导向，能够在一个月或者一个半月之内能给我带来一个实习offer并且实习完了以后能够留在公司：
作为一个没什么基础的新人，个人感觉应该先练习正确的全键盘打字，这能让你在写代码的时候速度提升很多，然后学会关于以及正确的使用
1： 学习如何使用,，然后学会使用，用这个插件可以使得我们在前期可以较快的把自己想要写的东西写完从而获得成就感（感觉成功以及迅速能看到成果对于我们入门相当的重要）。
2：了解并熟悉HTML标签，这一步我推荐使用来进行了解，把上面的标签先全部打开看一次，然后自己在仿照着全部写一次，对于基本的html标签都有了自己的认识，然后让我们在实践中进行学习吧。
对于css的学习，对于css最开始的基本知识我也是推荐到我上面说的那个网站去全部看一次，并且基本自己先写一次，然后推荐买两本好的css书籍，并且把书上写的代码案例都自己全部实现一次（我自己css学习是先看的林小志的《css那些事儿》，然后看的大漠写的《图解css3》，自己把书上代码的八成以上自己实现了一次，感觉自己的css算是初步入门了），基本上这样css的基础知识就记忆到自己的大脑中了，然后后面我们经常去看看巩固自己的基础知识，再进一步我觉得就是去看规范和在工程实践运用中去提升自己了。
关于css那些事我基本上就是把书上的代码全部都写了一遍，顺着书的顺序来就行了，那个时候为了好看我连书上的每个数据都是写到纸上再自己写，然后图解css3看完了第二章的内容不用急着去写，因为用到了很多后面学习的知识，后面看完了我们再回来写这一章的内容，在这本书的每章的前面都有对于这章节内容的列表，我们要对这个认真的看，看完书之后我们顺着列表来看自己能不能把这些知识都联想起来，不能就再把书多看几次，一定要把概念搞清楚，然后再开始写书上的事例，关于动画的那一部分我基本上都还没写，因为JS里面也有一部分控制动画的内容，准备到时候两个一起来写，但是也建议先把书上的知识看一遍。
对于javascript的学习，我在初步学习javascript的时候购买了《javascript高级程序设计》和《javascriptdom编程艺术》，我先学习完了高级程序设计的前面七章，把书上前面七章的代码全部敲到了电脑里面去，并且把原理基本上理解了，然后看了第八章和第十章以后就开始学习javascriptdom编程艺术，我大约花了两天的时间把这本书看完了，然后花了大约两天的时间对书上的内容进行了实践，然后看了《javascript语言精粹》，看了大约一半的《锋利的jqury》（但是对我效果特别不好，大概还是缺乏练习，只记得了一些基础知识），《javascript设计模式》还没有来得及看。
今天因为又认真看了js高级程序设计这本书，我觉得编程艺术和js高级程序设计比较好的观看顺序是：1.高程1-7章
2.编程艺术3-10章混合着高程第8章和第十章来看 3.高程 8-10 11-16 20-22 其中10 13 14
20-22是属于要比较认真的看的 4.实现编程艺术第12章的练习。
答主是一个想要偷懒的人，于是就想要去找点视频来看辅助我的学习，于是我就去搞了某某的视频来看，因为觉得视频讲的确实很好，于是还花了一点钱去正式报名了课程，这里我把课程里面要求讨论的一些知识点贴出来，都是js与dom相关的知识点，大家在看js高级程序的时候可以配合这几点问题来看：
实现浏览器兼容版的element.children
实现浏览器兼容版的element.dataset
浏览器兼容版的window.getComputedStyle
实现getStyle函数
Ajax请求GET方法的封装
Ajax请求POST方法的封装
如何处理由于浏览器设置导致的失效的问题
封装一个可支持任意级选择器级联的控件
封装一个输入框通用的光标操作接口
有哪些方式可以用来禁止指定的可验证元素的验证
利用iframe实现表单的无刷新提交
实现一个登录框
相反这课程在考核的时候其实是相当的简单，我觉得这个讨论问题才是交流的精髓所在。
我们在学习过程中应该逐步明白的一些基础知识，,正则表达式等等。
在学习的过程中，我们也要巩固自己的基础知识，所以我拿出来了《计算机网络－自顶向下方法》又开始重新学习，这中间我们暂时没必要去写书上的socket编程这些东西，但是应该明白的知识我们也一点都不能少，在看完了这本书之后我们就对网络有了一个大致的了解，然后我们就应该拿出我们的《HTTP权威指南》来参考学习，看这本书先对自己有兴趣的看吧，还有就是自己常用到的，因为我也没怎么看，所以也没啥发言权。
残酷的事实告诉我们，你仅仅是把以上的这些书的代码都自己写了一遍然后传上Github，然后写在自己的简历里面只有这些东西的话，连实习电话面试的机会都得不到，所以让我们开始写自己的网站吧。
我认真检查了下我的海外vps发现内存实在太小了，主要用途也是用来当梯子的，所以也没敢乱搞我的vps，就跑去阿里云买了一个学生专用的服务器，真的是很便宜，已经简单装好了wordpress，还没怎么进行配置。
我发现直接去学习改wp的主题对于目前有点不太适用，所以我决定开始后端nodejs到前端全部自己写一遍，我决定这么做是因为我身边有很多厉害的人，后端实在不行的时候可以叫人来帮忙，而且nodejs写后端也能加深我对JavaScript的理解，而且我的简历上面实在是太空了，决定把这个当作是找工作的主项目来做，学过的技巧我要自己都在自己的网站上实践一次，希望半个月能做完。。。
然后在学习的时候希望能尽量做到专心致志，我把自己的知乎关注给删减到了70左右，就为了控制自己刷知乎，推荐一些知乎前端比较值得关注的用户，而且他/她们也都不爱刷屏：
&winter老师回答的都很赞，基本不抖机灵，关于他的回答在这里&密码: i77d。
&Cat chen老师，facebook的Front End
Engineer，回答问题也不抖机灵而且对于我们程序员恋爱有自己的独到见解，我的目标就是成为Cat
chen老师那样的工程师。
&贺师俊老师回答的也很赞，对前端的发展有着自己的看法，贺老对于javascript是世界上最好的语言的演讲实在太赞了。
&貘大对于规范一类的问题非常的熟悉，在知乎感觉上从来不抖机灵
&就职于手机新浪网的，完全自学成才的典范。
&去哪儿网的前端架构师，知乎上回答问题非常认真
&饿了么的前端leader，现在不怎么活跃了
&苏宁云商的前端架构师，为人非常好，还亲自解答过我的问题
@&网易的前端工程师，各方面知识都很强。
&真大神，vuejs的作者
ps1: 以上顺序是根据我关注早晚来添加的
因为昨天更新完以后又收到不少赞，我就默默地又又滚回来更新我的答案了
我学习前端是从开始的，大四开始的第一个学期第一个月末，因为各种各样的原因我就是从那个时候正式开始学习的，对于前端那个时候的基本储备知识，大约就是知道有html，css，js这几样东西，知道的原因是因为我关注的这些人，我在学校是个彻底的学渣，挂了无数科，什么大作业都抱着别人的大腿躺过去了，唯一会的就是写一点C++，有一丢丢网络基础，一丢丢数据结构基础（你叫我翻转二叉树树我肯定写不出来）。
17赞同反对，不会显示你的姓名
，假装是开发
、、&等人赞同
大家说了不少经验了，我推荐点书：
4赞同反对，不会显示你的姓名
，不爽你就憋着
、、&等人赞同
纯粹的前端不学习到最高境界，作为一个靠这手艺吃饭的人来说是没什么钱途的。
而其他语言的程序员却很容易提高薪水。
如果你认准了前端这条路，就一定要学好JS，多揣摩用户体验和用户交互
0赞同反对，不会显示你的姓名
，傻逼零容忍|负能量收集|反鸡汤
6赞同反对，不会显示你的姓名
、、&等人赞同
上张图吧，
看上去很难的东西，其实很简单。
简单是因为你必须得多练，多练，还是多练，要是有条件的话，建议报个培训班，能够系统的学习不少知识。
饥人谷前端培训不错
8赞同反对，不会显示你的姓名
，借我一生 与梦私奔&
、、&等人赞同
我的建议是，不要问＂我从零开始学xxx，有什么建议吗＂这种套话式的泛问题，这里不是百度知道。这样问只能说明你懒于去自己深入了解和思考要接触的新事物，喜欢过度依赖别人现成的指点而忽视自己的探索，而其结果也只能是在别人七嘴八舌一堆零碎散乱的答案中更加迷失自我。须知此事要躬行，just
do it. 通过自己的前期思考把问题具体化，比如推荐书目等。
3赞同反对，不会显示你的姓名
，前端攻城师 PHP爱好者 技术爱好者 数码控
说说我从兴趣到现在想做技术走过的路,
期初迷于校内网剪贴板的神奇, 便开始学习html和css, 后来发现用了javascript可以让页面变得更酷并且能和服务器通讯,
在之后就解除了php的开发, 可看的书籍不少, 如果是入门级的可以看国外的"html入门经典"之类的. 对于css,
多多研究那些设计精良的网站的代码, 比如cssplay等, 慢慢积累吧, 等到你回头时就会发现自己的层次不同了.
2赞同反对，不会显示你的姓名
，莫愁前路无知己
找对一本靠谱的书，如果有靠谱的人能指引就更好
9赞同反对，不会显示你的姓名
，造轮子真有趣
、、&等人赞同
学习前端三个月，目前在实习。算是入了门吧。就结合我自己的经历讲讲吧。
最开始是在慕课网，有个前端工程师的学习计划。参加那个计划，看看视频做做练习。学html和css时可以看看w3cschool，一些知识点比较基础比较全面。
学习javascript时，推荐看智能社的石川主讲javascript视频，讲的很不错。在网易云课堂上面有。书的话可以看看javascript
dom编程艺术，很多人推荐的javascript语言精粹是好书，但不建议现在看。javascriot高级程序设计比较全面，也推荐买来看看，再推荐css权威指南，能减少很多次跳坑的可能。
接着看看jquery，看看html5，css3，bootstrap，应该就到了一个瓶颈了。准备一下就可以找实习了
6赞同反对，不会显示你的姓名
、、&等人赞同
先说说学习的内容，前端主要有html、css、js，后台编程一般是php、java等。首先要有浓厚的兴趣，对自己要有信心，学习的内容虽然多，但都是入门比较容易的语言，边学边练，效果会比较明显。
先后顺序的话，先了解html和css，html是网页的基础，css是网页的布局，接着学习js，同时后台开发语言php或者java也要有所熟悉。
关于书籍，就很多了。建议刚开始看看w3c()上的教程，上面的讲解言简意赅，比很多入门书籍强很多。看完w3c的教程加上你勤奋的练习之后，恭喜你，可以入门了。然后再看看进阶级的书籍，具体书籍可上豆瓣网查查，国外评分高的书籍优先考虑。
7赞同反对，不会显示你的姓名
，产品狗.........
、、&等人赞同
从兴趣开始。首先要熟悉HTML的标签,CSS属性，不断的尝试练习不同的排版，从中学习总结技巧，不过初期一定要规范。
HTML&CSS熟悉了，可以学习JS了，从基本的DOM结构了解，然后就是各种方法。
这些都掌握了，基本上前端的基础都牢固了，剩下的就是应用了。
对于基础的《CSS布局实战》可以看看，还有《CSS禅意花园》，不过其实基础部分就足够了，里面的资料和信息很全面，还有实例。
对于javascript的部分，《大巧不工》，《javascript权威指南》，《精通JavaScript》都不错。
经常去一些前端比较给力的网站：蓝色理想，淘宝UED什么的。等觉得自己前端水瓶可以了，可以考虑学习一下后端语言比如PHP，不一定要精通，但至少要熟悉，对开发前端有很大帮助
6赞同反对，不会显示你的姓名
，自学前端群： 分享经验 交流学…
、、&等人赞同
零基础学习web前端
你一定要时刻保持兴趣
你一定要时刻保持兴趣
你一定要时刻保持兴趣
重要的话说三遍！！！！
零基础自学的朋友也可以加这个前端分享交流学习群：。
-------------重点来了--------------------
从html开始，然后div+css，然后javascript掌握基础就可以，不用刻意要求自己要掌握很深，然后找一点项目或者自己可以尝试做一些网页，在这个过程中会遇到很多兼容性的问题然后逐一收集资料解决问题一步一步的来，再后面就是可能需要学习交互方面的知识。
慢慢来别急，有兴趣学习这个是最重要的，别一上来就随随便便的乱找资料胡乱看，这样会磨灭掉你的兴趣，自然这门课程你就坚持不下去了。
推荐资料：
24赞同反对，不会显示你的姓名
，IT修真院
、、&等人赞同
===============================
CSS入门比较简单，很适合零基础的人去学习。但是该从哪里开始呢？又该学到什么程度，学会了之后，又会能找到一份什么样的工作呢。
===============================
一 什么是CSS
二 该学习哪些内容
三 能胜任什么工作
四 为什么不推荐去看视频
五 究竟该怎么去学习
六 遇到问题怎么交流
七 下一步学什么
===============================
一 什么是CSS？
CSS【层叠样式表】是一种用来表现（的一个应用）或（标准通用标记语言的一个子集）等文件样式的计算机语言。
但是对于新人来讲，更需要的是看懂这么一个流程图，论一个网站是怎么开发完成的，这样你才能了解通常程序员所说的CSS是什么。
解释一下每个名词的含义：
1.产品经理：每一个好的产品，都是产品经理在浴室里思考会议室上拍桌子说服大佬最后拿着枪指着程序员做出来的。这就是产品经理的职责，他们被认为是互联网的灵魂和发动机，理解用户痛点，给出解决方案，做出差异化的产品，能够快速迭代，可以合理分期并能够及时评估项目风险。产品经理就是负责把用户的需求，变成需求文档和原型和PPT和流程图。
当然，大多数程序员对于产品经理的形容只有两个字：SB
2.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技能树
3赞同反对，不会显示你的姓名
在正式写之前扯扯没有用的——
我个人认为学习任何东西都要经历：
1，接触概念，很模糊
2，产生兴趣，摸索学习
3，想各种手段，接触、试图把握感兴趣的各个面及点
4，在挣扎与摸爬滚打中，慢慢的成长，对于基础也渐渐地有了，清晰的认知，这时候对于兴趣目标有了新的思考
5，开始向，更高级触发，阐释探索兴趣点的本质
---------------------我是前端，你打我啊----------------------
楼上的很多朋友，讲了很多学习的神功，我也YY几点：
1，选取《JavaScript高级程序设计》或者《犀牛书》肯上几遍，别告诉我你不懂，任何人开始学习的时候都不懂，坚持就是胜利，这是真理。
2，当有一定的根基之后，选取一些案例、小效果学学，当然也可以搞一些书籍，照着案例敲敲代码，例如：《超实用javascript代码段》、《CSS入门到精通》之类的书籍，有什么问题可以去一些前端的相关网站瞅瞅、逛逛，例如：、慕课有很多课程资源、github也有大量的源代码，或者去国外的一些知名代码社区玩玩
3，找真正的项目死磕、实践
4，等越过初级门槛之后，就要思考性能问题、设计模式、架构思想了
先扯这么多，后补待续······
，web front end
原文在 github
，阅读效果更棒&
web-front-end-learning-introweb 前端简单介绍
web 前端就是写网页上 ui 和交互的代码。
其中网页包括 pc 端、移动端的浏览器访问，也包括移动端的 webview，比如淘宝的双十一活动页面、商品页面等。
前端工程师要学的东西：HTML / CSS /
JavaScript，三种语言入门都很简单，所以前端门槛低，但是相应的深入就有些困难，需要懂很多东西。
代码编写工具
那么我们怎么写代码呢，使用 chrome dev
tools（或者firefox 的 firebug 插件） + 编辑器（atom）
网页的构造
首先我们要了解一下网页是什么，怎么构成的。
在chrome dev tools（windows 下
f12 进入，mac 下右键“检查”）里，
其中 html 是文档骨架()，css () 为 html 加上了样式，两者共同完成了 ui，js （） 完成交互和动态的做一些事，比如向服务器接收、发送数据等。html 和 css
是基础，如果你要深入学习 web 前端就得学好 js，对于复杂交互的页面，js 占整个页面工作量的绝大部分。
著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：SimplyY
链接：/question//answer/
来源：知乎
我个人认为，chrome 就是我们的
ide，可以断点调试、分析性能等等，所以我们只需要一个编辑器来写代码就行了。当然编辑器要支持
里说的可配置、可扩展（使用插件）和可编程（编写插件），当然这些是进阶要求了，基本编写代码的要求必须要有优秀的语法高亮和代码补全功能。
符合上述要求的 atom 的效果图
src="/3b3bf29fabf5fbb00ec434d_b.png"
data-rawwidth="2784" data-rawheight="1666" class="origin_image
zh-lightbox-thumb" width="2784"
data-original="/3b3bf29fabf5fbb00ec434d_r.png"&
这就是我们编写的代码，可以直接双击 html 用浏览器运行，也可以放到服务器上面，然后浏览器和 webview 都能通过 url
发出 http 请求来获取 html 来显示网页。
架构模式（推荐 mvvm 的 vue ，mvvm 适合大量的 dom
操作也就是复杂交互的页面，特别是非常适合web单页应用，vue 也可以组件化开发，react 也是组件化开发的代表）
版本控制(和比人合作开发, 最常用的git )
github （学习别人的项目和开发自己的项目,
性能优化（动物书之狗书
构建工具（比如 webpack
，并且可以使用 webpack 对模块化开发的 js 进行打包）
node.js （其实打包工具和构建工具都是 node 写的，阿里大牛写的
src="/def04f95d03d8def95846f1_b.png"
data-rawwidth="886" data-rawheight="710" class="origin_image
zh-lightbox-thumb" width="886"
data-original="/def04f95d03d8def95846f1_r.png"&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。