如何学好前端从入门开始？

一 零基础小白应该怎么学习前端才能少走弯路？

关于前端这一块的学习，我不主张自学，因为前端的知识体系是很庞大的，如果你自学，遇到一些问题，你自己很难解决，至少需要有专业的前端人士指导你，站在高手的肩膀上，才能看的更高更远，当然很多小伙伴会说，我也知道学习前端有高手指点挺好啊，可是我怎么知道去哪里找高手，高手又为什么愿意指导我呢？

这个问题问的好，其实现在是互联网时代，网上有很多的相关视频和直播课，我平时就经常去上网听一些前端高手讲课。作为想从事前端这个行业的小伙伴，一定要有一个平常心，只要能学到知识，去学就是了，不要磨磨唧唧的的做什么事情，否则什么也做不好。

二 学习前端，你需要具备哪些素质？

（1）如果web的任何一个元素（web界面，灵活的编程风格等）有一点吸引了你，让你着实着迷，恭喜你，有了一个完美的开始。确认一下自己是否喜欢和合适前端，而不是为了一份看起来体面而且薪水不菲的工作。

（2）不断学习，每日的积累，关注前端动态，是你跟上前端潮流的主要途径。前端的体系过于庞大，技术框架争涌而出，如果你经常抱怨累死码农的节奏，那就审视一下自己对前端的态度。

（3）主抓基础，避免盲目。前端领域知识点很多，值得学的东西也很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段，到头来框架们都一个一个被淘汰，你仍在原地踏步。

（4）整理总结，先模仿后创造。将每日的积累做好规整，记录到博客也好，笔记也好。多看看牛人的源代码，等你达到了一定的层次水准，自然会得心应手。

（5）持有一颗造福前端社区的心。写一些有意思的小工具、插件，推广出去， 始终坚信，在从事前端的道路上You are not alone。

（6）要有专业人士的指导，尤其是学习前端找工作的，不要妄想自己一个人自学前端能找到工作，现在非常难，如果没有一个明白人帮你解决一下问题，会有非常多的弯路，中间很容易放弃，学习的不专业不说，最重要是浪费时间。

（7）一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

三 web前端开发需要学习什么

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、>

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vuejs开发WebApp项目、应用Reactjs开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

以上学习内容相关配套的视频教程请移至B站尚学堂官方，更多好看教程等你来看！

一个互联网公司和其他普通传统行业的公司一样，也需要一些基础部门，比如财务、行政、市场、法务等。但是除了基础部门，互联网行业还有研发、测试、设计、运营、产品、运维等部门，依据公司的性质和业务方向可能还有你所在的客服部。

互联网部门这么多，互联网行业哪些职位比较有前途呢？

其实一个职业是否有前途，需要看你付出多少，虽然付出不等于回报，但是没有付出永远不会有回报。所以职位的发展没有觉得好与不好，只是选择适合自己的才能在一个领域闯出一番自己的天地。那除开基础部门，我们来聊聊具有互联网特色的岗位如何发展会比较有前途。

一个产品的从0到1，需要一个完整的项目团队依据项目流程产出。一个产品的生命周期大致都会会经过产品-设计-开发-测试-运营-运维这些部门。

对于产品岗，虽然大家都在说“人人都是产品经理”，但是真的每个人都能做产品经理吗？当用户、需求、项目、团队、战略等全部向你迎面扑来时，你的能力是否能够招架得住吗？产品经理需要参与项目的全过程，如果没有几年的项目经验，可能连和项目组人员沟通都很困难。目前市场很青睐有项目背景转产品经理的技术人员，所以想要让自己在产品市场更有竞争力，可以在技术岗先了解技术、熟悉项目流程等，然后有意识地培养产品思维、丰富产品相关的知识。

一、全链路UI设计

UI设计是什么呢？UI设计做什么呢？

UI即User Interface（用户界面）的简称,UI设计则是指对软件的人机交互、 *** 作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的 *** 作变得舒适、简单、自由、充分体现软件的定位和特点。           

设计岗也有精分，有交互设计、UI设计、甚至专职的插画设计。2020年乃至以后，什么样的UI设计更受企业欢迎？UI设计怎样才能让在职场上更具核心竞争力？带着这些问题我们从招聘网站上调研了大量UI设计师招聘岗位的职能需求，并且也与很多合作企业的HR进行了深入沟通，了解他们对UI设计师更高的一个期望是什么；

