web前端学习(总结/心得)


前言:在学习的时候,即使有做计划,有时候也会因为一些其他的干扰,陷入迷茫之中,断断续续的学习,所以总结一下学习web前端的一些表层的东西,帮助自己在学习过程中更加明确每一步该怎么走,也分享给大家。
博主学前端的经历
最早,在MOOC上看视频,大一花一个月寒假纯学习,就写了几个HTML,最后什么也没学会,当时也没经验,没人指导,瞎学。
大二开课,跟老师学+自学,一开始看老师分享的培训课程深入学习,虽然知道学习内容且有计划,但总是学着学着就学不下去(课程冗长没有成就感,知识理论不太好接受,学的蛮难过的),最后,三天打鱼两天晒网。到现在,终于慢慢找到适合自己学习方法,慢慢沉淀,织网式学习,每天进步一些。

学习前端前提

一, 明确方向/态度

确定了前端/只是学学
前端:专注,深入学习
后端:也要用到,前后端交互
其他/没确定方向:打好基础

总之,前端就像地基,它可能不决定你的大楼,但它对你的将来或多或少会有影响,所以建议打好基础。

二, 明确内容路线

许多同学们可能跟着培训机构的视频就入了前端这行的门,但大多数都只是机械的学习着资料中的内容。俗话说,选择要比努力重要。那么学习开发,首先应该要有一个清晰的学习路线。

要学的内容(总的一句,蛮多的)
H5技能图谱
前端工程师必备技能

要走的路线(总的一句,蛮长的)
github上拿的前端学习路线图

平常个人积累
web课程的软件及学习网站

学习前端过程

三,明确方法,怎么学


课上,跟上老师节奏。

大学前端课程主要要学习三部分的内容:
HTML超文本标记语言 (Hyper Text Markup Language)
Css层叠样式表(Cascading Style Sheets)
JavaScript是前端的核心

课后,练习(回顾),总结(写博客),实践(应用)。
要多加练习,死记硬背是无法驾驭前端的。

课外,写自己的网站(新学代码->实现/想要效果->实现代码)

拓展,自学(选一个自己的路线)

1、入门(两方面)->搭积木

方面1:培养兴趣。例如:做个人主页 日历 小动画,多去看看一些你喜欢的前端效果,去尝试模仿

方面2:系统地学习(干货重点),打好基础;有一定基础,迭代式学习(在2基础上查缺,填鸭式)。针对HTML CSS JavaScript知识点要多加练习,死记硬背是无法驾驭前端的。总结,重构,多问为什么从而将知识变为自己的。

具体学习也可在网上各个平台找学习路径方法
JavaScript小白学习路径方法及须知

2、尝试写完整的东西

写自己的小型复杂度网站,jQuery(JavaScript库)。例如:个人任务管理、 日期时间组件、 图片管理工具。从网络上百度前端学院中寻找合适的练习题目来进行练习,通过不断积累问题学习。

其他:
1,学前端扩展知识,如前端chrome浏览器调试总结

四,如何深入

3、把握主流实用知识

在网络或程序员平台了解学习主流方案解决问题的思路。像ReactVue、Angular(三足鼎立框架),Redux 等一些东西开始对于我们来说是一脸懵逼,可以按需了解它们的发展历史 场景问题 设计思想,不断重构,对深入学习前端开发很有帮助。

4、广度认知,扩充知识面

如:Node.js、WebAssembly、Mobile、Hybird、GO、Dust、 Flutter、WebGL、Canvas、SVG、Electron、TypeScript 等等,学着提炼核心思想。

5、项目

将3,4学到的投入复杂度开发,积累经验

6、现实

专攻,对一个领域进行深度掌握、打磨自己的技术学习方法 。学到再多还不是为了找工作,总得面对自身与现实情况调整自己的学习内容与方向。
或者,分析一个前端招聘单位的应聘要求学习。

其他:学着找国外的一手资料,毕竟国内的经过翻译很多知识只可意会不可言传(只适合大佬)。前端的经典著作适合大部分人。

备注:只是用自己的经验与借鉴他人而总结的计划。

以上只是解决学什么,资料学习路径到处都是,也很类似,自己网上找,且那些都是别人的,不是自己的。关键还是下面大部分人想知道的怎么去学,也是分享的重点

个人学习心得/建议:

1,学会取舍
全部前端内容太多了,学到一定阶段,不断学习过程中,知识总会给你开一个更大更广的知识群,要冷静取舍,从而向更加明确自己感兴趣擅长的方向前进或拓宽。

2,学会自己找答案与提问
自己专研,毕竟有时候没人愿意告诉你答案;同时,有时也要有不耻下问的谦逊,实在找不到解决方法就要问。一个合格的程序员要学会面对百度编程

3,定期反思总结
不要一味地逼自己学,还是要了解自己到底什么方法适合自己,定期花一些时间冥想反思有助于提升学习效率。还有,人的忘性极大,不及时巩固一些知识点就跟白学一样,所以定期回顾知识,尽量总结知识架构。
费曼学习法:Concept (概念)、Teach (教给别人)、Review (回顾)、Simplify (简化)

4,写博客,看博客
将最近学的知识点总结分享在网络平台上,就当做教陌生人,不一定要多好,毕竟互相不认识,自娱自乐,当笔记也好。这样可以提高你学习兴趣,但也不要弄错重点,实操>理论。

在这里插入图片描述

5,有机会,可以找个大佬带你,找个好的前端学习环境
说实话,编程的学习曲线蛮高的,自学难度也大,加上一个人学习也会产生挺多问题的,所以有机会还是找到一个肯带你的,可以在你的同学,熟人中找,否则一个最简单的环境问题可能都让你头疼。如果你身边有比较好的环境可以尝试融入,建议大家互帮互助,有输出才能更有收获,相信大家都不会喜欢总从你这拿东西走的人,而很少回报你。如果有机会搭上大佬,好好学,他们有经验,总能突然点悟你。当然很多时候有些大佬也很忙或不会理你,如果碰到了,不用尴尬,也不要抱怨,毕竟在没有互利的情况下,他们没有理由把他们辛勤付出的成果分享给你,不告诉是他们的合理权利。如果周围没有这个环境 没有大佬,就只能上万能的互联网了。

6,实在还不知道怎么学
那就上网吧,知乎,百度,CSDN,51CTO,博客园,简书,慕课MOOC等网络资源,入了程序员的坑,这些东西多多少少都要回玩一点。前人玩留下的经验也总有适合你的。

7,充分利用起周边资源
有时候是随便翻翻这些博客论坛会发现好东西,不要让它在收藏夹积灰,有用的就总结利用成自己的,看都看不懂的还是酌情收藏,让自己知道自己的收藏夹有些什么。有时候是老师同学分享发现的东西,要是你觉得有意思,就立马用一用,归纳归纳成自己的,别过了一段时间是什么都不知道了。

8,持续学习
跟不上课,结课后,仍需要持续学习。要想就业也需要紧跟前端前沿更新换代。我们还是学生,一方面还有时间可以学很多东西,但另一方面,想想这么多东西学起来也很费劲,软件行业更新极快,只有不断学习,才能让自己在这个行业留下来。Stay Hungry,Stay Foolish.(求知若饥,虚心若愚)

9,别让情绪毁掉你的学习
刚好今天心理课讲到:好的情绪也有助于学习效率,坏的情绪不利于学习。学会管理情绪,也是你能安心学习的前提,不要开心就学一点不开心就扔开学习。

大家有什么建议心得也可以评论分享!

  • 32
    点赞
  • 195
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不想想了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值