前端是一个看似入门门槛不高,但要学好很难的领域。前端的知识体系庞杂又松散,技术演进快,如果摸不清脉络的话很容易陷入盲人摸象的困境甚至跑偏。

其实只要掌握了正确的方法,学习前端和学好前端就只是个时间问题,希望下面的回答对题主有所帮助。

1.梳理清楚知识体系框架

学习前端,不管是入门还是进阶,一定都要有知识体系建设的想法。就算是刚开始学,也一定要有这样的意识。前面说过,因为前端知识点多而分散,所以如果不能构建起自己对于前端的知识体系框架的认识,很容易就会不知所措,没了方向。

现在网上关于前端知识体系的脑图很多,但是往往过于复杂,不适合初学者。作为一个初学者,每个人都应该自己做一份自己的前端知识体系脑图,先有一个最基本的框架,然后在学习的过程中慢慢完善。

这样通过和别人脑图的对比,你也很容易知道还有那方面的知识是需要补充完善的。

这里我给出一个简单的模版,其实作为一个刚入门的前端新人,有这样的大框架已经完全够用了,不用追求大而全,学习的畏惧心理也会小很多,随着你学习的深入,这个脑图也会慢慢丰满起来。

这样看起来是不是清爽很多?

2.准备和基础的学习

要开始的时候做一些基础工作还是必要的,比如选一个自己喜欢的编辑器啊,比如科学上网啊,比如怎么高效的使用搜索引擎啊,比如git啊,比markdon语法啊,这些东西都可以大幅度提升你的学习效率或编程的幸福感,所谓磨刀不误砍柴功,你也可以把这些东西记在你的脑图里。

接下来你就可以开始学习基础知识啦。HTML,CSS,Javascript这三样真的很重要,真的很重要,真的很重要,刚开始的时候你压根不用去管那些花里胡哨的框架,一定要把基础打好。框架再怎么更新迭代,最基础的东西还是这三样,只要你能掌握好基础,就等于拿到了打开前端世界的钥匙。

不管你的前端学习到了哪个阶段,对基础知识的好奇心一定不能断,这里面有太多细碎的知识点,每一份spec都又臭又长,就算你已经工作两三年,这里面肯定都还有你不知道的东西。

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前端学习交流3000人裙:前面:851:231:348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题,前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

好了,到这个时候你的知识体系脑图差不多应该长成这个样子了:

进行到这里的时候其实又有一个坑,很多人到这儿的时候就一头扎进去去看里面的具体内容了,比如去看各种标签的属性用法啊,去看选择器啊,这就是比较典型的没重视知识体系框架建设导致的盲目做法。

推荐的做法是什么样的呢?其实很简单,就是再去细化这些知识点的层级,理清各个知识点的脉络,从宏观上先对这些知识的体系和框架有一个比较清楚的认识。

就拿HTML来简单的举例一下:

这样把知识点的层级关系抽象清楚,对每个小的知识点合理分类,才能让前端知识里那些庞杂的知识点形成体系。

现在你就可以去往里面补充些细节的东西了,你可以在脑图上用不同的颜色标出不同的优先级,以便划分学习的优先级并方便以后review。

3.把学的东西用起来

每次学过一些小的知识点,都要想办法把它们用起来,想清楚这些知识点的有哪些使用的场景,等到基础知识学到一定程度了也可以反过来,先预先想好场景和要实现的功能,再去想在这些场景下面该用哪些知识,如果遇到了解决不了的问题和没有学过的知识,去你的脑图里把它的位置搞清楚,写出来。列入后续的学习计划。

一定不要一直看,一直学,却不在具体的场景里去用,你应该养成拿自己学到的东西做些东西解决些问题的习惯。不断的做出东西,解决问题,不断给自己正向的激励,不断的完善自己的知识体系,一定要让自己有成就感。

