前端工程师

Rebecca Murphey是来自于 Bazaarvoice 的一位软件工程师。今年早些时候，她发布了一篇博客文章“ 前端（JS）开发者的基本素质之2015版 ”，为JavaScript开发者在进行客户端web开发时使用的工具与开发方式提出了一些建议。她在文章的总结中写道： 学习 ECMAScript 2015 ，推荐的参考资料有： 《Understanding ES6》 、 ES6 Rocks 以及 BabelJS 。我们在此还要加上一条，即Axel Rauschmayer的著作《 探索ES6 》。考虑到在当前这个时间点上似乎还没有必要了解ECMAScript 2015的所有细节，Murphey建议开发者更深入地了解如何使用异步调用、回调以及promise。 使用模块 。Murphey相信，模块毫无疑问应当作为客户端web应用程序的构建块。她最近在使用 webpack 以实现模块化的效果，但她希望让每个人都能够使用ECMAScript标准模块的那一天能够早日到来。 测试你的代码 。在Murphey看来，为你的代码编写测试，并且保证代码的可测试性是至关重要的。虽然她对于 Intern “非常中意”，但出于习惯，她还是坚持使用 Mocha 。关于这一方面，她也强烈推荐Michael Feathers的著作《 修改代码的艺术 》。 实现流程自动化 。Murphey曾经尝试使用

想做这个行业，就应该了解职能以及技能需求，这样学习才能更高效。我知道一些刚刚入行的小伙伴不清楚前端、后端、到底指的是什么？两者直接的区别 前端开发 前端开发主要涉及网站和App,用户能够从浏览器上或App屏幕上看到的东西。简单地说，能够从浏览器上或App屏幕看到的东西都属于前端。 1、技能与工具 前端开发，就是要创造上面提到的网站面向用户的部分背后的代码，并通过建立框架，构建沉漫性的用户体验。为了实现这个目标，开发需要熟练运用下列语言、框架、工具库： ·三大语言：HTML,CSS,和Javascript; ·此外，掌握jQuery和LESS等工具库也很重要，它们能帮助开发者以更高效的方式编码； ·很多前端开发岗也要求Ajax方法的使用经验，它可以帮助你使用Javascript在后台从服务器拉取数据，协助实现页面的动态加载。 使用这些技术，前端开发者能连接起网站设计者和后端开发者之间的桥梁。他们能提供用户体验方面的分析，构建模型和线框，给设计团队提出建议。他们能给后端编写的服务应用赋予生命，提升格调，营造美感。 薪资参考 后端开发 后端开发即“服务器端”开发，主要涉及软件系统”后端“的东西。比如，用于托管网站和App数据的服务器、放置在后端服务器与浏览器及App之间的中间件，它们都属于后端。简单地说，那些你在屏幕上看不到但又被用来为前端提供支持的东西就是后端。 1、技能与工具

Javascript 库 vue-cropper vue图片裁剪上传插件 layabox 与白鹭齐名的h5游戏动画库 Animatron HTML5 视频编辑平台。video作为 HTML5 的重要特性，很多开发者却仍然搞不清它的发布形式和加载策略，那么在 Animatron 上你可以快速编辑 HTML5 环境下的视频，利用它的自带动画素材库完成有趣的扁平风格卡通动效组件或者视频 Google Web Designer 以视觉设计为核心的代码可扩展工具。用来做布局和设备终端适配测试比较方便，界面很有 AE 的风格 HYPE3 专业级本地 HTML5 设计软件。很早以前就向大家推荐过，基于平行时间线逻辑的 HTML5 可视化设计开发平台，你甚至可以用它做一个脱机的交互演示文稿 Ember Burger Menu 汉堡式菜单样式生成器。越来越多的站点在自适时采用汉堡式折叠菜单，而这个网站就可以快速更改这种菜单的具体属性，并引用到你自己的项目中去▼ https://offirgolan.github.io/ember-burger-menu/ Anime CSS/JS 动画分享库。像一个在线小商城，有很多开发者自己上传的千奇百怪的 CSS 或者 JS 动画可以参考和引用 countUp.js 一个简洁的计数器跳动 js 组件，可以用于在 WEB 完成诸如访问量

