整理自www.douban.com/group/topic…
学习路线
frontendmasters.com/guides/lear…
JS
mdn英文教程
repo:(关于一些比较不好懂的内容,我之前看中文教程真的是看得我一头雾水,而且一些专有名词在不同的教程里叫法还不一样。闭包promise啥的我是在mdn里才真的看懂)
犀牛书
红宝书
你不知道的JS
阮一峰ES6
repo:面试题会涉及很多,别的课程讲得也很好
现代js教程
repo:我看的就是这个,有些地方写的稍微有点绕(也可能是思维不一样),但是好在每节有练习题。
框架
vue:
官方文档就很好。
react:
- beta文档:beta.reactjs.org/
repo: react据说是要主推hook,所以beta文档把整个例子都重新用hook写了一遍,建议大家去刷一刷。
- frontendmaster:frontendmasters.com/learn/react…
repo:很多人推荐,很多大师讲课(不太习惯看视频学习,但是听起来很诱人)
repo:还不错的在线资源,有项目可跟练
-
Build your own React(js实现react
-
full stack open的课程fullstackopen.com
无视频
- 官方文档
跨端
react native 和 flutter
这个好像是综合性的:www.pluralsight.com/
repo:未见详细介绍,纯英文
项目:
仿写:f12,copy各种网站(实际上我觉得对小白不太行,小白没有意识,局限很多)
-
JavaScript30:github.com/soyaine/Jav…
-
frontend mentor:www.frontendmentor.io/
repo:前者真的精准覆盖了我所有的盲点(其实是我的盲区太大了),直到现在都还在学习。(这位朋友和我刚好相反···很容易扩散多想)
-
练习1:参照pomb.us/build-your-… 写mini react
-
练习2:实现一个简单的 Lisp 解释器,norvig.com/lispy.html (原作用的python,有助于作用域闭包的理解,似乎脱胎于《计算机程序的构造和解释》的第四章的第一节,原书是“用scheme实现一个scheme解释器”)
-
中高级:脚手架 组件库
-
github数据可视化平台,用Vue构建一个github“可视化大数据平台”-GitDataV,设计开发分享
视频网站资源:
油管和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语言程序设计
学有余力的话,计算机组成原理、编译原理、数据库、操作系统、软件工程,也可以搜网上的总结文章快速看一下,加深了解。