怎么学习前端开发?求推荐学习路线?相关推荐

  1. 女孩子适合学习前端开发吗?

    现在随着前端开发市场领域越来越广了,需求和待遇也在不断提升.很多人都开想学习前端开发入行到软件开发行业来. 最近有很多人在网上问,女生逻辑思维没有男生好,适不适合学习前端开发啊?学习前端开发好就业吗? ...

  2. 2021学习前端开发有前途吗?(建议收藏)

    导语: 同学A:他现在是一名大学生,学了学校的编程课程,什么语言都学了一点,但是现在感觉自己什么都不会,他同学自学了一些,做了一两个小项目,他很羡慕,而且他个人对前端有点兴趣,不知道现在开始学前端怎么 ...

  3. 前端初学者开发学习视频_初学者学习前端开发的实用指南

    前端初学者开发学习视频 by Nikita Rudenko 通过尼基塔·鲁登科(Nikita Rudenko) 初学者学习前端开发的实用指南 (A practical guide to learnin ...

  4. 前端中什么是中台开发环境_Web前端开发中需要学习什么?会使用到哪些开发工具?...

    今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水.下面和千锋广州小编一起来看看吧! ​前端工程师的主要职责: 前端工程师在不同的公司有不同的 ...

  5. 前端开发框架_2019年应该如何学习前端开发?

    近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一份满意的工作!有的 ...

  6. Web前端开发基础三剑客学习知识分享

    Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML.CSS.JavaScript.除此之外还要学习数据可视化.Vue.React.Angular相关框架,熟练运用框架提升开发效率, ...

  7. 我是小白0基础,现在我想学习前端开发,该如何系统的学习?

    以下纯属个人观点和建议,肯定是有局限性的,但是也希望能给你带来一些帮助. 开始 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一,所以多我们提出的要求也就越来越高了.所以我们需要的也就不仅 ...

  8. 0基础学习前端开发,高职web前端开发技能大赛

    零基础学web前端开发要怎么去学? 首先要学习的就是基础知识:html.css和JavaScript.HTML是内容,CSS是表现,JavaScript是行为.前端开发的门槛其实非常低,与服务器端语言 ...

  9. 零基础童鞋快速学习前端开发 ---- (1)

    初识前端 1.前端开发简介2.前端开发如何入手学习?3.前端入门学习建议4.对初学者的建议5.小结 一.前端开发简介 形成:从简单网页制作演变至功能强大的前端开发. 早期的网页设计制作主要内容都是静态 ...

最新文章

  1. python linux编程与window编程_Python实现Windows和Linux之间互相传输文件(文件夹)的方法...
  2. #define barrier() __asm__ __volatile__(: : :memory) 中的memory是gcc的东西
  3. Windows批处理
  4. hdu4784 不错的搜索( 买卖盐,要求整钱最多)
  5. 【模型部署】风控模型部署相关知识
  6. MySQL-高可用架构探索
  7. python画roc曲线_使用Python画ROC曲线以及AUC值
  8. Linux/UNIX系统编程手册(英文版)pdf
  9. linux如何实现c语言程序,在Linux下如何利用C语言来实现一个Sniffer
  10. Machine Learning Concepts
  11. .net core 中使用httpclient下载文件
  12. 【车间调度】 FJSP的析取图模型
  13. 数据库表锁死的解决方法
  14. 怎么知道服务器是否正版,盗版太坑爹!五招识别Win7旗舰版正版
  15. XCode使用googletest(包括googlemock)
  16. 灵遁者哲学书籍《 重构世界》:意识是物质逆熵存在的本征
  17. 第三方API接口对接-电子合同的实现逻辑
  18. 广东计算机二级考试大纲,全国计算机等级考试大纲(二级)
  19. 祭奠被消亡的CSDN文章
  20. java怎么开始编写代码_Java编程入门:开始用Java编写代码

热门文章

  1. html绘制静态图表,怎样用JavaScript和HTML5 Canvas绘制图表
  2. 【DL-CV】神经网络的补充
  3. 解决Redis修改bind域名绑定后出现Could not connect to Redis
  4. I.MX6 gpio-keys driver hacking
  5. linux之openssh配置
  6. 2019秋季学习计划
  7. pt-show-grants的用法
  8. centOS7.6安装MySQL8
  9. 本地搭建easy-mock
  10. 实现一个shell程序