【进阶篇】前端学习路线

一、基础知识

CSS：
1. 目标：常见页面布局（flex等）、CSS3 新特性、
2. 参考书籍：
  1. CSS 世界
  2. 精通 CSS
JS
1. 目标：
  1. JS的原始类型
  2. JS中的引用类型
  3. 迭代器和生成器
  4. 面向对象编程和函数式编程
  5. 代理和反射（ Proxy 和 Reflect ）
  6. 函数表达式：闭包、this指针、模块模式、箭头函数等 => 函数式编程
  7. 异步编程
  8. BOM 和 DOM
  9. Canvas
  10. 了解常用事件
  11. 了解常用API
  12. 错误处理：如何处理及处理中的几种方式
  13. 请求数据和资源的方式：XMLHttpRequest 和 Fetch API
  14. 客户端存储
  15. 模块加载方式
  16. 工作者线程、共享工作者线程及服务工作者线程
  17. 企业级开发过程中进行JS编码的最佳实践
2. 参考书籍：
  1. JavaScript 高级程序设计（第四版）

二、前端框架

Vue：
1. 目标：做过Vue项目、熟练掌握Vue基础知识、掌握Vue周边生态、了解Vue的实现原理及Diff算法、能够封装独立的组件，具有自己的开源项目
2. 参考书籍：
  1. Vue.js 实战
  2. Vue官方文档
React
1. 目标：浅应用React框架、使用过React完成小型项目，了解React周边，了解ReactDiff算法及Vue的区别
2. 参考书籍：
  1. React 进阶之路
  2. 深入了解React 技术栈

三、前端工程化开发

webpack / gulp
1. 目标：了解webpack，掌握webpack核心配置，能够自主解决构建配置等问题
2. 参考书籍
  1. webpack官方文档
  2. 深入浅出webpack
git
1. 目标：熟练使用 git 仓库管理自己代码，使用git进行合作开发
2. 参考书籍：
  1. Git 版本控制管理

四、扩展语言

TypeScript
1. 目标：了解 TS 和 JS 的区别、JS的新特性、TS的核心语法、TS编译、TS错误处理、TS开发与测试、TS编码风格，构建小型TS项目
2. 参考书籍：
  1. TS 中文文档
  2. 深入理解TypeScript
Scss / Less
1. 目标：熟练掌握 Scss / Less 的语法，在项目中应用
2. 参考书籍：
  1. Scss / Less 官网

五、服务端

Node
1. 目标：了解Node概念，Node模块机制、异步IO、Node中的内存控制、Buffer、Node 中支持的TCP / UDP / HTTP 编程、Node单元测试及性能测试，熟悉Express / Koa
2. 能够使用Node搭建小型后台
3. 参考书籍：
1. 深入浅出Node
2. Node.js 设计模式

六、其他

对前端性能优化具有一定的见解
了解一定的web安全相关知识
了解浏览器原理、调试、编译原理、JS解释器等底层原理
了解Echarts、HighChart、百度地图等可视化操作
了解一些算法实现：实现debounce、实现throttle、实现bind、call、apply、实现Promise、二叉树深度等

【进阶篇】前端学习路线相关推荐

css清除浮动的几种方法_web前端学习路线分享CSS浮动-清除浮动篇
web前端学习路线分享CSS浮动-清除浮动篇,为什么要清除浮动这里所说的清除浮动,并不是不要浮动了,而是清除浮动与浮动之间的影响.那么到底会有什么影响呢? 1．高度塌陷举个例子我们看一下. 我们在 ...
2020年最新前端学习路线
这段日子在 B 站上收到小伙伴最多的要求就是出一个前端学习路线,我能够充分的感受到大家抓耳挠腮加挠墙的迷茫~所以在这里给大家总结了一套前端学习路线.先从初级前端工程师所需的技能开始,然后一路升级到高级 ...
资深前端开发工程师分享：关于前端学习路线的一些建议
前言对于刚开始学习前端的伙伴俩说,问得最多的问题就是 --前端技术现在如此繁杂,我到底应该如何学习.这个话题太大了,几句话回答不好:也由于这个问题确实困扰了很多前端开发人员,所以我也就着手系统的输出 ...
关于前端学习路线的一些建议（值得零基础拥有）
前言对于刚开始学习前端的伙伴俩说,问得最多的问题就是 --前端技术现在如此繁杂,我到底应该如何学习.这个话题太大了,几句话回答不好:也由于这个问题确实困扰了很多前端开发人员,所以我也就着手系统的输出 ...
爱创课堂分享web前端学习路线自学如何找到工作
爱创课堂分享web前端学习路线自学如何找到工作,自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件,如果基础好,自律性强那么将会容易很多,还有就是自学最难克服的并不是知识点,而是自 ...
个人前端学习路线之学习视频资源分享
个人前端学习路线之资源分享本人2019年6月份毕业于安徽省合肥学院计算机科学与技术系网络工程专业,目前是一本院校.在学校的时候大一大二的时候基本都是玩游戏待在宿舍里,大学前两年是没学习到什么东西,到 ...
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记
2021年web前端开发视频教程,自学web前端开发技术,全套web前端学习路线笔记 [导读]:初学web前端的小伙伴经常会遇到的问题,1.没方法 2.没资源 3.没经验,不知道从何开始 ,代码哥(D ...
黑马程序员：从零基础到精通的前端学习路线
黑马程序员:从零基础到精通的前端学习路线随着互联网的深入发展,前端开发工程师一跃成为市场上非常抢手的人才.很多同学,包括以前做UI的.Java的.或者对于IT完全零基础的同学都想学习前端.下图是网上 ...
js怎么在一个div中嵌入另一网站_好程序员web前端学习路线分享HTML5常见面试题集锦一...
好程序员web前端学习路线分享HTML5常见面试题集锦,接下来将会持续为大家分享几篇HTML5常见面试题. 1.布局左边20% 中间自适应右边200px 不能用定位答案:圣杯布局/双飞翼布局或者 ...
如何高效率学Web前端怎么规划前端学习路线
如何高效率学Web前端?怎么规划前端学习路线?Web前端是随着移动互联网的高速发展而兴起的行业,入行门槛低.薪资待遇好.很多零基础的人想要学前端,但却不知道要学什么?如何高效率学习,接下来就给大家介绍 ...

【进阶篇】前端学习路线

【进阶篇】前端学习路线相关推荐

最新文章

热门文章