只需一步，快速开始
web前端开发学习路线规划
本帖最后由 2次方 于
14:41 编辑
1.jpg (26.35 KB, 下载次数: 500)
14:17 上传
图上是Web前端的学习知识点，如果被吓到了，请放弃前端开发
web(网站)开发分为前端和后端，前端是指页面视觉和用户交互方面，以及和后端服务器的通信。前端 主要任务就是用户体验度。
下面给想学习前端开发的同学，提供一个web前端开发的学习路线图（切记：不要追新）
可能学习初期你会听过很多的陌生的词汇，比如 nodejs，angularjs，reactjs，bootstrap等等
但是记住：前端技术更新的很快，你前期需要的掌握的只有这几项技能： html/css js/jquery/ajax
初学前端可以按如下思路系统学习：
有能力的同学，都不要看视频学习，建议看书或者在线文字教程学习效率更高。如果实在入门困难，文章底部提供了一些学习视频给你们。
第一阶段 基础知识：
1. html/css 建议在上面学习，可以边学边练，
每章后都有测试题可以练习，这样学起来比较有动力。
2. javascript js会的内容非常的多且丰富，要学好学通不是短时间就行的，所有学习js是个长期的过程，但是初学者也不要被吓到。
初学web前端，只需要学些基本常用的就行了，还是很简单的，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建
议先在上学习。之后建议马上看《javascript语言精粹》，js是
一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写
的代码就行，自己就不用尝试了。
3.AJAX： ajax是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。建议在上面学习
4.js常用库：jquery 一定要记住js基础才是最重要的，第三方库或者框架只是锦上添花，同样也建议在上面学习
第二阶段 进阶：
有了以上的基础，就应该试着做点实际的东西出来，这样才能巩固并学习结合各种前端技术开发。
初学者，可能会迷失在这个阶段，不知道如何下手。下面提供几个视频教程，大家跟着练习，学习一下开发的思路，
记住是思路 思路 思路 重要的话说三遍。
主要是对html+css练习
对html+css+js+jquery实际结合开发
扩展阶段：
html5 需要了解html都提供了哪些api，然后项目中用起来。这部分没有什么难理解的，关键在于能用html5解决实际的前端开发问题。
再进一阶 · 代码层面：
以上内容只是简单说了前端学习的顺序。前端工程师应该有的知识结构请参考这里：JacksonTian/fks · GitHub
对于前端开发，基本内容就这些了，可以根据自己的兴趣爱好选择性学习以下内容。
1. 交互设计。大公司依然有专业人士搞这些，不过不懂交互的前端一定不是好前端。推荐《简约至上》。
2. 后端。应该说前段工程师必须至少了解一门后端语言，不过如果爱好也可深入学习，入手难度比较低的应该是php了。这部分由可分为基
于页面，基于框架两种。大型项目都是基于框架开发的，建议至少了解一个MVC框架，比如php的ci, yii, yaf 等，好还框架的设计思想都大
同小异。如今NodeJs在大公司已经得到普遍的使用，推荐大家使用在Node上使用Express框架做一些后端服务的开发。
3. Android和ios开发。时至今日，前端的工作领域已经非常广泛，native的界面开发本质上也是前端开发，个大公司都面临着Native环境和
web环境页面同时维护的问题，如果能够在技术上得到统一，将会有巨大的价值。对于学有余力的同学，应该了解Native开发的基本流程，至
少了解到界面构建的技术。
学习视频推荐：
不要你签到,你还灌水!只有扣除你20金币才能消我气!
width:100%">
width:100%">
width:100%">
width:100%">
width:100%">
width:100%">
好，很好，非常好
width:100%">
width:100%">
width:100%">
width:100%">
关注2次方微信
Powered by Discuz, All rights reserved. 版权所有免责声明:站内所有资源均来自于互联网,如果有伤害到您的利益，请联系我们,我们立即删除！2017年1月 Web 开发大版内专家分月排行榜第二2016年11月 Web 开发大版内专家分月排行榜第二2016年9月 Web 开发大版内专家分月排行榜第二2016年8月 Web 开发大版内专家分月排行榜第二2016年7月 Web 开发大版内专家分月排行榜第二2016年6月 Web 开发大版内专家分月排行榜第二2016年5月 Web 开发大版内专家分月排行榜第二2016年4月 Web 开发大版内专家分月排行榜第二2016年2月 Web 开发大版内专家分月排行榜第二2015年9月 Web 开发大版内专家分月排行榜第二2015年7月 Web 开发大版内专家分月排行榜第二2015年6月 Web 开发大版内专家分月排行榜第二2015年4月 Web 开发大版内专家分月排行榜第二2015年3月 Web 开发大版内专家分月排行榜第二2015年2月 Web 开发大版内专家分月排行榜第二
2016年12月 Web 开发大版内专家分月排行榜第三2016年10月 Web 开发大版内专家分月排行榜第三2016年1月 Web 开发大版内专家分月排行榜第三2015年12月 Web 开发大版内专家分月排行榜第三2015年11月 Web 开发大版内专家分月排行榜第三2015年10月 Web 开发大版内专家分月排行榜第三2015年5月 Web 开发大版内专家分月排行榜第三2015年1月 Web 开发大版内专家分月排行榜第三2014年12月 Web 开发大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。初学web前端技术 你需要掌握哪些 - 简书
初学web前端技术 你需要掌握哪些
可以说是一个全新的职业，在整个IT行业中真正受重视的时间也不超过5年，但说实话web前端开发实质上是从美工演变过来的，现在越来越多的公司和企业注重线上用户体验，因此web前端人员的需求也就越来越大，当然也正在因为这样，越来越多的人选择了web前端，那初学web前端，需要掌握哪些技术呢?很多初学者对web前端开发只有三种体会：1.杂而难，难度甚至都已经超过了一般的后台开发，如果有人觉得前端开发简单，那只能说明他还没有入门。2.web前端开发正向响应式和移动端方向迈进。3.很多人说可以用一句话来形容web前端的工作，比ui设计懂技术，比技术人员更懂交互。看着开发者的体会，发现掌握web前端开发，需要掌握的技术还比较繁杂，接下来华清远见小编就简单来总结下相关内容：1.要掌握网页制作师掌握的基本技术，如各种页面布局、面向对象布局、js模块化编程，设计模式和前端MVC等等相关技术。2.网站性能优化，要保证尽量减少http请求次数、cssSprites图片整合技术、合并css与js、运用CDN技术。减少DNS查找次数、避免重定向等。3.要学会UI设计，毕竟设计师不一定懂边界测试，但这些问题往往都是在测试阶段才被发现，所以如果能在拿到UI设计稿时就提醒设计师补充完整这些场景，自然就会减少测试回归次数。4.至少要学会一门后台编程语言，毕竟在工作中会与后端工作者会有频繁的沟通，如果你只顾页面，不考虑后台，那么写出来的页面也有一部分废弃代码，在后台进行数据交互的时候用不了。当然你也可以在相关的招聘网站中知道web前端开发需要的技能。5.掌握各种浏览器兼容解决办法，国内和国际主流浏览器种类繁多，内核不统一，所以掌握这一技术也成为了必备 技能。6.必须学会运用各种工具进行辅助开发。7.除了掌握技术层面的知识，理论层面的知识也必须掌握，包括渲染原理、代码的可维护性、组件的易用性和分层语义模板等等。初学web前端，以上提到的7大技能必须掌握，但作为web前端开发人员，还要有细心和耐心，在开发过程中必须精确到每个像素。还要热爱并不断学习新技术，因为前端几乎每天都会有新技术产生，所以在打牢基础的前提下，要不断学习新技术。但说句实话，在开发过程汇总只有web前端开发工程师自己深有体会，但无论情况怎样，你必须搞懂这几个问题，华清远见小贴士：1.我能做什么?2.我不能做什么?3.我的优势是什么?4.我的劣势是什么?5.做这一行对我有何好处?6.做这一行会让我付出何种代价?如果能够认真考虑这几个问题，那你无论在学习还是工作中，都能够成功应对每个问题……传智播客旗下品牌：& & | && | && | &
改变中国IT教育，我们正在行动 &&&&全国咨询热线：400-618-4000
全国校区 
传智播客官方微信
黑马程序员官方微信
400-618-4000零基础开始学 Web 前端开发，有什么建议吗？
我的图书馆
零基础开始学 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），也不能算作是优秀的前端工程师。在成为一个优秀的前端工程师的道路上，充满了汗水和辛劳。
TA的最新馆藏[转]&[转]&