如何迅速有效学习web前端开发？在学习中你更应该注重哪些东西

什么是高效率学习？

一：追求学习的性价比

学习性价比 = 所学到的有用的知识 ÷ 花费的时间

ps：如果你用了一年时间，还不能仿站，显然效率是低的。

想要学习性价比高，就尽力向这两点努力：

1. 尽量学有用的知识，暂时用不到的可以放在后面学。

2. 保证学习速度，能一下午学完的知识点就坚决不要拖两个下午。

我们来看看前端哪些知识是有用的。而且我们要精简。

1. 英语

2. HTML + CSS + JS

3. HTTP

4. 浏览器 API

这四个是必然要学的，没法再精简了。

为什么英语要放在这里？

因为编程全都用英文，“if” “else” “while” “for” “var” “new”之类。

HTML 中的 <a> 标签的全称是 “anchor” ，很多人并不记得，这个 a 好记，不记得全称不要紧。

但有些标签你不记得全称就不行，比如 <abbr> <aside> <blockquote> 。

不少人甚至由于不知道这些单词的意思而放弃使用这些标签！！！

CSS 里英语就更重要了，比如 transition、transform、translate，你在不了解英语含义的情况下，很难把这些记下来。

1. 对于英语，我的建议是：

设备上可以装翻译工具，哪里不会点哪里。

抓住可以学英语的机会。比如多用英文软件，少用汉化版。比如用英文操作系统，不用中文版。这样你每天都在记单词了。

2.HTML + CSS + JS 怎么学？

——看完你就入门了；你成功的前提是你能「坚持得下去」。

ps：工作中有很多前端并不怎么会 CSS（在阿里和腾讯都有这样的前端），所以如果你想更快，那么CSS可以稍微“人性化”一点，就直接实践吧！实践是解决坑的唯一办法。

3.HTTP 怎么学？

看书推荐下《图解HTTP》但是看书就慢了是不是

还是坚持看教程吧

4.浏览器 API

比较重要的：文档对象模型 (DOM) 和 Window（BOM）。如果你想直接学 React / Vue，DOM 也可以不用看。

—— 任何技术，只要付出了足够多的时间跟精力的时候，理论上都是可以学会的！但是你要明白，学习任何东西都是有成本的，如果你是一个在职人员或者刚毕业的大学生，想在IT行业发展，这种情况下，你花大量的时间去自学就颇有点浪费时间了，远不如花店学费，在网上报个培训班学习来的快，只要你坚持学习，跟着老师，找个工作是没有问题的。

教学京东女装商品页面核心实战技术：

零基础手把手教你暗黑破坏神游戏网页开发：

新手也可以开发的热门网游-梦幻西游特效页：

手把手教你开发浪漫爱心飘落特效

（学会以后做一个送给专属的他/她，是不是会惊喜哦）

二：尽量学点难学的东西。

有很多新人说「webpack 好难啊，看不懂」

知道为什么你觉得难么？一因为你基础不好；二因为你没见过更难的东西。

有两种编辑器叫做 vim 和 Emacs。很多极客都在使用这俩。（ vim）。

去学学这俩，回头看 webpack——像个儿童玩具。

所以，别老是学习一些简单的东西，多挑战难一点的东西。

三：你需要导师。

1、 不知道你有没有受人指导过，反正我在学编程的路上有很多位导师。

2、导师的作用：

防止你走偏。甚至告诉你捷径。

帮你理清知识脉络。

解答你的疑问，比如在你有多个方案但是不确定哪个是最好的的时候，教你怎么权衡。

如果你依然在编程的世界里迷茫，不知道自己的未来规划，我们的web前端学习交流扣q-u-n：78478三012 里面可以与大神一起学习并走出迷茫。小白可进群免费领取学习资料，看看前辈们是如何在编程的世界里傲然前行！不停更新最新的教程和学习方法（进群送web前端系统学习路线，详细的前端项目实战教学视频，PDF），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。前端技术分享圈