应该怎么样学习前端呢？

1、一定要重视基础

首先建立第一条技能线：就是前端由html，css，js组成；然后将其细化为第二条线，html是由html4和html5组成；第三条线，css由css2和css3组成；第四条线，js由es5和es6构成。

接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。

再往下延伸一层：html、css方向，有前端构建工具；js除了jq库之外，还有更全面的前端框架，react、angular、vue。

再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react-router等做为补充。

再往下：就需要打包发布工具，Webpack。。。

这些都是一个合格的Web前端工程师应该具备的能力。

新手入门前端，本人在知了堂学习的基础内容有，如下。
一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。

二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。

三、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。

四、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于 promise、async 等内容要尤其关注。

五、HTML5和CSS3。要熟悉其中的新特性。

六、canvas。面试时，有的公司不一定会问canvas，靠运气。如果时间不够，这部分的内容可以先不学。但如果你会，绝对属于加分项。

七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

八、前端框架：Vue.js和React。这两个框架至少要会一个。入门时，建议先学Vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 React 才是合格的前端同学。

九、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。

十、自动化工具：构建工具 Webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

十一、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。

十二、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm 什么都好，可就是太卡顿；VS Code就相对轻量很多。个人总结一下：用VS Code 的人越来越多，用 WebStorm 的人越来越少。

十三、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。

2、学习要有深度和广度

以下都是或多或少要掌握的内容：

Web页面制作基础，掌握传统PC端网页布局和制作；

UI网站设计，掌握页面设计和原型图设计；

编程基础技术，利用js完成一些常见网页的特效开发；

后端开发技术，了解Web服务器的工作原理，并可以简单搭建自己的应用程序服务器端；

移动互联网应用，掌握现在主流的页面制作技术，可以完成微网站的制作，并可以做到多设备兼容。

Web前端是丰富多彩的，你可以融入其中，但不能只停留在这一块领域。你想要更好的发展，你必须多元化发展。比如做一个会JAVA后台的前端，做一个偏UI的前端，做一个很懂技术的产品经理，这些都将是你的优势。很多企业其实并不需要你会很高深的技术，很多项目其实也用不上多少高深的技术，很多时候，你能实现需求，能做出用户体验好的产品，能再特殊的阶段兼任某个岗位，能做一些别人做不了的事情，你的存在就更有价值！总之在技术上要抓住一个重点，也要发散自己的技术点，走更宽的路，同时技术人也要注重情商的提高。

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

3、一定要探索好的学习方式并持之以恒

现在Web前端开发已经不是学个css和js就可以上手的时代了。而许多同学却只会点Js，更多的人连Js基础都没有掌握，这样只想靠假简历上位，怎么可能呢？

在技术领域，有太多的东西会迅速的过时，如何能够在这个领域长期处于不败之地，那就一定要有好的学习方式并持之以恒，锻炼自己的学习能力不断的吸收新知识，突破自己，要记得，技术永远没有上限。

我们学习任何一门技术都得先从企业需求的角度来分析，到底这个市场需要怎样的Web前端开发人才，这样才有让我们这些开发从业者有机会去思考满足需求这个问题，进而才能正确地确立一个可行的职业发展方向，最后达到自己想要的目标。

4、总结

我们从事Web前端开发这个职业，你要知道你的目的是什么，你的追求是什么，很大程度上决定了你能达到什么高度。增长经验的方法不外乎多看，多想，多练。有兴趣就能用心，每个人都有自己善长的方面，发现它，并重点发展。坚持，一天进步一点点，成就感会激励你！

最后希望Web前端新人们都尽早的选择好努力的方向和规划好自己的学习路线，比别人多一点付出并且持之以恒，你就已经赢在了起跑线上。有道是，莫道君行早，更有早行人

应该怎么样学习前端呢？相关推荐

解答关于学习前端的一些问题
关于微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客知乎专栏:前端呼啦圈 github:链接前言最近在公众号和文章中经常会收到一些读者的留言和评论,本文是我挑选的一些在关于学习 ...
学习前端你必须看过这几本书！
总是觉得学习前端很难? 那我告诉你,除了掌握学习路线和学习方式外,你还需要好好看看这几本书-- Unix编程艺术作者:[美] Eric S·Raymond 原作名:The Art of UNIX P ...
推荐 12 个学习前端必备的神仙级工具类项目与网站
大家好,我是你们的猫哥,一个不喜欢吃鱼.又不喜欢喵的超级猫 ~ 前言猫哥是一个常年混迹在 GitHub 上的猫星人,所以发现了不少好的前端开源项目.常用技巧,在此分享给大家. 公众号:前端Git ...
如何高效学习前端新知识，拓展视野，我推荐
技术日新月异,发展迅速,作为一个与时俱进的互联网人,需要不断地学习扩宽视野. 今天为大家推荐几个技术领域中出类拔萃的公众号,它们的每一篇推文都值得你点开! 1 前端开发爱好者学习路线数据结构算法 ...
如何高效学习前端新知识，我推荐这些~
众所周知,关注公众号可以了解学习掌握技术方向,学习优质好文,落实到自己项目中.还可以结交圈内好友,让自己融入到积极上进的技术氛围,促进自己的技术提升. 话不多说,推荐这些优质前端公众号前端之神 10 ...
碎片时间学习前端，我推荐这些~
大家好,我是若川.祝大家中秋节快乐. 前端技术日新月异,发展迅速,作为一个与时俱进的前端工程师,需要不断的学习. 这里强烈推荐几个前端开发工程师必备的优质公众号,希望对你有所帮助. 大家可以像我一样, ...
前端初学者开发学习视频_初学者学习前端开发的实用指南
前端初学者开发学习视频 by Nikita Rudenko 通过尼基塔·鲁登科(Nikita Rudenko) 初学者学习前端开发的实用指南 (A practical guide to learnin ...
android checkbox监听另一个checkbox选中和不选中_一个真正0基础小白学习前端开发的心路历程...
摘要:真正的0基础小白学习前端开发的心路历程. 距离第一阶段的结束敲响了末尾的声音,抱着初心从开始8号的学习到第一阶段的结束这期间要应付期末考试应付自己的各种事情学习时间总是挤出来的这次学习让我受益匪 ...
前端开发框架_2019年应该如何学习前端开发？
近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一份满意的工作!有的 ...
99%学习前端开发都会遇到的问题，百分之百都没绝对意识
刚刚入行前端的同学都会遇见的几个问题: 学的比较浅,什么都会点,但都不深入. 不会利用搜索引擎. 都2019年了,投简历还上赶集网和58同城不懂得输出个人项目. 培训还是自学,有点纠结学习路线不清 ...

应该怎么样学习前端呢？

应该怎么样学习前端呢？相关推荐

最新文章

热门文章