一、前端发展简史 【静态网页时代】 　　◇ 1989年，Tim Berners-Lee(博纳斯 李）提出：个人计算机上访问大量的科研文献，并建议在文档中链接其他文旦，这就是WEB原型 　　◇ 1994年W3C（万维网 w3c.org）成立，网景公司推出第一代navigator浏览器，HTML也发布了第二代版本，TIM的好友设计出CSS，这就是前端的起点。 　　◇ 1995年，网景工程师设计出JavaScript语言 　　◇ 1996年，微软发布JScript，至此拉开navigator与IE浏览器大战 　　◇ 1997年6月，ECMA(欧洲计算机制造联合会)以JavaScript为基础指定了ECMAScript规范，从此各浏览器以此为规范来开发自己的 的浏览器产品。 　　◇ 2015年6月发布了ES6后改名为ES2015，并规定此后每年6月发布一个新的版本。以ES2015为分隔之前为JS老版本规范，之后为新版本规范。同样HTML在2014年发布了HTML5,2011年CSS发布css3，从此前端基础的技术栈逐步稳定下来。 【动态网页的崛起】 　　◇ 1995年之前，JS只能用来做一些简单的DOM的修改，WEB页面都是静态的（静态的显示文本和图片），1995年PHP诞生，1996ASP诞生，转换为IE服务端页面技术实现了WEB页面的动态化，从此进入 服务器渲染 的时代。 二

转行前端有哪些疑虑？ 在人生的抉择处，寻求一些别人的经验和总结，无可厚非，但是决定了就一定要坚定的走下去，谨慎是为了更好的坚持，而不是放弃的理由。 写在前面：这里前后端指的是web开发的前后端。 1、前端岗位需求如何？前景如何？薪资如何？（这是对将转行业的必要考量） 2、是自学好？还是培训好？（抱歉，我是自学的，对于培训，下文不发表任何观点） 3、如何高效学习，多久能找到工作？ 4、非科班会不会没发展？年龄大会不会被淘汰？ 5、前端和后端哪个好？上手？发展前景？ 以上这些问题，有些是1年前我想知道的，有些是1年前我所看到的文章里提到的，也顺便一起总结，我将用很长的篇幅从自己的亲身实践及各阶段的心路历程来论述。 关于我 先来看看我们是不是一类人吧，或者有多少相同点。 本人一般本科-电子信息专业，大学唯一学过与前端有一丢丢关系的课程，算是C语言吧（if、for这些语法和js接近）毕业后从事了近3年环保方面的工作，17年开始自学并转行，是一个不折不扣的非科班大龄零基础程序猿，不仅离开了自学的天堂（学校），而且已婚已育，常言道进入社会工作了就学不进去了，别说还有了家庭和孩子， 对此我有一些不同的看法： 这就提到了一个关于兴趣和压力的问题。 1、兴趣：从小到大，总是被问你的理想是什么？我依然记得这些声音：我要当科学家、我要当发明家......我只能说当时教育的价值观和崇拜都是正确的

　　 在决定做前端之前，以前蛮幻想自己未来可以成为后端工程师的，也写了很多很多的demo，但是，在spring这个生态圈里，我渐渐发觉自己的不适，我的进阶总是比别人慢，从开始的浓厚兴趣到现在的渐渐反感，真的很糟糕、难受，作为一个将要步入社会养活自己的成年人，时间等不及我了；那时候，我还是在徘徊，做规划，熬夜，继续学习，但是，我还是把生活处理得很糟糕，可能，自己太着急了，也太情绪化了... 　　其实迷茫是在指引改变 　　 　　没有改变就会失去机会 　　 　　我反省了自己，当务之急，我应该是跳出舒适圈，适应社会的情况，努力让自己强大，让自己独立起来。 　　后来，看过很多的文章，我渐渐了解到新颖的前端框架，自己也觉得前端可以快速上手，市场需求也多，对于我这种刚入坑的萌白，或许，这也是个好的方向吧，但是，前端要做好也是不容易的，毕竟制作的需求面向客户，面向每一位使用者，需要掌握的也是蛮多的。 　　目前，自己的走向是学习一个vue框架，学习node的后台框架koa2，数据库走向是mysql和mongodb，这两个都行，还要学习typescript，听说很多大厂的大佬都是用typescript写别人看不懂的代码，虽然，自己还不了解，但是，还是蛮期待的，还有就是不忘初心继续刷算法题。 　　每个人的未来是未知的，每个人都是极具潜力的，每个人的精彩都是与众不同的，每个人都希望自己的青春可以耀眼起来

开篇 前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 winter 在他的《重学前端》课程中提到： 到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个 API 以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是停留在会用阶段是远远不够的，我们还需要不断探索和深入。现在市面上并不缺少学习教程，技术文章，如果盲目的学习你会发现看过以后的知识留存率会很低，而且发现没有了解到的知识越来越多，这会让人产生焦虑。 实际上，除了坚持学习的强大的自驱力，你还需要一个很简单的学习方法。那就是：建立自己的知识体系。它能帮助你更系统性的学习，同时你也时刻能知道自己哪些地方是不足的。 我会把我工作和学习中接触到的知识全部归纳到我的知识体系中，其中不仅仅包括我已经学过的，还有很多我没有来得及学习的。 这不仅仅是我的知识体系，更是我时刻提醒自己的自检清单。 下面我会把我的自检清单分享给大家，你可以按照清单上的知识检测自己还有哪些不足和提升，我也建议大家建自己的知识体系

综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单。 star:15000 front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。 star:860 Front-end-Interview-questions 史上最全前端开发面试问题及答案 f2e-hub 包含 Animation，UI，dialog，Carousels，color，image，workflow 等。 star:100 awesome-javascript 一系列很棒的 javascript 库，资源。 star:3100 fks 前端技能汇总，包含前端知识架构，后端知识， linux ，书籍推荐等。 star:4000 node123 node.js 中文资料导航。 star:1200 mobile-web-favorites 移动端web开发收藏夹。 star:200 gulp-book Gulp 入门指南 样式/UI Semantic-UI 让你使用任何 HTML 标签 来表现UI控件。 这是一款语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架。 star:17500 primer CSS 风格指南。 star:3600 测试/工具 mocha 一个简单、灵活有趣的 JavaScript 测试框架，用于 Node.js

什么是前后端分离，要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。 在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。 前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的页面模板中，最后将页面渲染到浏览器展示。 这个过程中，前端只提供页面模板或者写一些JavaScript脚本，有的甚至JS脚本都是后端来写，前端的作用只局限于切图和样式模板文件，这种角色就是传说中的“切图仔”。 这也是为什么行业内都觉得前端是一个很简单的工作，只要花个一周，学下HTML、CSS和PS的简单技巧就可以胜任的工作。 现在看来，那时候的前端就是一个打酱油的，发展前景很有限。那时候的JavaScript脚本也比较简单，一个jQuery就可以横扫天下，所以对于精通语言类代码的后端程序员来说，可以很快的上手JavaScript，对前端来说，发展空间就更小了。 前后端分离，不只是简单的代码的分离。 首先是要架构上分离解耦，逐渐摆脱前后端在架构上的依赖，前后端各司其职，分开部署在不同的服务器上，通过RESTful接口传递数据。减轻后端服务器的压力，后端服务器不再负责页面渲染，只负责输入数据，吞吐量提升了好几倍。 其次是逻辑分离，不分离的时候，对于业务代码的界限很不明确

转 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。 核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 在互联网架构中，名词解释： Web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 一、开发人员分离 以前的JavaWeb项目大多数都是Java程序员又当爹又当妈，又搞前端，又搞后端。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。 大中型公司需要专业人才，小公司需要全才，但是对于个人职业发展来说，小编建议是分开。 1.对于后端Java工程师： 把精力放在Java基础，设计模式