如何迅速有效学习web前端开发？
什么是高效率学习？
一：追求学习的性价比
学习性价比 = 所学到的有用的知识 ÷ 花费的时间
ps：如果你用了一年时间，还不能仿站，显然效率是低的。
想要学习性价比高，就尽力向这两点努力：
1. 尽量学有用的知识，暂时用不到的可以放在后面学。
2. 保证学习速度，能一下午学完的知识点就坚决不要拖两个下午
我们来看看前端哪些知识是有用的。而且我们要精简。
1. 英语
2. HTML + CSS + JS
3. HTTP
4. 浏览器 API 这四个是必然要学的，没法再精简了。
为什么英语要放在这里？
因为编程全都用英文，“if” “else” “while” “for” “var” “new”之类。 HTML 中的 标签的全称是 “anchor” ，很多人并不记得，这个 a 好记，不记得全称不要紧。
但有些标签你不记得全称就不行，比如：
CSS 里英语就更重要了，比如 transition、transform、translate，你在不了解英语含义的情况下，很难把这些记下来。
1. 对于英语，我的建议是：
a) 设备上可以装翻译工具，哪里不会点哪里。
b) 抓住可以学英语的机会。比如多用英文软件，少用汉化版。比如用英文操作系统，不用中文版。这样你每天都在记单词了。
2.HTML + CSS + JS 怎么学？
HTML CSS整理笔记zhuanlan.zhihu.com
2019学习学到失恋但是还要继续|2019 与我的技术之路
看完你就入门了；你成功的前提是你能「坚持得下去」。
ps：工作中有很多前端并不怎么会 CSS（在阿里和腾讯都有这样的前端），所以如果你想更快，那么CSS可以稍微“人性化”一点，就直接实践吧！实践是解决坑的唯一办法。
3.HTTP 怎么学？
看书推荐下《图解HTTP》但是看书就慢了是不是
该书的.pdf 咱们的web学习交流群里有【点击此处907694362】
还是坚持看教程吧
4.浏览器 API
比较重要的：文档对象模型 (DOM) 和 Window（BOM）。如果你想直接学 React / Vue，DOM 也可以不用看。
学了上面四个，然后呢？
如果你坚持下来了，就去做出些东西吧！
面试官总喜欢问 你开发中遇到过什么挑战？
知道为什么吗？？？
因为他自己工作中时不时就遇到一些奇怪挑战（坑）啊。
所以尽管多踩坑吧，你面试的时候就越能谈笑风生。
更多实战技术分享也在咱们的web学习交流群【点击此处907694362】
京东女装商品页面核心实战技术
0基础手把手教你暗黑破坏神游戏网页开发
例如：新手也可以开发的热门网游-梦幻西游特效页
例如：手把手教你开发浪漫爱心飘落特效（学会以后做一个送给专属的他/她，是不是会惊喜哦）
二：尽量学点难学的东西。
有很多新人说「webpack 好难啊，看不懂」
知道为什么你觉得难么？一因为你基础不好；二因为你没见过更难的东西。
有两种编辑器叫做 vim 和 Emacs。很多极客都在使用这俩。（ vim）。
去学学这俩，回头看 webpack——像个儿童玩具。
所以，别老是学习一些简单的东西，多挑战难一点的东西。
三：你需要导师。
不知道你有没有受人指导过，反正我在学编程的路上有很多位导师。
导师的作用：
1. 防止你走偏。甚至告诉你捷径。
2. 帮你理清知识脉络。
3. 解答你的疑问，比如在你有多个方案但是不确定哪个是最好的的时候，教你怎么权衡。
当然，走偏也会有走偏的好处，每条路有每条路的别样风情。但是如果你想要高性价比/高效率学习的话，还是别走偏。
看到这儿了，小可爱们不如点个赞再走？