如何迅速有效学习web前台开发？

什么是高效率学习？

一：追求学习的性价比?

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

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

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

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

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

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

1. 英语

2. HTML + CSS + JS

3. HTTP

4. 浏览器 API? 这四个是必然要学的，没法再精简了。

为什么英语要放在这里？

由于编程全都用英文，“if” “else” “while” “for” “var” “new”之类。 HTML 中的? 标签的全称是 “anchor” ，很多人并忘记，这个 a 好记，忘记全称不要紧。

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

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

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

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

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

? ? 2.HTML + CSS + JS 怎样学？

HTML CSS整理笔记?

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. 解答你的疑问，比方在你有多个方案但是不确定哪个是最好的的时候，教你怎样权衡。

当然，走偏也会有走偏的好处，每条路有每条路的别样风情。但是假如你想要高性价比/高效率学习的话，还是别走偏。

看到这儿了，小可爱们不如点个赞再走？