web前端学习路径.docx

?xml version=1.0 encoding=UTF-8?/span class=RichText CopyrightRichText-richTextpi（前端变化太快，以下内容我会不定期更新，第三方网站请不要转载，如果实在想转载，请只转载摘要，并保留原文链接，谢谢）/i/pbrp网站开发开发大致分为前端和后端，前端主要负责实现视觉和交互效果，以及与服务器通信，完成业务逻辑。其核心价值在于对用户体验的追求。可以按如下思路学习系统学习：/ppb基础知识/bbr1. html + css 这部分建议在a class= wrap external href=/?target=http%3A// target=_blank rel=nofollow noreferrerw3school 在线教程i class=icon-external/i/a 上学习，边学边练，每章后还有小测试。 之后可以模仿一些网站做些页面。br 2. javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕，对于语言精华，应该深入学习。糟粕部分能看懂别人写的代码就行，自己就不用尝试了。/br/br/ppi对于习惯看视频学习的同学，以上内容也可以在 a class= wrap external href=/?target=http%3A/// target=_blank rel=nofollow noreferrer慕课网-国内最大的IT技能学习平台i class=icon-external/i/a 上学习。虽然我没用过，但好几位同学推荐过了，大概看了下，内容还不错。/i/ppb进阶/bbr有了以上基础，就可以进行一般的静态网页设计，不过对于复杂的页面还需要进一步学习。/br/pp1. css。截至今日（2015.12.08），天猫、淘宝、支付宝都已停止对ie6,7的支持，未来相信大多数网站都会停止对ie6，7的支持，ie8的市场份额也不像两年前那么高了（天猫即将停止对IE8的支持，2016.12.13），webkit内核已成为市场主流。对于css的学习，我推荐分三块：“基础概念”，“css2.1规范”，“css3规范”。必看 a class= wrap external href=/?target=http%3A///subject/4736167/ target=_blank rel=nofollow noreferrer精通CSS（第2版） (豆瓣)i class=icon-external/i/a，看完这本书你应该对：盒子模型，流动，block，inline，层叠，样式优先级，等概念非常了解了。这本确实有些年头了，但基础概念部分讲述非常清晰，可以称之为经典。ie6，7相关的内容可以不看。css3的部分可以参考：a class= wrap external href=/?target=http%3A///subject target=_blank rel=nofollow noreferrerCSS3实用指南 (豆瓣)i class=icon-external/i/a。这本书同样有些老，只是最新出版的书中没发现有特别好的。/pp2. javascript。上面提到内容还不足以让你胜任js编程。在有了基础之后，进一步学习内容包括：/ppa) 框架。推荐 zepto，简单易用，在w3school简单学习js后，直接上手 zepto 即可完成一些简单的项目。zepto 源码简单清晰，也适合新手阅读。补充： 可以使用 a class= wrap external href=/?target=http%3A/// target=_blank rel=nofollow noreferrercodecademyi class=icon-external/i/a 学习 javascript，zepto，用户体验真的很好（感谢 a class=internal href=/people/tonyouyangTonyOuyang/a ）。最近比较热门的框架是React, VUE, Angular这些, 根据需要稍作了解即可。随着ie浏览器市场份额的下降，以及移动端的发展，标准原生js已经可以在实际项目中使用（目前还需要借助es5shim、babel等），重点还是ES5, ES6, ES7。/ppb) javascript 语言范式 。这个名字可能并不恰当，只是我找不到可以描述“面向对象”，“函数式”这个两个概念的概念。javascript不完全是一个面向对象