❶ 如何开始学习前端知识，我的基础比较差
一、明确目标
1、明确自己以后要做什么，需要掌握什么技能。很多人在不知情的情况下盲目学习。首先，你知道公司现在需要什么人才，你应该为什么目标而奋斗。
2、系统的规划，每天学习哪些新知识和每天做的作业、练习。很多人都想自学web前端，以为过几天看完教学视频就行了。但事实上，想通过学习web前端找工作，没有4-6个月或者接触项目实战很难做到。因此，规划是必要的，而且需尽早开始规划。
3、注重学习方法，很多人在学习web前端的时候，刚开始学习的时候选择了错误的学习方法，因此最终注定要放弃，回到原来的岗位继续做自己不喜欢的事，学习web前端需要一定的技巧，在开始学习之前要多问问别人，不要盲目的自学，浪费时间。
二、掌握基础技巧
一个优秀的网络前端开发工程师必须具备系统的知识和丰富的工作经验，因此，许多大公司很难招聘到理想的前端工程师，甚至高薪也是如此。那么如何系统地学习实用的企业 web前端技术呢？在此，源妹儿不再进行技术讲解，而是集中进行技术讲解。技术并非黑白分明，只有对错，技术见仁见智。
1、必须掌握基础的Web前端开发技术，包括CSS, HTML, DOM, BOM, Ajax, JavaScript等等，在掌握了这些技术之后，还必须清楚地了解它们对不同浏览器的兼容性，渲染原理以及存在的bug。
2、要想成为一名合格的前端工程师，还必须具备网站性能优化、SEO、服务器等基本知识。
3、要学会利用前端的各种辅助开发工具。
4、除技术层面外，还应具备以下方面的理论知识：代码的可维护性、组件的易用性、层次化语义模板和浏览器分级支持等。
三、了解框架
做前端开发的都知道3大框架：Angular,Vue,React，下面说说他们的特点。
1、React：次组件重复渲染问题需要手动优化；rex可以用于状态管理，函数化，不可变，模式化，时间旅行；JSX，完全的 javascript功能；更加繁荣的社区生态。
2、Vue：可使用JSX，但推荐使用模版语言不是JSX；
3、Angular：包括模板、数据双向绑定、路由、模块化、服务、过滤、依赖项注入等所有功能的完整 MV框架；Typescript；比较 UI与后台数据一致性的不完整数据检查。
4、jQuery ：还推荐使用，它使用简单，学习方法也很简单。只要根据产品文档完成几页的工作，你就不需要做任何事情。然后，查一下这些文件。这个框架可以帮助你屏蔽浏览器的多样性，让你更加关注 Web开发的本质和学习。
5、Boostrap:它无疑是目前使用最广泛的一个框架。它是一套美观，直观，实用的网页设计工具，可以用来开发跨浏览器兼容性好，视觉效果好的网页。这个软件提供了很多流行的简约风格的 UI组件，网格系统，以及一些常用的 JavaScript插件。
四、注意事项
1、有必要理解产品的逻辑和形成过程——希望参与开发产品的相关人员可以参与到产品讨论中，以了解需求。并理解产品隐藏在未来的需求！
2、想要知道交互细节——想要参与产品开发页面的相关人员参与交互讨论，想要了解交互和设计细节！确保网页的结构合理且可扩展！只要有合理的建议！
3、了解资料界面-了解产品相关模组所需资料，与相关技术人员沟通并形成文件。
4、学习行业最新技术，参与行业交流！
前端是网站的门面，是背景实现和视觉表达之间的桥梁，贯穿整个产品开发过程，起着承上启下的作用。一个好的前端工程师可以很好的理解产品经理对用户体验的要求，也可以很好的理解后台工程师对数据逻辑或者程序逻辑分离的要求，并将这些要求转化为前端开发工作。
最后，如果基础特别差，建议可以选择前往培训班学习。重庆源码时代，专注于JAVA、H5前端、Python等IT教育培训，着力于为企业培养编程、设计、产品等方面的“实战型”人才。为互联网市场培育了10W+精英学员，学员毕业平均首薪7500+，专业就业率高达98%，学员口碑推荐入学率高达80%。无论你是零基础还是想转行，来源码时代，带你实现高薪就业~
❷ 如何深入学习web前端
web前端学习包括自学和系统学习两种方式，零基础是可以学会web前端的。自学吃力的原因，可能在于学习顺序不太对，比如先去学习了最难的一部分，所以感觉比较吃力。其实掌握了方法，前端学起来真的不会特别难。
web全栈工程师5.0课程包括：
①计算机基础以及PS基础
②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）
③移动开发
④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）
⑤小程序开发
⑥全栈开发（Mysql数据库、Python编程语言、Django框架等）
⑦就业拓展（网站SEO与前端安全技术）
如果你想要快速学习Web前端技术，专业全面的学习方式比较好，一般费用在2W左右。
祝你学有所成！望采纳！
❸ 让你成为合格的Web前端工程师的经验
今天小编要跟大家分享的文章是关于让你成为合格的Web前端工程师的经验。为了帮助大家更好的学习Web前端技术成为一名优秀的Web前端工程师，小编为大家准备了这篇关于成为合格的Web前端工程师的经验的文章，下面我们一起来看一看吧！
1、不要因为怕自己落伍而去学习新东西
一个优秀的开发者始终在学习，这一点毋庸置疑。诚然，旧的技术终会被淘汰。但是新的技术终有一天会变成旧的。因此，没有必要一味地去追求最新的技术。
平均每37秒就会诞生一个新的标准或框架，你不可能把它们都学会。很多新技术、框架或者新特性对你来说都不是必需的，你没必要非得了解它们。真正有价值的技术需要经过社区和市场一段时间的打磨才能出现。
IT公司通常都会重点培养适合于自己的技术，没有哪个公司会一拍脑门让自己的代码去适配某个全新的框架。因此你也不用太担心因为某些新技术而被裁员。你需要关注的是这三类知识，按照优先级排列如下：
(1)基础。基础是重中之重。
当你掌握一门基础知识后，你可以快速掌握其相关的技术。比如如果你非常熟悉JavaScript，那么基于JavaScript的任何框架都难不倒你。如果你掌握了面向对象编程，那么你可以快速掌握一门新的面向对象的语言。深入学习基础能够大幅提高你的学习效率。
(2)你常用技术的最新版本。
你平常用得最多的技术才是你的铁饭碗。如果它们出了新的版本，那么你有必要花时间去学习一下。
(3)大公司推崇的技术。如果一个非常知名的公司(如谷歌、脸书和微软)发布了一个新的技术并不断地对它进行维护，那么这个技术就值得你去关注。曾经社区里有成百上千个非常火的JavaScript框架，结果Angular和React的出现瞬间抢走了他们的风头。好好规划你的学习时间，每天安排一段时间来学习。这段时间不一定很长，哪怕只有25分钟也能使你有所成长。
2、写出高效的代码比一般的代码要花更多的时间
当你运行完程序并发现功能实现的时候，你感觉工作已经完成了，实则不然。实现一个新的功能除了编写新的代码以外，还包括对该功能相关的其他部分已有代码的调整与优化。当你发现你的一部分时间花在完善代码的设计上了，那么从长远角度来看你遇到的错误会更少一些。
要想减少你的代码的错误并优化设计，你需要注意以下两点：
(1)先准备好测试环境，然后再开发。
先将测试功能配置好，然后再编写符合测试标准的代码。这样既可以减少bug的产生还能优化你的代码思路，因为你在编写代码的时候就严格遵守更加合理和规范的标准。这会使你的代码变得简洁、高效。
(2)迭代完成你的工作而不是一步到位。在你的代码实现需求之前不要花时间去完善它。你永远也不可能使你的代码处于完美的状态。你优先要做的就是让你的代码完成指定的功能。通常情况开发者会犯这两个错误：要么花了太多时间思考而没有充足的时间去实现，要么没有在设计最初的方案上花足够的时间。遵循Kent
Beck说得这句话:“先让它生效，再让它正确地工作，最后再让它更高效”。
3、7*24小时的工作不会让你成为佼佼者，合理的时间安排才是最重要的
这个经验源于我自身的教训。我曾经为了让老板和客户满意而疯狂地工作。我害怕说“不”，不想让其他人失望。我尽我所能去完成工作，曾经大量摄入咖啡因通宵地工作，困了就直接睡在我的办公桌上。
起初我是全公司的楷模。我得到老板的赏识并感觉风光无限，前途一片光明。这种并不长久的过度表现使其他人对我产生了过高的期待，很快我就撑不住了。结果我的身子垮了，经常生病，耽误了工作。公司的人变得不再信任我。
后来我渐渐明白真正的佼佼者是那些一直可靠的人。他们保证的事一定会做到。要想成为那样的人就必须认真规划自己的时间。
你必须牢牢把握自己时间的控制权，在约定好的期限即将到达的时候高质量地完成你的工作。要想做到这一点起初会很难，因为你需要对超出你能力范围的任务说不。
刚开始，你的老板和客户可能不太会在意你。但是一旦你建立起靠谱、可信的名声后，一切就都不一样了。随着时间的推移，其他开发者都会渐渐显露疲态，变得不再那么可靠，而你则会脱颖而出，成为团队里的佼佼者。我就是这样成为了行业翘楚。我很好地协调了自己的时间并调整他人对自己的期望值，因此建立起了高质量和高实效的好名声。
4、不是所有的付出都会有回报
花时间也是一种投资。和其他的投资一样，你非常期待投资会有回报，希望在回本的基础上有所收益。
我之前曾提到“先让它生效，再让它正确地工作，最后再让它更高效”这句话。但是不要误解，这里的“正确”不代表完美，“高效”不代表追求极致。“正确”意味着你的代码能够准确地实现功能并易于维护。“高效”意味着不影响用户体验。最关键的一点是你的应用要让用户感觉很快。
因此，不要纠结于优化一个基本上不用的函数，也不要为了仅节省几毫秒而去修改一个已经比眨眼(大约300毫秒)还要快的功能。不要因为你学了一个新的技术或方法就把你之前写的功能正确、结构完整的代码推翻重写。
5、按照时间表去工作可以使你更加高效
起初我很难理解这一点。你不将你的精力全部投入到工作中也能做到高效?恩，这是真的。Allison
Gabriel是弗吉尼亚联邦大学的管理学教授助理，主要研究工作需求和员工动机。她认为：“很多研究表明人的认知能力是有限的，当你不断地去耗费你的能力时，你并不能达到最佳的工作状态。当你被自己榨干时，你的效率会大幅下降。”
永远不要在压力非常大的时候工作，尤其是你非常疲劳、情绪不好的时候。这些不安因素都会让你分心，从身心两方面对你造成不良影响，降低你的工作效率。
人脑的自控能力好比是一种资源，当你进行自我控制时，这个资源会被消耗一部分。如果你的自控能力被大量消耗的话你就不能集中注意力，自然就不能高效地工作了。
不论你是否乐意，你的身心都需要一个休息的时间。因此在每天的时间表里都要安排休息的时间。严格按照时间表的休息时间去休息，不多也不少，这样可以让你在充分休息的同时不感到内疚。指定明确的休息时间可以让你以更加自如的心态去工作，因为你知道你有休息的时间而不是无休止的工作下去。
6、结语
了解了这五个经验，相信你已经明白了应该如何安排自己的时间。合理地安排你的学习、工作与休息的时间，制定出详细的时间表并严格按照它执行。
以上就是小编今天为大家分享的关于让你成为合格的Web前端工程师的经验的文章，希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web相关知识记得关注北大青鸟Web培训官网哦！
原文链接：#/document/9291.html
❹ 如何快速学习前端
自学前端是一个非常辛苦的过程，最不可缺少的就是坚持下去的决心以及合理的学习计划。接下来我简单说一下自学前端需要注意的几点以及自学前端的路线。
自学方法：
1、作为一个初学者，你必须明确系统的学习方法，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对web前端还没有任何概念的时候，需要一个人领进门，之后就靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写。所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。
推荐一个自学前端的路线，你可以参考一下：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
相关的视频教程你需要的话，可以加一下我的交流群，里面都有，其他的资料也可以问我要。
❺ 如何自学前端少走弯路
先说一下自学前端如何入门吧。
方法：
第一：理清Web前端的知识结构。要想高效学习Web前端知识，首先应该搞清楚Web前端都包括哪些技术结构。Web前端开发虽然技术难度并不高，但是技术细节却比较多，内容也比较杂。Web前端的基础包括三大部分，包括Html、CSS和JavaScript，其中JavaScript是学习的重点，也是难点。另外，vue等框架也是需要熟练掌握的。
第二：紧跟技术发展趋势。目前Web前端的技术发展趋势有三个，其一是前端开发数据化;其二是前端开发高效化;其三是前端开发全栈化。前端开发数据化主要是大数据发展的影响，在大数据的推动下，Web前端逐渐涉及到了大量的数据展示任务。前端开发高效化主要体现在Web前端正在进行独立部署，前端与后端的沟通主要通过资源接口的方式来进行。前端开发全栈化也是一个比较明显的趋势，比如Nodejs的应用。
路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：Node.js全栈开发(1周)
内容包括：(WebApp后端系统开发、一、Node.js基础与Node.js核心模块；二、Express；三、noSQL数据库)
至于视频教程，我这里有很多前端的全套教程，如果你需要的话，可以加一下我的学习交流裙裙，找我要就行了！
❻ 为web前端新手准备的web学习经验
今天小编要跟大家分享的文章是为web前端新手准备的web学习经验。有很多同学留言说，越学越迷茫，不知道该从哪里下手，今天梳理了一些学习web前端的经验，以及学习的步骤，分享给大家，希望对你们学习能有帮助。
计算机行业很多领域都符合82定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。
在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。
拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。
总之就是专心对付最重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。为了帮助web前端新手更好的掌握web技术，小编为大家准备了这篇文章下面让我们一起来看一看吧！
学习web前端的路线如下：
1、HTML的学习
html的语法、格式，常用的标签极其作用，理解标签的嵌套，学习使用firefox+firebug或者chrom的调试工具，能够使用这些工具调试html、css、js、断点调试、抓包。
2、CSS、js的学习
如何引入css、js(有多少种方法，各种方法有什么区别)，理解id、class属性的区别，学会css的常用选择器，理解盒子模型(padding，margin，border，width，height，)，css坐标系，css布局(position的absolute、relative
、fixed、static)，css浮动(float：left、right
)和清除浮动(clear),display:inline、block、inline-block、flex。
3、基本编程的学习
js的执行顺序，基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听，冒泡和阻止冒泡，兼容性)，了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域，明白其工作原理，
有朋友说http协议，确实是我疏忽，http协议是web的根本，所以其重要性再怎么强调都不为过，熟悉http协议对web开发的方方面面都有不少帮助，比如理解及使用ajax，比如调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先了解、熟悉简单的，以后在项目中遇到深入点的再进一步学习。
4、jQuery的学习
使用jquery解放你的开发工作，学会jq选择器，修改属性、监听事件、修改css，学会写jquery插件。这一步我觉得可以和第3步穿插学习。
5、搭建服务器
弄个傻瓜服务器比如wamp，phpstudy等软件，可以一键建立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，使用本地服务器配合ajax学习。
6、学点服务器端
学点服务器端，建议php+mysql。服务器端脚本其实很简单，总结起来就是4个东西：SESSION、COOKIE、Request、Response，结合http协议理解如何从Request取得数据，经过处理后Response给客户端。这就是整个过程。
至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结，基本上以实现业务为主。
7、框架学习
来点框架，理解MVC模式、推荐个比较流行的MVC框架：ThinkPHP，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。
建议从1往7学习，这样你就能快速成为web前端工程师啦!
以上就是小编今天为大家分享的关于为web前端新手准备的web学习经验的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web想相关知识的小伙伴记得关注北大青鸟web培训官网！
作者：walle来源：知乎
链接：#/question/28187933/answer/77050877
❼ 想转行做Web要了解的Web前端学习经验
今天小编要跟大家分享的文章是关于想转行做Web要了解的Web前端学习经验。很多准备转行做Web的小伙伴们都说自己越学越迷茫，不知道该从哪里下手，今天小编为大家梳理了一些学习Web前端的经验，以及学习的步骤，分享给大家，希望对你们学习能有帮助。下面我们一起来看一看吧！
计算机行业很多领域都符合28定律，也就是20%的东西的使用频率占到80%，所以很适合囫囵吞枣，因此我们的重点就是把这20%学起来，而首先要做的就是把这20%的东西找出来。
在我看来前端这20%的东西大概就是常用的html标签，css的盒子模型，基本的原生js，以及熟练使用jquery，ajax，常见浏览器的兼容。
拿下这些东西意义非凡，一方面证明你适合做前端这份工作，另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。
总之就是专心对付最重要的东西，那些什么less、sass、angular这类的东西，当你把我之前说的基础打好之后，学习起来畅通无阻，随学随用。
最后我觉得最难的就是实践，只有实践才能学到真正的技术，新人很难参与一些有价值有意义的项目，没有这些项目又很难成长，所以自己有项目可参与应该珍惜，没项目应该多造一些有价值的轮子。具体的Web前端学习经验如下：
1、HTML的学习
html的语法、格式，常用的标签极其作用，理解标签的嵌套，学习使用firefox+firebug或者chrom的调试工具，能够使用这些工具调试html、css、js、断点调试、抓包。
2、CSS、js的学习
如何引入css、js(有多少种方法，各种方法有什么区别)，理解id、class属性的区别，学会css的常用选择器，理解盒子模型(padding，margin，border，width，height，)，css坐标系，css布局(position的absolute、relative
、fixed、static)，css浮动(float：left、right
)和清除浮动(clear),display:inline、block、inline-block、flex。
3、基本编程的学习
js的执行顺序，基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听，冒泡和阻止冒泡，兼容性)，了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域，明白其工作原理，
有朋友说http协议，确实是我疏忽，http协议是Web的根本，所以其重要性再怎么强调都不为过，熟悉http协议对Web开发的方方面面都有不少帮助，比如理解及使用ajax，比如调试程序、抓取数据等等，不过http是一个很杂很细的东西，内容很多，我建议也囫囵吞枣式地学习，先了解、熟悉简单的，以后在项目中遇到深入点的再进一步学习。
4、jQuery的学习
使用jquery解放你的开发工作，学会jq选择器，修改属性、监听事件、修改css，学会写jquery插件。这一步我觉得可以和第3步穿插学习。
5、搭建服务器
弄个傻瓜服务器比如wamp，phpstudy等软件，可以一键建立一个apache+php+mysql的服务器，前期可以把你的静态页发布到本地服务器，使用本地服务器配合ajax学习。
6、学点服务器端
学点服务器端，建议php+mysql。服务器端脚本其实很简单，总结起来就是4个东西：SESSION、COOKIE、Request、Response，结合http协议理解如何从Request取得数据，经过处理后Response给客户端。这就是整个过程。
至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结，基本上以实现业务为主。
7、框架学习
来点框架，理解MVC模式、推荐个比较流行的MVC框架：ThinkPHP，简洁好用不解释，国人弄的，文档和例子什么的非常丰富。
以上就是小编今天为大家分享的关于想转行做Web要了解的Web前端学习经验的文章，希望本篇文章能够对正在从事Web相关工作的小伙伴们有所帮助，想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的Web前端工程师！
作者：walle来源：知乎
链接：#/question/28187933/answer/77050877
❽ 怎么学习前端开发有什么好的学习建议
学习前端最有效的方法是持之以恒的坚持。
无论做什么，先别想那么多先做了再说，因为人都是懒惰，什么事情最先想到的都是走捷径，深怕付出了没有回报。学习这个事情，从小学老师就说，一定要好好学习天天向上，去总结了真的努力了，到头来除了抱怨还抱怨，总期望天上掉馅饼。方法有很多种，真的适合的才是真的有用，什么样的方法才适合自己，无论什么方法你得做了才有效！所以没有最有效的方法，只有持之以恒的坚持才是真正有效的。
下面给您提供极点学习建议，仅供参考：
作为一个初学者，你必须明确系统的学习方案。我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
对于学习技术来讲，掌握一个学习方法是非常重要的。其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
自学路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)。
以上学习路线配套视频教程邀您移至B站尚学堂，免费教程随你挑！
❾ Web前端工程师给你传授Web学习经验
今天小编要跟大家分享的文章是关于Web前端工程师给你传授web学习经验。这是一篇来自前端大牛前辈的学习心德，好好看哦~其实本文可以说是“起于前端，但不止于前端。”希望能够给同行一些可行性的建议吧。下面来和小编一起看一看吧！
1、Github
重要的事情所以说三遍。如今前端圈大热，除了前端项目天生开源的优势之外，Github这个网站功不可没。可以说这是一个特别适合前端新手们练习和进步的地方。
我们打开浏览器的调试模式就能看到对应页面的结构，以及对应的样式实现，我们也可以通过恰当的方式获取到页面的js代码。
如果说前端天生的开源知识是“发散”的，那我觉得github就是这类知识的一种“聚合”。
如今几乎所有的前端技术都是开源的，前端开发人员可以很方便地在上面找到一些高效的插件库。这不但可以提高我们的开发效率，还可以借此学习一些前端知识。
如果你想搞前端，那我觉得咱们面试之前起码得有个Github的账号，毕竟这个全球最大的同性交友网站对于前端工作者来说太重要了。
但有一点要注意的Github跟网络云盘是不一样的。他是程序员交流的地方我们只需要上传代码就可以了，我们不需要通过视频来交流(曾经有同学说想往Github上传视频)。
2、挑选一个合适的编辑器
一个好的编辑器能够提高你的编码效率，一个赏心悦目的编辑器能够让你开发的过程更加愉悦。
现在出现了许许多多优秀的编辑器：Vim、Emacs、SublimeText、Atom、VSCode
等等。编辑器之间该如何选择?本来就是个人喜好问题。
据我个人的使用体会，Vim跟Emacs两个编辑器比较轻量级一些，但是他们的界面我只能说一般，而且学习曲线比较陡峭。如果你喜欢折腾，倒是可以尝试一下。
Sublime
Text是我目前发现周围用的人比较多的编辑器，而我个人也比较推荐，他不但有丰富的插件，还有比较美观的界面。更重要的是操作简单，能够满足大部分开发需求。
虽说我推荐SublimeText，但其实我是一个Atom用户，两者用起来感觉差不多。
Atom比较Cool的地方是，它是通过Web技术搭建起来的桌面端软件。这也有个问题，毕竟它是通过Web技术搭建的(可以看成是运行在chrome内核的浏览器上网站)，这就导致了这款编辑器相当耗电。
总之选择一个自己喜欢的编辑器，写代码去吧!!!
3、独立解决问题的能力
“这种能力是个人都有啊!!”
是吗?
如果一个程序员在一些没有耐心的老鸟面前问这种问题的话，我相信老鸟们不只是内心有千万只草泥马在蹦腾，而是草泥马早已脱口而出了。
“当然如果对象是妹子的话，我们倒是很乐意着手帮她解决这些问题。”
以上哥们明显就还不具有这种独立解决问题的意识，并不是说不能拿问题去请教别人。而是，您需要请教别人的问题，必须是自己已经动手尝试解决，而且解决不了的问题。
毕竟程序员最怕打扰，咱们能不打扰就不打扰。
我们生活在如此幸福的时代，其实很多问题已经有大牛解决了，并且他们会把经验分享到网上，我们需要做的只是组织好自己的问题简单地Google，或者网络一下。这样很难吗?
如果连这点都做不到，那我觉得要进入一家公司或者是在一家公司里生存都是很艰难的事情。毕竟大部分公司需要的是能够解决问题的程序员，而不是只会写代码的打字员。
4、阅读英文文档
这让我之前想起知乎上Vue.js作者尤雨溪说过的一句话，其大意是：
我为什么要浪费跟家人相处的时间来教你学英文?
如今大部分优秀开发的资源都是以英文的形式展现到网络上的。
当然不排除有些国内的热心人会把他们翻译成中文，再托管到相关网站上，但是，这毕竟是少数。而且中文文档往往会跟不上国外官网的脚步。
还记得我当初用Python的时候，框架Django的中文版本是1.6.x而官方的最新版本已经到1.8.x了。这也导致了，如果你用着新版本的框架，而看着旧版本文档写代码的话可能会引入一些新版本里面已经抛弃了的写法，进而你的项目可能会出现一些诡异的行为。而且这类bug往往最难发现。
当然，并不是说你一定要英文很流利才行，但是最起码要看得懂英文文档。(实话说现在我工作快两年了，看英文文档还是有些吃力。)
5、操作系统
好吧，允许我再_嗦一下。
这里我们谈谈操作系统，毕竟有些朋友还是会纠结选择什么操作系统。
Windows
§优点：用户页面可用性较好，丰富的桌面端软件，玩游戏一级棒。
§缺点：软件广告比较多，病毒相对多些，命令行不够友好。
Linux
§优点：命令行非常好用，开源社区活跃，发行版本比较多。
§缺点：常用桌面软件开发商比较少，QQ这些都没有。有些发行版不怎么稳定，经常卡死。
MacOS
§优点：命令行非常好用，界面优雅，可用性高。苹果商店有许多windows平台所没有的优质软件。
§缺点：设备昂贵，普遍配置不高，不太适合打游戏。
以上是我使用操作系统的一些小体会吧。至于具体使用什么系统各位可以自行掂量，但是个人觉得结合命令行开发会更爽一些，因此我曾经选择过Linux。后来，机缘巧合之下买了台Macbook之后就再也回不了头了。
正如业界的人所赞赏的
“MacOS就像是Liunx跟Windows的结合体。它既有Windows的用户友好的界面，也有Linux优雅的命令行。”
不过这玩意儿
用了之后就很难回头了。
我有个同学买了它之后，干脆把LOL(英雄联盟)都戒了。
6、HTML+CSS+JavaScript
现在才谈这些技术点并不是说这东西不重要。只是我觉得这三样东西就算我不说，只要你有心搞前端肯定会去学，那还有说的必要吗?(此处省略百万字)
以上就是小编今天为大家分享的关于Web前端工程师给你传授web学习经验的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网。最近祝愿小伙伴们工作顺利。
作者：心旗，来源：CSDN
原文：https://blog.csdn.net/qq_41852103/article/details/81286344
❿ 怎么快速增长前端开发经验
1.结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。
2.互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地认真学习，在打好基础后坚持学习，成为优秀前端工程师也只是时间问题。
3.学习任何知识最重要的都是兴趣，如果经过一段时间的学习感觉不喜欢，那可能强迫自己学习是很痛苦的，效果也不会好，毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展，前端必然是Web开发人员需要学习的知识，有时候是没有专业前端工程师一起合作的，所以即使不做专门的前端工程师，掌握基本的前端技能为工作带来方便。
学习方法和学习目标
方法：
入门阶段反复阅读经典书籍的中文版，书籍中的每一个例子都动手实现并在浏览器中查看效果
在具备一定基础之后可以上网搜各种教程、demo，了解各种功能的实际用法和常见功能的实现方法
阅读HTML，CSS，Javascript标准全面完善知识点
阅读前端牛人的博客、文章提升对知识的理解
善用搜索引擎
目标：
熟记前面知识点部分的重要概念，结合学习经历得到自己的理解
熟悉常见功能的实现方法，如常见CSS布局，Tab控件等。