前端入门该如何学习---传智上海校区老学员经验之谈_传智播客吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：20,105贴子：
前端入门该如何学习---传智上海校区老学员经验之谈收藏
我是传智播客上海校区的老学员，之前是在ui设计学院学习的网页制作，但是在学习的时候我对前端比较感兴趣，毕业之后就从事前端开发这一职位。我来说说学习前端一些前端入门该如何学习。作为一名前端工程师（让我去掉优秀或资深这类形容词），必须要掌握的三样东西HTML,CSS,Javascript。这里掌握的意思是，你不需要去借助搜索引擎去完成你的主要任务，当然我没有涵盖到书本，因为在JS发展到现在的，我们已经在里面添加里数不清的接口，你也不可能全部都了然于心。三者当中你还要比较深刻了解JS中的两大部分，COREscript 和DOM,前者也就是我们经常提到的ECMAscript。你需要知道JS中最不同于其他语言的一些基本概念，诸如原型链，事件冒泡，字面量等，这对于你去了解一些框架有很大的帮助。当然你是不能不懂得AJAX，几乎我没有见过有哪个新型web站是不用这些技术的。另外你还懂得如何去操纵DOM，这个很关键。也是最繁琐的一个地方（繁琐的地方是，当你深入理解到节点类型，map，一堆繁琐的底层API的时候，你就会想哭的感觉，当然很多时候你都不会用到这些东西），当然一般来说它也不是什么难题，多加训练即可。而CSS中最让人难以理解并不是什么布局浮动问题，而是它的兼容性，这个需要经验和专门去了解。当然如果你是为了去面试，那么知道几个IE6下bug也不是什么难事。
Java培训选甲骨文oracle人才培训基地,美国原厂技术,原厂课程,原厂师资,轻松入名企,免费试听0元学.it程序编程培训?世界500强原厂技术培训,点击在线咨询!
HTML是最容易被人忽略，但是由于这几年HTML5火起来了。所以前端工程师也更加重视起来了（个人比较失望的是，业界似乎更多的心思花在HTML5构建移动APP的方面），实在我个人理解是HTML5的很多特性都是利用JS来操作的，它并没有说多了什么晦涩的概念（里面涉及到的websocket 需要重点理解），只是一些新的扩展性API，在经验当中可以成长。当你觉得自己概念知识都能够基本掌握的时候，那么请你去实践。多么伟大的代码都要经过实践出真知，它不仅可以给你带来验证，而且它可以让你深刻去理解。如果你想继续提升自己的能力，那么可以从以下几个方面去提升：1.阅读别人的程序，理解别人的思路。你可以去使用和阅读框架，当然有人一听到框架就会嗤之以鼻，特别是性能党。我想说框架是个好东西，不过前提是你最好理解底层的东西。2.优化你的程序，业界都过分推崇YUI14，不过你可以去看看了解如果去把你的程序做精做简，这是非常考验一个前端工程师的自我修养能力。3.构建一个后端程序，或许你可以使用node去构建一个服务器，网上有教程手把手教你从基本做起，让你可以很好的贯穿前后端的知识。4.如果你还有时间，那么可以学些脚本语言提高下自己的能力。作为一名前端个工程师，我们并不是需要你很全面的掌握一切有关计算机的知识，因为那样很不实际。你要相信你的记忆力和精力都是有限的，特别是面对费脑子的计算机。
谢谢楼主分享，收藏之
谢谢楼主实力帖子
想学习前端的，都可以看看
说的不错，比较实在，没有吹嘘一些东西
至于第一条，呵呵我也只能呵呵，开发不用搜索引擎？你指望一个刚才学校出来然后脱离搜索引擎工作是不现实的。
面向对象很重要！很重要！很重要！！！
很多以为前端简单，简单么？？
&尚观&2016课程全新升级,&7天免费试学&活动火热报名中,全国9大校区任选,学员0费用入学,就业后付款,挑战30W年薪就业,毕业相当于2年工作经验,良心教育!
你是哪一期的啊，求加好友
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或　　　　web前端到底怎么学？　　那么在讲 web前端怎么学 这个大命题之前呢，依据我本人的尿性，还是得先把你拉入坑，让你在坑里好好学 O(∩_∩)O　　由于第一篇文章，有说到：　　O(∩_∩)O 好了，我们已经相识了，我们进入相知的阶段（我擦，太快了吧？）　　web前端的历史渊源 和一些出处，童鞋们大概都有所了解了。　　下面我们进入【相爱】阶段（我都不认识你，就tm相爱了？）　　歌词云:想说爱你不容易！　　但是我会想方设法让你爱上她（web前端开发）。　　一般据我经验，在喜欢并且决定和她恋爱之前，我都会做一下充分准备和调查，有必要了解和研究清楚 ‘她’ 的几个特性和习惯。web前端的基本工作职责 和基础技能（要清楚）web前端的分类和门派（简要概述，武林 实在是太大啦）。前端开发 必看的书籍资料（干货重点）。　　如果 你已经了解清楚以上前2点并思路清晰，那就直接 和她相爱吧-直接跳入 【前端开发 必看的书籍资料】　　一、web前端的基本工作职责（要清楚）　　“ 入一行，要先知一行 ”；我们来看看web前端开发职位 无论什么门派都要做到的一些基本工作职责。　　首先，你必须是一个合格的“页面仔”，这个叫法不好听，但很生动。　　我们都知道，所有呈现的内容都是基于HTML 网页的。　　如果你的html、css（包括现在的HTML5+CSS3）基础不会，或者不够扎实，都很难在有大的进步，或者你的JS 很好，但布局基础不行，还是不能算合格的web前端。　　其次，前端主要负责实现视觉和交互功能，以及与后端服务器通信，完成业务逻辑。现在前端的核心价值在于对用户体验的极致追求。　　那么我们靠什么来提升用户体验和人性化操作，让用户觉得体验牛x、舒服呢？（当然细分厉害的公司，会有专门的 用户体验攻城狮）　　当然是我们自始自终的主角 `JavaScript&`了，毕竟它最初就是为浏览器而生的脚本语言。　　然而，JS这门语言并不是一种强类型语言，更像是一种解释型语言，所以很多属性，在不同的浏览器环境解释有很大不同导致，效果和性能千差万别，而且很多属性之长，之多，之巨都很有工作量。　　之后，就出现了Jquery 这种的框架神器，由于其好用，简单，效果多样，兼容完美，高效率等特性，迅速席卷全世界，所以如果想入门，jquery 这个东西你是逃不掉的，而且利用它简单的语法，你会很快将一些效果实现出来，迅速提升兴趣。　　再后，既然涉及到视觉 和用户体验，那么UI 设计知识，你肯定要涉及或者懂一些设计方面的技能和基本素养，比如PS的一些基本操作，切图，和颜色值（比如会改个字，隐藏个图层，改个尺寸，变个颜色什么滴），屏幕适配方案等，讲道理说：平时并不需要我们做，但技能包里绝对要有。　　最后，服务器知识+后端语言基础，这个职责和话题就比较hight了，到后面我们会一一解释。　　总之，web前端同样是程序员，由于前端是位于后端程序和界面设计师之间的岗位，相当于中间桥梁，要完成三者的对接，涉及到广泛 的知识，规模大到工程级，也就有了前端工程师的说法（某人总结，很是到位）。　　web前端工程师，是一个要精通本职html,css,JavaScript，也要了解后端编程，了解界面设计，了解软件工程的综合人才。　　（卧擦！这才入门，web前端就这么多职能 和掌握的基本技能，不开森了 ，哼！）　　??，看到这一大篇的职责和技能，你并不要害怕，因为这些就像小孩子，会走路，会说话。只要你有兴趣，只要有人领路，有教程自然而然就能掌握的技能，至于一些设计素养，反正你不是UI，有最好，没有又有什么所谓呢？　　二、web前端的分类和门派（简要概述，武林 实在是太大啦）　　根据web前端的细分工种 和 业务不同，我无耻的把她比拟出来几个门派，供大家参考，也让无比庞大的前端划分变得有趣一些，不然下面我放一张图， 你看了会晕菜。　　这里我先简单说几种，我们常常熟知的几个门派。　　比如：　　●【少林派】：七十二般武艺样样精通 - web网站开发　　●【武当派】：以柔克刚 - 移动APP开发　　●【峨嵋派】：倾国倾城 - canvas 数据可视化　　●【华山派】：剑法精湛 - nodejs开发　　●【逍遥派】：潇洒飘逸 - HTML5游戏　　让你晕菜的技能树 ，客观您感受一下先　　　　由于web前端知识体系 实在是太庞大，这是另一个话题，三言两语是描述不清的，我们后面会专门开一个专题文章，来讲解和讨论这个话题。　　好累，我们赶紧去看干货！　　三、前端开发 必看的书籍资料（干货重点-入门篇）　　01html + css 这部分建议在 w3cschool 在线教程 上学习，边学边练，每个属性后还有在线测试。 然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练 多练 多练 ，最重要的事儿 还得我说三遍？　　02　　JavaScript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3cschool上学习一些基本语法和定义。　　然后你必须要看书，然后实践（好多人问 有没有快速捷径，我只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧）。　　忍得住寂寞枯燥，才能拿得到高薪！　　对于习惯看视频学习的同学，以上内容也可以在 慕课网 这个在线学习网站上去搜，现在里面基础课程讲解都还不错。跟着敲一边，确实可以避免看书查资料的枯燥。　　下面多图预警，多书预警。　　以下内容都是经过我自己本身的学习路线经验，还有网络各路大神共同整理的资料 汇总，帮助源源不断入坑的新人更好的学习。　　前端书籍必读、必买（本帅认为）　　★★ 越多，推荐等级越高，和难度无关。最好按照我给的顺序入门，这样不会让你枯燥，想放弃，如果先推荐经典的厚的，满篇定义，我估计是害你们放弃。　　01　　【JavaScript&】　　先说 `JavaScript&`,因为前面说了，css最好跟着视频练习，毕竟都是可视化的，像做艺术。　　《JavaScript&DOM编程艺术》　　最好的JS入门书籍，最让人有兴趣读完的那种书。　　它通过一个 幻灯片 案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。（个人很偏向这种风格书籍，此书让我彻底爱上前端js）　　一目了然地告诉你如何用JS操作DOM（这是浏览器端编程的基本功），还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的。不过不影响阅读和实现，全部按照最新ES5属性就行了。　　《JavaScript&高级程序设计》★★★★　　又称红宝书，（我喜欢叫 望眼镜）　　雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，我建议配着下面的犀牛书一起 看效果更佳。　　《JavaScript&权威指南》★★★★★　　著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。　　这本书又叫犀牛书，被国人誉为：JavaScript开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。　　我也是对这本书有很厚的感情和依赖（忘了属性就拿来翻翻，总有收获），个人感觉这本书还是写得枯燥了些，毕竟是工具性质，不适合当作第一本入门来看，不过内容绝对是五颗星，无可挑剔！神书　　《JavaScript&语言精粹》★★★★★　　作者是大名鼎鼎的 【老道】，我的JS 偶像，我github第一个关注的就是这个大胡子叔叔。他是 JSON格式的发明和维护者，也有很多著作和对JS 这门语言的超多贡献，可见此人功力绝对顶级！　　这本书，属于稍微入门以后看的，了解了一些中高级概念 比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解（不吹牛逼，当时我是这感觉的）　　02　　【CSS】　　【CSS】类， 如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，我再来给你罗列几本经典的收藏书，买不买均可的。。　　《Head first HTML&CSS》★★★　　好的入门书。看两遍就对HTML & CSS 有个大概印象了。　　此时把w3cschool作为备查手册收藏起来，结合此书，事半功倍，成就感爆棚。　　《CSS权威指南(第三版)》★★★★　　最权威的CSS书籍，除了阅读W3C的文档外的不二选择（就是翻译太操蛋，可能有的词你以为是火星语，不过不影响阅读）。有时间可以反复看，有css3内容，并当做字典随时查。类似犀牛书。　　《图解CSS3：核心技术与案例实践》★★★　　这本书讲解的是最新的CSS3（前几本书停留在CSS2.1时代，2.1是基础），CSS3也是必学的，不然真的跟不上时代了。　　《CSS禅意花园》★★★★　　这本书很值得期待，我看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS 他年薪就轻松百万了。。汗颜！思路清晰，图文并茂，还解决一些疑难杂症和高级技巧，类似于JS的语言精粹了，大神级别。　　好了，差不多就推荐到这里，CSS这基本是基于情怀，罗列一下，买不买都没必要，想当年我学CSS 是挨着几个仅有的视频，一个属性一个属性的练习，还有IE6 各种兼容问题，虐到爆，那酸爽（现在你们是性福的，基本不用兼容IE6 这个老东西了，）。　　真正起到决定作用的，还是JS语言的掌握和实践，JS能力越强 基础越稳固，你的前端能力就会越好， 自然薪资越高，所以现实点说大家，大家一起努力吧，让money 都到碗里来!　　（有些童鞋认为：从来不需要买纸质书，我全程PDF就行了嘛，不过我建议有些书还是要纸质的，这样有感觉，也可以做笔记，甚至随时当工具书字典来查询，由于前端的特殊性和js语言的属性之繁多庞杂，我建议你还是要买纸质的书。帮助很大，而且我告诉你有了钱要补上正版呃）　　那么PDF截图奉上，嘿嘿 如果需要请到此大神网站 网盘下载，应有尽有，此处应该有掌声！　　地址：/feres.php?do=picture&listtype=book　　本篇最后（我真的很累，原创很累的，所以我得结尾了，后一篇在介绍更多的干货）　　我总结了部分一些知乎大神举荐的书评连接（可查看我博客） 和我自己觉得要看的书，罗列如下，供君参考（嘿嘿！是不说我正经起来，很不习惯？）　　★越多，难度越高。　　CSS　　●&CSS权威指南 （第3版）★★　　● 精通CSS ★★★　　● HTML & CSS设计与构建网站 ★　　JavaScript　　● JavaScript& jQuery交互式Web前端开发 ★　　●JavaScript DOM编程艺术 （第2版）★　　● JavaScript&高级程序设计（第3版）★★　　● 锋利的jQuery ★★　　● 高性能JavaScript★★★　　●JavaScript语言精粹 ★★★　　● JavaScript权威指南 ★★★　　● 编写可维护的JavaScript ★★★　　● JavaScript语言精髓与编程实践 ★★★　　● Effective JavaScript ★★★　　● Secrets of the Java Ninja ★★★　　● JavaScript模式 ★★★　　● JavaScript设计模式 ★★★★　　● 基于MVC的JavaScript Web富应用开发 ★★★　　性能实践(不是本篇重点)　　● 高性能网站建设指南 ★　　这个文章花费了我不少时间整理收集，然而还是不到冰山一角，至少入门够用了，所以请看到的同学，尽心收藏并帮助传播，可以帮到更多的新人和疑惑中的转型的从业者，我将会非常高兴和欣慰，也将有更大的动力和精神来继续更新和贡献微薄之力。　　有人问我：又没人给你钱，你何必这么辛苦，还得工作，还得写文章。然而我说我不在乎钱那是不可能的，我还告诉你们，这真的是我的兴趣和责任，因为我经历了前端洪荒的年代和苦楚，所以我很愿意分享和帮助新来者，少走弯路和浪费时间。　　到最后：兴趣都会变成钱！坚持下来就好。也希望大家支持！　　● 能在江湖混迹多年的，肯定不是靠工具和潮流。绝对是靠的不断提升的内功。　　● 希望大家明白，趁年轻 一定要忍住枯燥，打好基础!　　在最后，特别感谢，贺贺妹子（傻），辛苦整理提供一些资料和配图，让我的文章更加生动和有趣。我想她一定是被我的颜值折服了吧！本文由微信公众号：webunao（前端你别闹）小北哥哥整理发布，同时发布于CSDN博客，有兴趣的用户可以关注原作者的公众号：前端你别闹。
其他参考资料
微信号：w3cschoolcn
意见反馈：
联系方式：现场就餐的市民挤爆大门，场面极为混乱。
老人以拿钱给儿子为由，要儿子回家详谈养老。
声明：本文由入驻搜狐公众平台的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
　　很多人一定听过技术前端和后端，前端是什么呢，当你在网络、APP上浏览网页时看到的所有漂亮的页面都是由web前端实现的，在我们看来简单，但是一个小小的按钮，一个小小的符号都是web前端工作者仔细斟酌过的。web前端工作相对于其他软件开发工作是比较容易入门的，但是深入学习会比较困难，它需要从业人员掌握一定的设计、代码、交互技能，有的公司还会要求有一点SEO技能。北大青鸟教育带你领你看看web前端培训零基础怎样入门?
　　web前端培训零基础入门有两种方式：第一，通过自己自学进入该行业。第二，通过参加教育培训机构入门。通过自身学习入门你需要通过的是最开始学习时多看看视频，有一定了解后针对自身情况挑选合适的书籍，进行知识性的查漏补缺。当然这学习的过程很重要，需要将自己学习的知识串成知识点时常温习。平时多练习代码，坚持一段时间之后一定能有所成就。最好可以挑选合适的教育机构，这样可以减少你学习的时间，有针对性的学习。
　　Web前端开发技术三个阶段
　　分别是前端美工、前端开发和前端架构。前端美工主要负责最基本的一些平面设计，交互设计，不需要参加太多代码问题，中级web前端会写js,应用js,用户交互等，前端架构是开发、优化框架和服务器，用户体验等涉汲就比较广。三者薪资根据等级不同也逐渐升高。
　　Web前端开发包括三个要素
　　HTML、CSS和JS，是Web前端开发包括的三要素，当然服务器端语言以及基本的PS、视觉设计也是需要了解的。Web前端既需要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能比较多。所以对于有些知识只需要入门不需要精通，有些知识却需要融会贯通，这对Web前端开发的学习比较重要。
　　HTML5与Web前端开发的区别
　　HTML5是现在Web前端开发一项重要的内容，由于技术的不断发展，市场需求的不断变化，加之新媒体时代的冲击，例如微信的小程序，这都决定了HTML5的重要性，未来HTML5工程师的需求一定会大大增加，由于这是新鲜产物，市场的需求一定是向偏年轻化需求发展，因为他们的接受能力和学习能力高于中年人，所以现在进入HTML5的学习和 Web前端的学习时机很好。
　　Web前端的学习是一个由易到难的过程。技能很重要，但重要的是Web前端的思维和对行业最新动向的了解，以及学习方法的养成。一个好的师傅带领比前期的高薪资、好福利重要的多的多，武汉北大青鸟教育就是这样一个师傅，不仅教授课程，更教授方法，教授最新动向，节约你的时间，更快更好的掌握Web前端的核心内容。如果觉得自学吃力决定选择培训，不妨来武汉北大青鸟教育参加Web前端培训。
欢迎举报抄袭、转载、暴力色情及含有欺诈和虚假信息的不良文章。
请先登录再操作
请先登录再操作
微信扫一扫分享至朋友圈
搜狐公众平台官方账号
生活时尚&搭配博主 /生活时尚自媒体 /时尚类书籍作者
搜狐网教育频道官方账号
全球最大华文占星网站-专业研究星座命理及测算服务机构
武汉北大青鸟鲁广校区是华中地区全产品校区，开设有ACCP软...
主演：黄晓明/陈乔恩/乔任梁/谢君豪/吕佳容/戚迹
主演：陈晓/陈妍希/张馨予/杨明娜/毛晓彤/孙耀琦
主演：陈键锋/李依晓/张迪/郑亦桐/张明明/何彦霓
主演：尚格?云顿/乔?弗拉尼甘/Bianca Bree
主演：艾斯?库珀/ 查宁?塔图姆/ 乔纳?希尔
baby14岁写真曝光
李冰冰向成龙撒娇争宠
李湘遭闺蜜曝光旧爱
美女模特教老板走秀
曝搬砖男神奇葩择偶观
柳岩被迫成赚钱工具
大屁小P虐心恋
匆匆那年大结局
乔杉遭粉丝骚扰
男闺蜜的尴尬初夜
客服热线：86-10-
客服邮箱：web前端怎样入门？
css+html5+javascript同时学的模式对吗？
按时间排序
html+css需要自学，因为这个别人也教不了你，帮不了你。等你基础牢靠了，此时你在看下切入口web前端实战公开课，了解一下真实的前端开发流程，将会对你有很大帮助。
学习路线，先系统学，最好有人带，然后通过项目练习提升。
自学前端两年，楼上的推荐我都基本都试过。现在已经在两家公司实习，下一个目标是想进大公司。我发现，你想学得好，有时候不止是时间的投资，还应该包括金钱，现在好多前端培训课程出来，乱七八糟的。我听过一些，感觉我自学二十分钟比他讲一小时有效果。我推荐一个楼上都没有的， 这个是妙味课堂，我没有参加他们的线上线下培训，我是付费看他们的视频，这个对我来说已经足够了，毕竟钱也不是很多。付费意味着有质量的收获。听看他们部分视频感觉还是不错的。有些网站为什么我不喜欢了，就教程视频来说。好多视频的录音者的发音，都带有口音，麻烦不是人人都是你那条村的，而且清晰度也是一个问题，好多时候根本看不清楚。另外一点是关键，麻烦你们把讲的知识点，写下来，不要就会嘴里说，我想记下来难度要我重新听几次啊？不止是PPT必须，还有写代码的麻烦备注一下啊，好多时候学员一下就忘记了，有更奇葩的，就是早把代码写好了。最好再推荐我目前感觉最适合初学者的网站，，推荐可以试试付费观看教学视频。。我不是推销的，，，，
学java。工作时选择前端。做起html+css。后来开始学javascript一直到现在。打算换工作了。一年工作经验工资6-7k。应届毕业生不知道该不该换行
动手动脚是永远的入门方式。总是要先摸一下的。
好多人提到百度前端学院，是的，作为一个从百度前端学院受益的人来说一说：2016.3做了百度前端学院系列，确实学习了不少东西。因为其实很多时候做很多东西都是项目驱动型的，如果不给你布置一个什么任务，你根本没有决心学习下去。然后另一个就是 慕课网。因为慕课网上面的教程好多都是免费的，而且技术也很新。而且我觉得我看视频的效率比看书要高。学了一年了，说一下我的心路历程--------------------------------------------------------------------------------------------------------------------------------------------首先第一步必然是W3cschool另外我觉得菜鸟教程也不错-----------------------------------------------------------------------第二步 然后，说一下，我学习的慕课网课程：最基础的课程：HTML+CSS基础课程
学习HTML、CSS、JS入门学习IDE，和GItCSS进阶
学习一些CSS3的特效，有好多，这里只列了一部分HTML进阶主要是学了H5的Canvasjs进阶尝试做一个完整的系统Node.js React.js以及前端工具webpack gruntfile学习时长居然有1046小时，当然也有可能是因为我忘记关实验室电脑了。不过后来当你入门了之后，我建议看视频还是来得太慢了，还是看API文档好。-------------------------------------------------------------------------------------------------------------------------------------第三步 就是百度前端学院了 --------------------------------------------------------------------------------------------------------------------------------------当然光学这些还是不够的，这期间自己还接了几个外包来练手。一个是管理系统，另一个类似于借贷宝一样的web系统----------------------------------------------------------------------------------------------------------------------------------------还有看书：以上是我的书单，当然我还没看完。以上是我的书单，当然我还没看完。目前就看了HTML与CSS3权威指南javascript权威指南HTTP权威指南javascript+dom编程艺术---------------------------------------------------------------------------------------------------------------------------最后最后，善于写博客自己总结非常害羞的给出的自己的blog，写得很粗糙，平时主要只是为了记录自己学习过程中的体会。然后也试着用jekyll和gitio搭了博客，但是疏于管理 ，看看就好, 我平时还是比较喜欢在CSDN上写（估计这点会被吐槽，因为不符合程序员的极客思维），但是我觉得CSDN也是markdown语法，写起来也挺方便的啊。==而且在上面我找到了成就感啊--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------后记想说研一这一年很辛苦：有导师这边的事：一边在研究云里面的访问控制（发了一篇国际会议），写了一篇国内核心（然而这居然不能挂自己的名，这也是我放弃了科研的原因），还参与了中国云桌面标准的拟定。还要上课：昨天看学分，发现要求只用修25个学分，自己修了30个。另外还接了外包项目，所以经常翘课熬夜加班啊。因此很多时候学习前端都是偷偷摸摸，导师一出现立马调到word或者matlab界面，然后还翘了很多选修课，不过回头看看自己的收获还是蛮多的。然而前端技术正在日益更新，而且里面还有很多知识点技术点掌握不牢实，所以，这一年继续加油。争取明年这个时候可以找一个理想的前端工作。最后再说一点，遇到bug一定要用google，stackoverflow上面有很多好的问题解答。难得写得这么用心，您就点个赞再走呗~
从html和css开始是对的。入门容易，接下来学习js请一定认真学好基础，不要被太多的框架、炫技晃花了眼。
前端的入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。2、JavaScript基础掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。这个阶段的学习难度相对不高，学完这些之后，你已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。完整的前端学习路线图可以看看这篇文章：黑马程序员：从零基础到精通的前端学习路线图
先从HTML+CSS入手吧，然后在看HTML5+CSS3，在研究JavaScript、jQuery。你可以多看看一些教学的视频网站，如慕课网之类的，也有很多学习的网站，菜鸟教学。主要你感兴趣就好，学起来也很容易的。
目前自学ing，等几个月我再翻出来~看看有木有自学成功，哈哈！
目前自学html和css。。感觉自己学习好多知识点掌握不足。也经常找不到重点。。今天来培训机构试学看下效果如何，在做反馈。。同时希望有一起努力和喜欢前端的同学一起组织起来学习。我这里现有一套基础班学习资料。希望能一起成长。
第一步写helloword（所有语言都是的），第二步知道在什么地方看调试信息（我觉得知道看调试是学一门语言的重点技能，可以看不懂，但是得知道在哪里看，有了调试信息遇到问题才知道怎么问别人或者百度谷歌），当然前端还要看是否成功加载文件，然后写写简单了解一下代码，略有心得后再看看别人写的，接下来就入门了。
读一本入门书籍，dom编程的艺术，然后开始百度前端的任务，边做边看&javascript高级程序设计&
我在淘宝网和同学合买的视频我们看着感觉还可以，主要是很完整系统，结合W3school养成好的习惯。
一、web前端是什么？用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等.二、Web前端开发的职责是什么?既然Web前端开发有很多的职位，那么不同的职位其各自的职责又是怎样的呢？我们以“前端开发工程师”、“资深前端开发工程师”和“前端架构师”这三种职位为例，来分析一下其各自的职责。前端开发工程师（或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”），这样的一个职位的主要职责是与交互设计师、 视觉设计师协作，根据设计图用HTML和CSS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。三、如何才能做得更好呢？一位好的Web前端开发工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的web前端技术呢，为此建立了一个web前端的直播上课学习扣扣群，前面数字是五一四，中间的数字是一六七，最后是六七八，将数字连接起来就是了。真正想要学习的可以进入，打酱油的就不要浪费大家的时间了。现在说的重点不在于讲解技术，而是更侧重于对技巧的讲解。技术非黑即白，只有对和错，而技巧则见仁见智。1、必须掌握基本的Web前端开发技术，其中包括CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。2、在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。3、必须学会运用各种工具进行辅助开发。4、除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。
那些已经是大牛的来回答的肯定是系统而科学的，但是！！中学教育够系统够科学吧！还是很多人教也教不会，方法还是得自己摸索，别人的参考下，合适自己效率高就用，不然就该思考别的方法了
先掌握html 这部分东西算还好。然后运用上css。估计css够你玩上好久了。最后再慢慢加上js做些运动效果。算是一种简单入门接触。接下来就是不断精进css和js。当然你也可以了解比如优化 seo 框架 一些东西 关于浏览器在css和js上的兼容问题。顺说一句。在手机上做页面的话大胆的运用css3的新属性。很不错的。初期看看些视频入门非常简单。往后的道路看自己提升了。
五角场文秘职业技术学院，大三狗一枚。刚刷完IFE最终任务之一，来分享下自己过去三个月的前端学习经历。我的提交 前端是干什么的我就不赘述了，推荐看这个答案：直接进入正题。前端入门是一个螺旋上升的过程，既要反复看书，也必须抓紧时间实践。IFE是一个绝佳的练习平台，题目都是开源的。15年的学习资料比较多，而16年的题目题量较大，难度也稍大，新手很容易在task1-6丧失信心，那个任务实在是太麻烦了。所以我个人建议先刷15年的task1和task2，都是很基础的题目了，不会做也可以参考别人的代码。IFE2015：IFE2016：我把这三个月大致分为三个阶段。1. HTML + CSS前端的入门门槛极低，体现在HTML和CSS上。运行环境就是浏览器，推荐Chrome。你需要的只是一个文本编辑器，推荐Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。当然你非要用记事本的话，也不是不行的。刚入门查阅资料可以用
。HTML和CSS不是编程语言，前者只是结构标签，后者则是样式配置，入门是非常简单的。网上资料也有很多，推荐慕课网 。我当时是看了一本书 Head First HTML and CSS，讲得浅显易懂，不过价格比较感人，也是只翻一遍的书，没有必要买了。迅速刷一遍慕课网，对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。HTML5的API可以先放一放，回头再看。接下来就是深入学习CSS了。推荐：《CSS权威指南（第3版）》。很枯燥的一本书，但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆，以后用到肯定要再查的。着重点放在大局上，比如盒模型，浮动和定位这些，抓住重点快速过一遍。《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主，知道CSS3有什么内容就好，记忆属性是枯燥且毫无意义的。以上内容用时5天左右，下面是实践。学了几天HTML和CSS了，应该也有点成果了。打开IFE2015 task1，写个静态页面吧。我X，完全写不出来。这是正常的。去看下别人的代码吧，看一小部分就开窍了。忘掉的属性就查书或者w3c，多尝试，不断踩坑才有进步。画完第一张图后，别着急往下写。你的代码肯定会有如下问题：胡乱的代码缩进毫无章法的属性顺序满页的div不停地写id和class重写吧，是的。重写之前先看一份代码规范 。当然代码规范不是唯一的，我最早看的是这一份，所以代码风格也一直维持到现在。再去看一下别人提交的代码，多看几份。当然自己也要判断，不能听风就是雨啊，人家写得不好你再去重写一次，等于你也有责任对不对。开始重写了，会发现功力大增，写代码速度也快了很多的。写到第三张页面的时候，应该比较熟练了。如果看到布局就大概知道应该怎么写了，那就可以进入JavaScript的学习了。以上内容用时10天左右。进阶部分可以回头再看：掌握预处理工具Sass，自动化工具Gulp。阅读Bootstrap源码。《CSS揭秘》，极其惊艳的一本书，涵盖了CSS3的很多奇技淫巧，虽说有些地方不太实用，但让人眼前一亮，很值得看。2. JavaScript这是至关重要的阶段。强烈推荐《JavaScript高级程序设计（第3版）》，俗称红宝书。前七章是重中之重，必须反复阅读，直至完全理解，期间可配合其他书一起读。DOM，事件流，表单，JSON，Ajax与最后几章也相当重要。其余章节可以略读或跳过（比如浏览器嗅探，XML以及那些列举大量API的章节，完全可以用到再查）推荐《JavaScript语言精粹》，俗称蝴蝶书。超薄的一本，半天就可以看完。JavaScript是一门有很多坑的语言，我个人是喜欢把这些坑点全部搞清楚的，但这本书却避而不谈了，剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。强烈推荐《你不知道的JS》。精彩至极的一本书，将JavaScript的坑一网打尽。之前搞不懂的问题，比如闭包，this之类的都可以在这里找到答案。ES6也是必学的内容，推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多，所以还是留个大概印象，以后写到类似的地方，查一查有没有ES6更简洁的写法就好，不必死记硬背。以及需要学会Webpack的使用，Babel和模块化就靠Webpack了。不太推荐《JavaScript权威指南》，也就是犀牛书。那就是一本字典……进阶：《JavaScript设计模式与开发实践》，设计模式是必须了解的内容，这本是写得不错的。《高性能JavaScript》，红宝书作者的另一力作，讲了一些优化技巧与性能瓶颈问题，值得一读。以上内容用时1个月左右，中途可穿插IFE2015 task2的题，比2016年的要简单。这些书全部刷完的话，应该可以跟人谈笑风生了。开始实践，IFE2016阶段二的题，想怎么刷就怎么刷吧。如果有编程经验的话，应该没什么压力了。3. JavaScript框架这部分就比较自由了，每个人点的技能树都不一样的。前端的发展是爆炸式的，换工具比翻书还快，所以还是以看文档为主了。目前主流框架经常被提及的是React，Angular，Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性，说不定过两年这些框架全都被淘汰了呢【逃学习至少一种框架，把IFE2016刷通关吧。耗时1个半月左右。进阶：看各种源代码。这也是我最近打算做的事情，但是好像期末考要到了TAT最后补充一下，计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书，抽空还是要看看的：《深入理解计算机系统》，CSAPP，也是我们专业这学期的课程（但是我的专业明明是EE啊）。《计算机网络 自顶向下方法》，看名字就知道必读了吧。操作系统好书挺多的，推荐一本 Operating Systems: Three Easy Pieces 。算法和数据结构，推荐两本：《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大，但作为一个码农，不要求你写红黑树，至少快速排序和二分查找这种要会写的吧。话说这几本中文的，都是机械工业出版社的啊……后记：其实学的内容越多，就越感到自己知识面的匮乏。这个答案本应还有4,5,6甚至更多的，但由于本人只学了三个月，水平有限，目前只能达到这个程度了。写得不对的地方，望大牛们指正，轻拍。谢谢大家~------------惊人的点赞收藏比……只收藏不点赞的都是坏银QAQ
最好有java基础，先html，再css，然后javascript，jquery，慢慢来吧。
小白必看：web前端学习路线三部曲初级前端　主要学习三个部分：HTML,CSS,JavaScript　　一、html+css部分：　 　这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block,inline,层叠，样式优先级等这些自学起来也是非常容易。最 后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览 器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。　　二、JavaScript部分。　　1.基础学习：　 　难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、 面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需 要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。　　2.jQuery学习：　 　这些基础知识掌握好之后，还需要学jQuery,这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作， 消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。　　3.进阶学习：　　有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）　　　　中高级前端1.工具学习:大 型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习 的还有：包管理器bower、npm,代码优化CSS Lint、JSHint、JSLint,CSS预处理器less、sass,代码管理及版本控制svn、Git,web框架/服务器Node、 Express,代码规范、HTML模块化、css模块化。　　2.布局框架学习如Bootstrap.　　3.新技术html5学习。　　4.js框架学习，requireJS、AngularJS等，往前端架构师靠近。　　5.nodejs学习。　　自己动手搜索下吧，确定目标和方向，以上是个人路线，仅供参考
已有帐号？
无法登录？
社交帐号登录