买书？真不建议买书！书能帮你进阶，但是至少目前你不需要看书。软件技术类的书籍笔者没少看，里面的知识点事无巨细作为研究可以，但对初学者来说根本抓不到重点，书字里行间无不写满了两个字“劝退”。
你需要先了解web前端开发，先从简单的入手。还得有实践和结果反馈，才能刺激你继续学习。没有人有耐心学了半年还不知道自己再干嘛，以及自己将来学到什么程度。往往废了很大劲而且走了不少弯路。最后时间也浪费了，心态搞崩了，还没发找工作。其实你只要认准了方向，前端学习就没那么难，你需要有一个2022年最新学习路线，同时有人指点你哪些内容怎么学。这里笔者出一个之前写过的内容，希望能帮助到学习的各位：
1. 工作之余的爱好。如果你是有工作的，而且没打算转行，学习前端只是尝试下能不能学会或者单单处于爱好，建议你放弃。因为前端开发是一个职业技能，除了工作挣钱，生活中其实很少用到这个技能，倒不如学学炒河粉，至少下班能挣点外快（不调侃，认线. 通过学习编程锻炼思维能力，本身不打算从事该行业，建议你放弃。能锻炼思维能力的方式有很多，有些玩着都锻炼了，比如打斗地主等。不要指望无形中的锻炼，英语学了十几年不还是就会一句how are u? I am fine ,3 q。笔者做了10年的程序开发，确实思维能力有一丢丢的提升，不过人的能力是综合性的，思维能力只占很小的一部分。
对于以上的后两种情况，有明确的目标，才是开始的前提。前端开发的学习需要持续性的投入时间和精力，如果你还在职，建议你脱产完全投入。如果你是在校大学生，也希望你能制定系统的学习计划。
, 但不代表随便学一学就能胜任前端开发工程师的职位。 要求你有系统的知识体系,并掌握当前最流行的技术框架. 能写个p标签,能拼凑个页面出来,能写个99乘法表,不叫学会。你要最终能独立开发实现需求才叫学会了。没决心,没目标,没压力的晃晃悠悠的自认为在学,结果可想而知。
你想实现一个简单的页面,也需要掌握所有的知识体系,缺一不可,就像玩拼图,少一个碎片就无法完整的拼图.所以这块内容学习不宜打持久战,学的越持久越容易忘.建议的学习方法:
至于html5新增的标签和css3新增的动画等属性先不要看. 不要试图把所有的知识点都背会,拖得越久你会发现前面的又忘了. 当你差不多掌握一个完整的体系的时候,开始写页面.从一个简单的导航模块开始,再实现一个卡片页面,再实现一系列的卡片页面.最后考虑整体页面的实现. 在实现的过程中,对于忘记的属性即使回看,使用并理解.相信你在完成一个完整的页面后,会对这块知识点有一个比较清晰的认知.然后再练习整站,一两个下来你基本可以做到精通.当然在写代码的时候,一定要注意命名和代码规范.自学方法:，下方不凡学院系列课程：
web前端学习的核心就是js，但这并不意味js就难。相反，js基础语法很简单，你完全可以通过5天时间的学习来掌握相关内容：变量，数据类型，函数，对象，循环，逻辑判断等。要知道js的发明初衷就是“要像极了java（因为94年java比较流行），但要比java简单，要使不懂编程的人能快速的学会”。当你学会基本语法后，尝试做一些编程练习，比如打印99乘法表，计算bmi等，练习题可以百度找。
力扣，力扣是编程界的奥数，可以帮你打开思维，但对初学者并没有多少学习上的帮助，甚至容易劝退。当你能够熟练的运用js基础语法的各种规则，接下来就要学习DOM操作api。简单来说就是需要用js控制浏览器中的html元素，比如改变文字颜色，修改元素大小，给按钮添加事件，点击后能触发相关程序等功能。完整一点的比如实现一个轮播和其他特效等，这是作为一个前端开发者必须掌握的知识点。
BOM相关api笔者认为了解即可，因为属性太多，也容易记混。后期用到了知道去哪找，知道怎么用就完全ok。配合实现相关案例比如无缝轮播，拖拽，放大镜特效等，todoList是一个练习DOM操作增删改查极好的案例。
数据结构和算法是面试的装逼利器，一般在面试中可能会问到，而这方面的能力在前端开发方面一般又用不着。所以是一个加分项，能了解一部分最好。如果你感觉前面学的内容掌握的不错，而且压抑不住自己那种编程的冲动，可以尝试去力扣找相关的题目作为练习。建议：找简单题目即可，且不可好高骛远乱了节奏。
jQuery是曾经的王者。曾几何时你只要是作为软件开发者几乎人人必会jQuery。比如一个java程序员哪怕根本不懂什么dom操作，但jq也得会捣腾个ajax请求。jq本质是原生dom操作的封装，宗旨是“write less，and do more.。所以如果你掌握原生dom操作，学习jquery可能只需要一天时间。然后利用jq进行插件封装确实减少了很多代码，但编程思路没有任何区别。
至于为什么现在前端开发基本上不会用jq了，前面的视频已经说过了。当下有更先进的框架比如vue从根本上改变了dom操作的思路，更快，更方便，功能更强大，jquery已经成为过去式。
初学者在学习这块内容的时候容易被带节奏。html5和css3新增了很多的标签和属性，但是很多知识点我们根本用不上，有些甚至比较鸡肋。初学者在学了很多新知识，往往不知道怎么用，心力交瘁甚至变得心灰意冷。这里不夸张的说笔者曾经看h5新内容的时候就是这种感觉，很多小玩意儿不知道在哪用，想不通为什么要这么设计。好在通过后来的开发明确了哪些需要用哪些不需要用。
ajax技术是前端开发者必须掌握的一项技术。有同学在这一块会容易钻牛角尖，觉得难。其实ajax就是一个页面局部刷新的技术，我们通过js发送请求，可以偷偷在页面不刷新的情况下发数据给后台，然后根据后台返回的数据更新页面内容。
，开发中不会让你手写原生ajax，都是封装好的api。你需要搞清楚的是什么是后台服务，什么是接口，什么是请求和相应，以及拿到相应的数据如何处理等问题。在实际项目中ajax的运用如喝水吃饭一样平常。当然这块内容的学习你需要一个后台服务提供接口，网上可以百度免费的第三方ajax测试接口。曾经豆瓣电影挺好的，但现在不能用了。好在笔者当时写了个爬虫爬了一部分电影数据。>
这里涉及到的面向对象编程和相关概念，是一个合格的前端程序员都应该清楚的，当然在面试的时候也是高频面试题。面向对象编程是一种思想，和具体的语言无关。当然想让你立马理解并运用这种思想进行编程有点强人所难了，所以建议学会面向对象编程的套路。我不一定能教会你面向对象编程思想，但我能教会你套路”，照着代码套路写就ok。然后es5原生继承是一个很难理解的概念，不要去试图推导这个过程，直接记住最优写法：借用构造函数+原型继承，应付面试没问题。
es6现在特指javascript在2015年之后发布的（所有）版本。es6提供了很多新的api，新的方法和属性。其中箭头函数尤为方便，不仅简化了代码，而且避免this指针混乱。新的数组方法更是满足了我们操作数组的各种需求，原来需要写大量代码实现的，这里只需要调一个方法，非常方便。尤其是promise和async语法糖的出现，直接把异步操作变成了“同步”，让我们在编码的时候能更清晰的处理业务逻辑而不用担心执行顺序，真是太棒了。
vue为什么能成为国内最流行的前端框架? 简单易上手和文档清晰占了主要作用.所以作为初学者如果具备基本的js基础,自己参照官网教程学习vue绝非难事.当然里面会涉及到很多之前没有遇到的概念,比如双向相应,计算属性,组件,插槽,路由等不容易理解.通过仔细的阅读官方教程再配合例子,相信你一定能搞定它.
vue高级部分在面试的时候可能会问的比较多,所以需要通读vue文档,不放过每一个细节.对不懂的地方也可以通过百度等形式查找,或者自己写例子来配合理解.elementUI属于vue全家桶的一部分,是vue开发中必学内容.
和移动端开发. 响应式开发可以参考不凡学院官网,即一套代码可以同时适配pc端和移动端,需要一定的开发经验. 移动端开发相对简单,直接通过rem自动适配,参考小米官网.>
微信小程序学习非常简单.微信小程序开发是前端开发者的必然需求.本身语法比较简单,而且不用担心兼容问题和适配问题.唯一让初学者胆怯的是那文档中的上百的接口,好在90%的接口我们在90%的开发中几乎用不到.
uniapp能够实现跨平台应用开发. 一套代码可以同时打包为移动端网页,微信小程序,android和ios原生app. 还包括平台小程序,比如支付宝小程序,抖音小程序等. 由于本身采用vue框架语法,所以学习成本和开发成本极低.又同时可打包为微信小程序和原生app,开发效率又高.得到了广大中小型公司的青睐,这几年也是飞速发展,生态相当活跃.
中后台项目开发是前端开发者都必须要涉及的一个领域. 如果前面内容学的还可以,这块需求可以说是相当简单.我们会借助elementUI框架搭建脚手架,然后对公共组件和方法进行封装,合理的项目结构也非常重要.在此基础上只需要练习后台页面常见的增删改查逻辑即可.对初学者难点在于如何获取后台接口,如何封装接口,如何处理跨域等问题.
ts目前可以和vue2.x和vue3.x集成,在react项目中集成的也比较多. 目前主流的vue2.x开发大部分不会集成ts.所以对于初学者来说,ts可以作为补充内容后期学习.
学习难点:对初接触编程的新人来说,没见过强类型语法,比如java,只是到var. ts是把js用强类型的形式去写,自然也体会不到强类型的好处. 另外ts需要和相关框架做集成才能使用,不存在单独使用ts,也增加了学习ts的成本.
nodejs本身就是js语法,学起来比较简单,只不过是把浏览器的js解析引擎搬到了主机系统,运行环境的区别.nodejs可以方便的对硬盘文件进行读写,可以访问数据库,可以发送数据请求等,有别于浏览器环境.所以学习nodejs需要额外学习数据库,比如mysql或者mogodb.
总结: 对前端的初学者而言,nodejs只存在与后期的项目打包,压缩,以来安装等底层计算,我们根本不需要涉及nodejs本身.所以学习的时候可以把nodejs作为选修放到最后.