对于UI设计，中小型的公司一般不会有很明确的岗位界定，而大型的公司也会比较倾向复合型的技术人才，所以市场上出现了全链路UI设计的说法。所以如果想要进入UI设计行业，让你的职业发展更有前途，那就需要往全链路方面发展。

全链路UI设计可以做产品原型、Web界面设计、移动UI设计、运营H5设计、用户体验设计、插画设计、视觉创意设计、C4D设计、平面VI设计甚至会Web前端知识。那全链路UI设计需要具备哪些能力呢？           

所以，选择UI设计方向，并不是会简单的设计工具就可以了，想要在行业里有不错的前景与发展，需要顺应市场需求去不断完善自己。如果热爱设计行业，请以全链路UI设计为目标而不断学习。

二、Web前端开发

Web前端是所有互联网企业研发团队中的必须者，Web前端在国内开始被重视的时间不超过八年，从2014年至今，“前端工程师”热度持续走高，其薪资也水涨船高。

前端工程师首要工作是去实现UI设计的界面，可以说所有用户终端产品与视觉和交互有关的部分都属于前端工程师的专业领域。

5G对于网站的变⾰必将是巨⼤的，再加上万物互联，VR、可穿戴设备、⻋载系统、智能投影、智能交互等新应用场景的出现， 以后Web前端会直接进入各个垂直领域，这也意味着前端将有更⼴阔的发展空间。

那对于前端薪资待遇如何？有需要具备哪些技能呢？在招聘网站上随便截了一份月薪10K+的JD，供大家参考：         

我们总结出了企业招聘时提及最多的技能要求：Javascript、CSS3、html5、Vue、VueJS、Boostrap、Uniapp、React、NodeJS······

所以作为Web前端工程师不仅要精通前端技能，还得了解后台的技术，所以想要往Web前端发展，你的具备基于Web前端开发领域的全栈开发能力。

三、Java全栈开发

可能大家会疑惑，编程语言这么多，为什么选择Java，我们来看看Java在所有编程语言排行榜中的地位。   

可以看出Java作为一门面向对象编程语言，近20年的时间几乎都是排在第一，所以Java是全球主流的编程语言之一。

那为什么Java语言这么受欢迎呢？因为Java技术具有卓越的通用性、简单性、安全性、高效性、健壮性、多线程、动态性、平台独立与移植性等特点，可以用于编写Web 应用程序、桌面应用程序、分布式系统和嵌入式系统应用程序等。

Java的应用领域多、市场需求大，所以我们就聊聊Java开发如何发展呢？

技术人员一般都有初级、中级、高级、资深之分，而走技术路线的小伙伴一般都是初级入行，以领域专家为目标，持续学习。当然也有很多java开发会往架构师、大数据、人工智能等技术方向发展。当然不走技术路线也可以转去做市场、产品、管理等，有一定的技术背景可以让你在这些领域更有竞争力。

那Java开发需要具备哪些能力呢？在查看市场需求之后，企业在招聘需求中提及最多的技术有以下几点：

熟练掌握Java常用框架及多线程编程技术，熟练Spring-Boot、Spring-Cloud等微服务框架；

熟练掌握MySQL、Oracle等常见数据库；

熟练Linux *** 作系统；

熟悉前端技术CSS、JS、HTML、JQuery、VUEjs框架等；

想要在Java开发领域有好的前景，应该先扎实自己的基本功，熟练掌握Java语言、框架等，同时要掌握常见的数据库、Linux *** 作系统，也要熟悉前端技术。当基本功扎实之后，想要往其他技术领域发展就相对容易了。

四、测试开发

对于软件测试工程师，大家的印象可能还停留在点点点的功能测试上，然而“敏捷开发、测试驱动开发”、“测试提前介入开发流程”等的提出孕育出了新的市场需求-测试开发。很多外行的小伙伴可能会有疑问，这到底是测试呢？还是开发呢？

实际上测试开发属于软件测试的范畴，但它不同于普通的功能性测试，它可以借助开发能力协助测试工作，使测试工作更高效、精准，比如自动化测试脚本、自动化测试框架以及工具。

