也有部分是经常看的书,前端知识体系图美高梅
分类:美高梅网上注册平台

原链接:

“方向和努力同样重要。”

1 引言

乱七八糟的书看了很多,有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言",但还是看完了,最后忘了书名。

下面列的这些都是看过后至少记得起书名的,也有部分是经常看的书,一起列出来,推荐给爱学习的同学。

我将其大致分为三个阶段。


2 前端技术

前端的入门门槛极低,体现在HTML和CSS上。运行环境就是浏览器,推荐Chrome。你需要的只是一个文本编辑器,推荐Sublime Text 3,有不少好插件比如Emmet,谷歌搜一下很容易了解到的。当然你非要用记事本的话,也不是不行的。刚入门查阅资料可以用w3school或者MDN。

美高梅网上注册平台 1

2.1 综合

  • 《现代前端技术解析》

  • 《Web前端开发最佳实践》

  • 《Web前端工程师修炼之道》

  • 《编写高质量代码-Web前端开发修炼之道》

  • 《响应式Web设计 HTML5和CSS3实战》 第二版

  • 《响应式设计、改造与优化》

HTML和CSS不是编程语言,前者只是结构标签,后者则是样式配置,入门是非常简单的。网上资料也有很多,推荐慕课网HTML+CSS基础课程。

前端知识体系图

2.2 基础

我当时是看了一本书Head First HTML and CSS,讲得浅显易懂,不过价格比较感人,也是只翻一遍的书,没有必要买了。

美高梅网上注册平台 2

2.2.1 HTML && HTML5

  • 《HTML与CSS基础教程》第八版

  • 《HTML与XHTML权威指南》第六版

  • 《HTML5与CSS3实战指南》

  • 《HTML5和CSS3权威指南》

  • 《HTML5与CSS3设计模式》

迅速刷一遍慕课网,对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。

前端进阶之路

2.2.2 CSS && CSS3

  • 《CSS世界》

  • 《CSS核心技术详解》

  • 《CSS权威指南》 第三版

  • 《CSS设计指南》第三版

  • 《精通CSS-高级Web标准解决方案》第二版

  • 《图解CSS3-核心技术与案例实战》

HTML5的API可以先放一放,回头再看。


2.2.3 JavaScript && ES6+

  • 《看透JavaScript:原理、方法与实践》

  • 《实战ES2015:深入现代JavaScript 应用开发》

  • 《学习JavaScript数据结构与算法》 第二版

  • 《ES6标准入门》第三版

  • 《JavaScript忍者秘籍》第二版

  • 《JavaScript学习指南》第三版

  • 《You Don't Know JS》《你不知道的JS》

  • 《JavaScript权威指南》第六版

  • 《JavaScript高级程序设计》 第三版

  • 《JavaScript核心概念及实践》

  • 《JavaScript面向对象编程指南》第二版

  • 《JavaScript DOM编程艺术》第二版

  • 《JavaScript语言精粹》

  • 《动态函数式编程语言精髓与编程实践》

接下来就是深入学习CSS了。推荐:

前端工程师也是软件工程师,所以软件工程师的基础知识也是非常重要的,这些基础知识包括:

2.3 性能优化

  • 《Web性能权威指南》

  • 《高性能JavaScript》

  • 《JavaScript性能优化:度量、监控与可视化》

  • 《高性能网站建设指南》

  • 《高性能网站建设进阶指南》

  • 《大型网站性能监测、分析与优化》

  • 《网站性能监测与优化》

  • 《高效前端-Web高效编程与优化实践》

  • 《速度与激情-以网站性能提升用户体验》

《CSS权威指南》。很枯燥的一本书,但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆,以后用到肯定要再查的。着重点放在大局上,比如盒模型,浮动和定位这些,抓住重点快速过一遍。

数学

2.4 安全

  • 《Web前端黑客技术揭秘》

  • 《白帽子讲Web安全》

  • 《黑客攻防技术宝典 Web实战篇》第二版

  • 《Web应用安全威胁与防治 基于OWASP Top 10与ESAPI》

  • 《Web之困-现代Web应用安全指南》

  • 《Web安全开发指南》

  • 《Web应用安全权威指南》

  • 《黑客攻防技术宝典 浏览器实战篇》

  • 《XSS跨站脚本攻击剖析与防御》

《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主,知道CSS3有什么内容就好,记忆属性是枯燥且毫无意义的。

计算机体系

2.5 工程化 && 自动化

  • 《深入浅出Webpack》

  • 《深入PostCSS Web设计》

  • 《前端工程化体系设计与实践》

  • 《Web前端测试与集成- Jasmine/Selenium/Protractor/Jenkins的最佳实践》

  • 《Web前端自动化构建-Gulp、Bower和Yeoman开发指南》

以上内容用时5天左右,下面是实践。

操作系统

2.6 协议

  • 《Web性能权威指南》

  • 《图解HTTP》

  • 《HTTP权威指南》

  • 《HTTPS权威指南》

  • 《图解TCP-IP》

学了几天HTML和CSS了,应该也有点成果了。打开IFE2015 task1,写个静态页面吧。

数据结构和算法

2.7 浏览器

  • 《浏览器工作原理》 文章

  • 《Webkit技术内幕》

我X,完全写不出来。

编译原理

2.8 架构

  • 《JavaScript框架设计》第二版

  • 《前端架构设计》

  • 《JavaScript开发框架权威指南》

  • 《大型JavaScript应用实践最佳指南》

  • 《JavaScript框架高级编程》

  • 《JavaScript设计模式与开发实践》

  • 《JavaScript设计模式》

  • 《JavaScript模式》

这是正常的。去看下别人的代码吧,看一小部分就开窍了。忘掉的属性就查书或者w3c,多尝试,不断踩坑才有进步。


3 学点其他的

画完第一张图后,别着急往下写。你的代码肯定会有如下问题:

前端工程师必读书单

3.1 所谓的全栈

  • Web开发者技能路线图

  • 教你成为全栈工程师

  • 《全栈增长工程师指南》 《全栈应用开发-精益实践》

  • 《Web全栈工程师的自我修养》

  • 《Web开发权威指南》

  • 《JavaScript快速全栈开发》

  • 《单页Web应用-JavaScript从前端到后端》

  • 《全栈开发之道-MongoDB+Express+AngularJS+Node.js》

  • 《全端Web开发-使用JavaScript和Java》

胡乱的代码缩进

《HTTP权威指南》

3.2 程序设计

  • 《代码大全》第二版

  • 《修改代码的艺术》

  • 《重构-改善既有代码的设计》

  • 《代码整洁之道》

毫无章法的属性顺序

《Web性能权威指南》

3.3 计算机基础

  • 《深入理解计算机系统》第三版

  • 《计算机是怎样跑起来的》

  • 《程序是怎样跑起来的》

  • 《网络是怎样连接的》

本文由美高梅网上注册平台发布于美高梅网上注册平台,转载请注明出处:也有部分是经常看的书,前端知识体系图美高梅

上一篇:我就是来分享学习资料的,HTML很容易学习的 下一篇:  项目中将后台返回的数据v-for到表格中,3.在
猜你喜欢
热门排行
精彩图文