共计 4272 个字符，预计需要花费 11 分钟才能阅读完成。
开始大佬的表演
从事前端开发工作差不多 3 年了，本人也从一个什么都不懂的小白积攒了肯定的实践和实践经验，并且本人也对这 3 年来的学习实际历程有一个梳理，以供前面来细细回顾品尝。
1、为什么抉择学习前端开发？
你可能是因为趣味，实现一个网站、页面、性能的成就感。你也可能是因为当初前端岗位火爆，就业率高。不论是因为什么，只有找准了指标，学就是了！
2、Web 前端开发是干什么的？有没有“钱”途？
（1）定义：前端开发就是将 UI 设计师设计好的界面实现，即用一些前端方面的语言（HTML、CSS、jQuery 等等）将 UI 设计变成能够与用户交互的网页；
（2）岗位职责：参加原型需要探讨会议，从前端和用户交互的角度提出一些本人的倡议和意见；与产品经理沟通梳理确认原型及需要；与 UI 设计师沟通，更好的实现界面；与后盾开发人员沟通，实现数据的交互；配合测试人员，解决 bug；配合整个团队，对我的项目后续的迭代进行开发等工作；
（3）“钱”途：前端工程师目前岗位火爆，只有把握了真正的前端常识，而不是泛泛而谈，找工作也绝对比拟轻松，薪资也是比拟可观的。
当然，刚刚入门，我的倡议是不要太看重薪资，最应该看中的是有没有好的环境和平台能够学习到更多。当你在好的环境好的平台学习到更多，积攒了肯定教训之后，薪资真的挺简略。不要被刚刚开始少得可怜的薪资所战胜，从而放弃，如果你真的想要进入这行，坚持下去吧。将来回过头来，你会发现，所有就都是这么简单明了了。
一、如何入门，学习倡议
在你开始动手学习前，有一些小的倡议。依据我本人学习的教训发现，这些倡议在当初乃至我当前的岗位生涯里都是有很大帮忙的。还有就是 开始学习前，倡议能够先花几天工夫，查找一些如何入门的文章，通过对许多文章及前人的倡议。整顿出适宜本人学习的一套残缺打算，而后在学习过程中，在本人对前端更加理解之后，做出一些打算的调整。我置信，在这样的打算学习之下比一来就开始学习具体常识要疾速无效得多。
- 代码标准：不是说小白期间不重要，正是什么都不懂的时候，才要严格执行学到的标准。徐徐渐进，等到学有所成，慢慢地造成一套本人的代码格调。
- 手写代码：最开始学习倡议手写代码，哪怕只有一行代码，也要一个字母一个空格的敲打进去。
- 入手操作：哪怕只有一行代码的事例，也要手动编写运行，而不是眼高手低，哦，好简略会了，就不入手了。
- 打好根底：只有小白阶段把根底打好了（比方：HTML、CSS、Jquery），后续进阶难关才会更好克服。
- 坚定不移：在感觉最难的时刻，保持一下，天空会齐全不一样
- 制订打算：制订相应的打算，并严格执行，否则个别学习效果大打折扣
- 好高鹜远：前端要学习把握的常识十分多，须要跟着打算一步一个脚印，由易到难
以上是集体学习时的总结，如果可能较好的遵循，学习效果和后续的进阶方面，有大大的帮忙。当然 适宜本人的办法形式才是最好的。
二，小白阶段怎么学
这个阶段的你，应该是什么都不会，或者连前端大略是做什么都不晓得。或者只是据说这个岗位火爆，好找工作，所以你想学习。也或者你看到一个精美的网页，你开始好奇了，感觉实现它是很美的一件事，你想理解怎么样做进去的。如果你想晓得怎么入门，能够看看接下来的倡议和意见。这是通过还是小白的自我学习阶段到胜任前端岗位这个过程中，积攒的一些教训，心愿可能有所帮忙。
学习步骤的倡议
（1）HTML 标签（网页构造标记语言）+CSS 款式（网页款式语言）。它们是实现动态 Web 利用最根底的语言，把握好它们，你能够编写出一个简略的模块（如导航等）甚至一个残缺的动态网页。
（2）Jquery 库（Javascript 编程语言的一个必须把握的库）。它能够让你之前做的动态网页“动起来”，比方（下拉二级菜单、网页右侧工具导航的开展等等交互特效）。
（3）倡议花工夫看看《DOM 编程艺术》这本书，或这类书籍。它是对于 Javascript 编程语言在网页开发下面的使用，跟着这本书走下来，你能够编写一个简略的具备交互成果的网站了。
以上几点就是小白最开始入门学习的货色，倡议依照程序学好这三种语言。能够应用 sublime 编辑器进行入手编写。当你依据学习步骤（3）实现一个小小的网站时，你会觉得很有成就感，后续的学习也就信念百增，趣味百倍。
三，初步进阶学习倡议
置信通过后面的摸索，如果你能坚持下去并依照倡议学习，应该曾经实现了第一个本人入手实现的网站了吧。接下来的一些初步进阶学习的倡议。
欠缺咱们的基础知识
（1）HTML5，更高级的标记语言，性能更加丰富多彩。新增许多标签，比方：canvas、video 等，能够本人实现更多的动画，炫酷的特效或者播放视频等等。
（2）CSS3，更高级的款式语言。你能够实现丰富多彩的页面动画，不必要每次都是用 js，应用 CSS3 就能够轻松便捷的实现一些想要的网页交互。
（3）javascript 编程语言(重中之重)。这是前端必要把握的真正算得上是编程语言的语言，学会灵活运用 javascript，将对当前学习工作有十分大的帮忙。把握它最重要的首先是学习好基础知识，而后通过一直的实战来晋升咱们的编程技巧和逻辑思维。这一块学习是继续的，直到咱们真正把握它并且可能灵活运用它。如果最开始学习一两遍之后，发现临时没有晋升的空间，咱们能够临时放一放。持续上面的学习，javascript 贯通咱们前端工作中，在之后的学习实现里也会遇到和锤炼到。真正学习起来并不难理解，要害是灵活运用。
（4）开始学会应用一些前端的框架，这里我是指前端的 UI 框架，它们能够帮忙咱们疾速高效的开发一个网站，并且界面风格也好不错。比方 PC 端的 Bootstrap，其实它是响应式的框架，也能够用在挪动端 H5 页面，或者 AmazeUi，这是一款专一于挪动端的框架。你能够百度也能够在对应框架的官网查看文档，当你学会应用某个框架的时候，其余的 n + 1 个各种各样的前端 UI 框架，你也会信手拈来。
（5）还有一种前端框架，如 layui 这类的，算是工具类框架。它外面蕴含了分页成果、弹窗成果、日期抉择控件等等内容。当你学习到这个时候或者更前面的学习里，你能够去学习如何应用，可能更高效的帮忙你实现我的项目的开发。
（6）通过百度，能够找到许多网页交互特效的插件，如二级菜单下拉特效、手风琴菜单、图片轮播、弹窗成果等等。下载它们源码及示例，入手学习应用或模拟它们的成果，能够帮忙咱们疾速实现一些比较复杂的交互特效。当初有十分多的收费开源插件，让咱们不必再反复造轮子，间接应用就很不便。当然，我的倡议是当你学会应用某个特效插件时，你能够学习它的源码，看看成果到底是如何实现的。这也是坚固学习 javascript 语言的好办法，你值得领有哦。
（7）到了这一步，你算是根本把握了前端开发的一些常识技能。你能够找到一些典型的官网来仿写它们的界面和交互特效，如京东官网、淘宝官网等等。认真写几个这样的官网首页，能够进一步坚固和欠缺之前的学习到的常识。
四，持续学习
当你能够实现一个根本的带有交互成果的页面之后，加入工作中进一步晋升本人就是须要把握一些风行的前端开发 JS 框架及高效风行的开发模式。置信到了这一步，你曾经胜利迈入了前端的大门，接下来就是为了如何成为工作中的主力前端工程师而修行了。
1、罕用的一些前端 JS 框架倡议
（1）vue.js，一款偏差于挪动端的 JS 框架，轻量级。数据驱动交互，学习起来非常容易，它能够不依赖与 Jquery 框架独立应用帮忙你开发一个敌对的挪动端界面。一个前端开发必要把握的技能，一款风行的 JS 框架。对于如何应用把握它，你能够百度，还能够去它的官网学习官网文档。
有须要前端面试题材料能够私信，CSS 面试题文档，JavaScript 面试题文档，vue 面试题文档，大厂面试题文档，收费分享！
（2）react.js，比拟起 vue，它更简单一点，重量级一点，然而实现大型的我的项目也很疾速便捷。把握它也成了诸多公司入职要求，置信学习过 vue 这类数据驱动框架，在学习起这个就会容易很多。比起平时 jQuery 开发我的项目，vue 和 react 开发要害是思维会有所转变，把握面向对象和数据驱动交互，会让你感到开发的更加容易和敌对。如何把握它，百度、菜鸟网站、官网文档都是不错的抉择。
2、比拟风行的开发模式倡议
（1）vue + webpack 集成开发
（2）react + webpack 集成开发
（3）node.js 学习及利用，一款能够应用 javascript 语言开发后盾的工具
（4）weex + webpack 集成开发，目前很少看到公司应用
（5）angular.js，和 vue.js 这些差不多，但目前也很少看到应用了
以上的开发框架及开发模式（1）（2）（3），是比拟多的互联网公司团队，都会采纳的。值得去深刻学习，并且当你把握后，你会发现开发前端我的项目原来能够这么简略。
放弃学习状态不断进步
以上的文章都是一些入门的倡议。当然贯通你学习中和当前的工作中，你可能还学要把握一些其余的必备技能。如：
- 百度很重要。
- UI 设计文件 PSD 切图（必备技能，学会看 UI 设计交付给你的设计图）。
- 应用谷歌或火狐浏览器的 F12 开发者模式，在开发过程中疾速调试找到问题。
- 与后盾配合进行数据接口的调试，及解决一些跨域的问题（如：nginx 的配置应用）。
- 不同我的项目应用不同最佳的开发工具（sublime、editplus、hbuilder、vsCode 等等）。
- 应用版本控制工具（如：svn），你与团队紧密配合的好工具。
最初这么多学习内容看下来，是不是都快放弃了，然而不要放心。入门很简略，做好入门指南之后，后续就会变得容易起来。这都是一些技术，一些工具，把握它就好了。真正的难点是工作中的团队配合，代码的标准，以及一直的提高。
五，加入工作后，一些倡议
（1）认清自我岗位的职责。
（2）与产品经理的配合：理解原型及需要，提出本人正当的倡议。
（3）与 UI 设计的配合：依据 UI 布局怎么实现才是最好最优的形式，而不是拿着设计图就埋头苦干，提出更好的倡议。
（4）与其余前端配合：这个时候代码标准特地重要，所以从一开始学习前端的时候，我就强调了在学习之初就造成良好的编码习惯是很不错的，很必要的。
（5）自我的初步测试：实现一个我的项目开发后，自我进行功能性的初步测试，无问题后再交付测试人员测试。
（6）配合测试人员，批改 bug。
（7）踊跃配合我的项目产品的后续迭代。
（8）当你的程度进一步晋升，你就要学会治理一个前端团队进行工作的调配和整体品质及交付工夫的把控。这个是一步一步晋升的，尽管当初你可能还接触不到，然而能够理解一下。