为了在测试发展更好，应该往测试开发靠拢，不要只停留于简单的功能测试，还要关注产品的性能、安全等。除此之外，利用自动化测试提升测试效率，减少重复工作，精通一门编程语言协助测试工作，甚至开发测试工具等。

对于一个测试人员，应该以更高的标准要求自己才会不被市场淘汰。那目前市场需求量最大的测试开发，需要哪些基本技能呢？

熟悉标准规范的测试流程，能够做功能、性能、自动化测试；

熟练使用linux系统，独立搭建测试环境；

熟悉MySQL、Oracle等数据库中的一种或多种；

掌握一门计算机语言Python或Java；

所以为了让自己更有竞争力，不管是普通的功能测试工程师还是想要转行的小伙伴，都可以以测试开发工程师作为自己的目标。

以上只选取了UI设计、Web前端开发、Java开发、测试开发四个方向和大家做简单的分享，通过这些简单的介绍其实也不难看出，企业更需要综合类的人才。所以UI设计才有了全链路UI、开发才有了全栈开发这样的说法。

全栈、全链路其实是让大家充分了解整个项目流程中所用到的技术，可以让项目团队协作更高效有序。当然，了解其他方向知识的前提是对自己领域内的知识精通掌握。所以互联网哪个职位的发展更有前途，取决于你掌握技术的深度以及广度，希望以上回答对你的选择有帮助。

近几年，前端的发展还是非常好的，市场需求大，加上学习起来也相对简单，有众多人选择并学习。现在流行前后端都会的全栈技能，我有全套web前端视频课资料可以发给你自学，是目前前沿的前端技能叫做web全栈工程师。

学习的内容包括：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veujs框架开发、webpack、前端页面优化、React框架开发、AngularJS 20框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

零经验的人学编程是很难的，因为需要许多的专业知识。

第一门编程语言C语言，C语言目前是底层应用开发最为广阔的一门编程语言，是物联网必备的开发语言。

第二门编程编程java，java目前的优势比较多，在开发安卓方面目前非常成熟，市场上几乎所有安卓APP都是java开发，再者java在网站开发也有自己的优势，大型类网站选择java开发是最好不过了，支持多线程高并发，可以支持上百万人同时在线，或者更多。

第三门编程语言python，未来发展方向必定是物联网人工智能，python不仅在人工智能有优势，其实python可以说是万能编程语言，服务端，Web开发都是是可以开发的。

第四门编程语言JavaScript，特别是学习nodejs前端后台框架，如果你熟练nodejs，其实可以不用担心不会其他后台编程语言，毕竟nodejs完全搞定

如果自己学的话，你可以通过网络（网上教程），或者买书（C primer plus），但是别太依赖网上教程，因为不清楚+声音小+错误百出+地方方言你听不懂。

node-red能连接触摸屏。人们为了更方便使用平板现在都已近使用触屏模式，node-red也不例外，而且要使用Node-RED去搭建一个物联网平台，链接设备，设备通信，就必须要先熟悉Node-RED的这种面板，对于一个新的项目，在动手做之前一点想对这个的技术的文档有足够的了解做起来才能游刃有余。

许多初学者对WEB前端还很陌生，不知道什么是Web前端？web前端是干什么的？以及web前端技术需要学习什么？其实Web前端开发也戏称“web前端开发攻城狮”，目前这个职位也叫“大前端”。这个职位好多人并不知道是怎么叫出来的，那么我偷偷告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。

然后淘宝官方第一次有了web前端开发这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把前端开发这个叫法发扬光大了。

而那时候的网页设计师如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html和css，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松地完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了（当然后来写的多了都熟悉基本不用提示的）。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了

Web前端工程师主要做什么？前端工程师需要的知识和技能？

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。

在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道。

前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。

前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师， 而是所有人机交互领域的工程师。

web前端自学建议：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就全靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多长时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的 *** 作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这反面还是很多的，我就简单说个例子，有的人边听课边敲代码，这样是不对的，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合自己的学习方法是学习的前提。

自学路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、>

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vuejs开发WebApp项目、应用Reactjs开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

书籍资料自己上网查查，视频教程的话，我建议你去B站溜达溜达，很多全套并且免费的教程都在B站，还有很多大佬直播讲解知识点，和不错哦！

---