阅读 7

如何迅速有效学习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+JS+vue:av82371580


HTML CSS整理笔记​



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

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


3.HTTP 怎么学?


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

该书的.pdf 咱们的web学习交流群里有【点击此处


还是坚持看教程吧

4.浏览器 API

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

学了上面四个,然后呢?

如果你坚持下来了,就去做出些东西吧!

面试官总喜欢问 你开发中遇到过什么挑战?

知道为什么吗???

因为他自己工作中时不时就遇到一些奇怪挑战(坑)啊。

所以尽管多踩坑吧,你面试的时候就越能谈笑风生。

更多实战技术分享也在咱们的web学习交流群【点击此处

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

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


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

例如:手把手教你开发浪漫爱心飘落特效(学会以后做一个送给专属的他/她,是不是会惊喜哦)

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

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

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

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

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

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

三:你需要导师。


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


导师的作用:


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

2. 帮你理清知识脉络。

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


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


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


关注下面的标签,发现更多相似文章
评论