前端学习资源路线整理

364 阅读3分钟

整理自www.douban.com/group/topic…

学习路线

frontendmasters.com/guides/lear…

github.com/objtube/fro…

JS

mdn英文教程

repo:(关于一些比较不好懂的内容,我之前看中文教程真的是看得我一头雾水,而且一些专有名词在不同的教程里叫法还不一样。闭包promise啥的我是在mdn里才真的看懂)

犀牛书

红宝书

你不知道的JS

阮一峰ES6

repo:面试题会涉及很多,别的课程讲得也很好

现代js教程

repo:我看的就是这个,有些地方写的稍微有点绕(也可能是思维不一样),但是好在每节有练习题。

框架

vue:

官方文档就很好。

react:

repo: react据说是要主推hook,所以beta文档把整个例子都重新用hook写了一遍,建议大家去刷一刷。

repo:很多人推荐,很多大师讲课(不太习惯看视频学习,但是听起来很诱人)

repo:还不错的在线资源,有项目可跟练

无视频

  • 官方文档

跨端

react native 和 flutter

这个好像是综合性的:www.pluralsight.com/

repo:未见详细介绍,纯英文

项目:

仿写:f12,copy各种网站(实际上我觉得对小白不太行,小白没有意识,局限很多)

repo:前者真的精准覆盖了我所有的盲点(其实是我的盲区太大了),直到现在都还在学习。(这位朋友和我刚好相反···很容易扩散多想)

视频网站资源:

油管和frontend master

repo: 油管上厉害的人太多了,frontend master都是一些大师级的人来上课,例如vue的创作者Evan You大大开课讲vue的整个架构和思路。 frontend master github student package的话可以免费半年

面试

  • 八股文: github 掘金 牛客;对react vue的核心代码应该知其所以然 Daily-Interview-Question面试官推荐的,他说上面的题都会做面试估计没问题。在issue里有所有的题目,冴羽的博客有专题解析

这是面试时面试官推荐的,他说上面的题都会做面试估计没问题。在issue里有所有的题目。

  • 代码实现:手写promise event emitter throttle等,github直接搜前端面试题 手写promise测试github.com/promises-ap…

  • 算法:leetcode 刷题(我按照codetop刷的,纯小白建议多看答案,隔两天自己再重现,否则浪费时间)

  • 面试项目重点:

pc端项目:项目解决了什么难题,为什么这么做,比如技术选型,复杂组件,webpack打包上的优化等等

移动端项目:关于移动端首屏渲染优化,资源压缩,FP,FCP等等细节内容都需要能说出来。

【uv pv 留存,首屏提升了多少,怎么计算的数据】(讲真此时此刻我不知道uv pv是什么,虽然我写过给人用的移动端项目和pc端(甚至跑得动))

反问:反问环节一定要问。问部门技术栈、主要业务、团队规模,没有想问的就问面试官对我的建议或者评价。

理论基础

中国大学MOOC(www.icourse163.org/

学堂在线(www.icourse163.org/

浙大翁恺的《程序设计入门》www.icourse163.org/course/ZJU-…,比较推荐

数据结构与算法、计算机网络技术(略读)、程序设计基础 x语言程序设计

学有余力的话,计算机组成原理、编译原理、数据库、操作系统、软件工程,也可以搜网上的总结文章快速看一下,加深了解。