如何在前端开发这种高精尖的技术领域找到心仪的工作？实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车、迎娶白富美走上人生巅峰的职业梦想？这篇《进化论：从 0 到 100，前端猿茁壮成长的精神饲料史》，肯定能给你事业的加速动力。
前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写 HTML, CSS 和 Javascript 就是能够找到一份前端开发工作的全部要求。而现在，web 开发远远不止是简单编码。因为大家的互联网上有了更多的内容，也因为有更多的人、更多设备可以访问互联网, web 前端开发技能也就更多了。大家现在需要考虑的问题很多，比如载入时间，性能，不同的屏幕尺寸, 不同的输入方式, build 系统, 部署策略，还有如何组织好大家的代码。
这还是想象中前端开发么？好吧其实只要你有热情，这些还是很有趣的，现在就来仔细看看，一份前端开发的工作，到底需要你准备些什么?
入行行头：5 大硬件
请准备好以下东西
一颗人类的大脑：智商在平均水平线以上即可一份强烈的渴望：偶的代码要可以运行在任何一个有浏览器的设备上。一台笔记本电脑：不需要花费很多钱得那种，只要它可以运行 Windows, Mac OS X, 或 Linux 系统。当然你也可以只用一台台式机，但是那样就不能带着它坐在咖啡馆里…一个文本编辑器：可以推荐的比如 Atom,Visual Studio Code, TextMate, 它们都有在 Mac OS, Windows 的免费版本，什么还有 Sublime, WebStorm? 啊，那些都很流行，不过需要需要一笔不少于 70 美元的花费…一个代理：这个大家都懂的，偶就不解释了
初级资质要求
一些专业基础
你需要学会浏览器能理解的三大语言：HTML, CSS, Javascript – 神圣的三位一体！
非常重要的一点是，一定要理解这三大语言后再去学习别的，确保知道怎样在各种尺寸的屏幕上排列好你的网页，怎样在一个按钮被按下后 do something!
一些很有用的学习资源
Codeacademy: interactive, code-along tutorials (this site is the bomb btw)Web Development for Beginners: article from .MDN：/en-US/docs/Web
中级进阶路径
一旦掌握了三大语言，就可以开始学习专业的开发流程啦：
Command line：好吧,命令行也许都会,但是要掌握最基本的操作,熟悉怎样配置你的环境,还有那些奇怪的 shell 脚本，因为你会经常用到它们。CSS 已经不够用了,大家有了 CSS 的预处理：Sass, LESS。知道如何搭建一个 build 系统：Gulp 或 Grunt 这类的构建任务脚本器,编译 LESS 成 CSS, concatenating Javascript, minify 压缩静态资源, 选一个异步或同步的方式加载它们，然后一个好的 build 系统要能自动做到那些,包括一个本地的 web 服务器用于测试代码。代码版本管理，git。在 github 上分享你的代码！部署! 让你的网站上线。可以找一个免费的服务提供商，比如 ,
这些几乎就是现代前端开发者会用到的工具和技术，好了，你现在可以成为一个前端开发工程师了。
高级炸裂装备
你已经能够为你的朋友的业务搭建一个网站了，简洁的排版，高清大照片，你成功了，它甚至在你的手机都看着很棒。那么还有什么值得学的？
把你的网站和一个内容管理系统 (CMS）集成在一起。一个 CMS 能够让你通过用户界面增、删、改、组织你的内容，不需要任何代码。这就是那些博客网站如何工作的。比如免费的 WordPress，去熟悉一个开源的 CMS 吧，会很有用的。
学习怎样搭建一个 CMS，意味着你讲要熟悉一个服务器端的语言，比如 Node.js, 或 PHP，然后你还会想要知道怎样和数据库打交道，比如 MySql 或者 MongoDB。
来熟悉一种 Javascript 框架吧，这样你可以真正的搭建一个交互出色的 web 应用，那真的很重要，比如 Angular, React, Ember。只要挑一个你喜欢的，但是一定要精通它。
Javascript design patterns，javascript 也有设计模式？ 是的，读一下吧。
突破天际的大招
沟通技巧！你需要和你的小伙伴们沟通，他们是你的 coder 伙伴，你的老板，你的用户，你的….， 有问题找 stackoverflow，扩展一下人脉把，上 , 在博客上写一些你的学习体验， 在 Gitgub 贡献一下你的 Pull request。
界面设计和用户体验设计 UI/UX design，前段开发的小伙伴需要具备基本的 UI/UX 设计知识。
搜索优化，要知道怎样提高网站的搜索排名，更容易被人们搜索到。
CSS 过度效果，给你的按钮写一个 hover 的 CSS 动画，还有你的从右边滑入的导航菜单也需要一个平滑的动画。
关于性能，让你的网站尽可能快的被加载，减少 DOM 的 reflow 和 repaint 操作，防止滚动性能瓶颈，优化 Javascript, 读一读这个吧 google web developer fundamentals。
用一些测试框架来实现 Javascript 单元测试，比如 Jasmine，QUnit。
持续集成 Continuous integration (CI)，知道怎样配置一套和伙伴们一起使用的自动测试和部署的工具，比如 CircleCI, Travis CI, Jenkins.
超好用的其他加成技能
↓↓↓这些并非必须，但能帮你脱颖而出：
用 CSS3, SVG, Canvas API 实现动画。
后端开发， Node.js
最后：去找工作吧！
有了技能是不够的，你需要能展示它们，你还能干的是：
搭建一个小网站，公开你的 gitub 代码库，确保你的代码和文档清楚漂亮，还有一份 README去 找你的老板或者投资人吧，开一个博客，申请一个 linkedin 帐号因为 web 技术总是在变化，最后，即使找到了一份称心的工作，还是需要 stay motivated, 你需要时常去下面这些地方转转：CSS Tricks，SitePoint，Smashing Magazine当然还有些像 CSDN 这样中文社区，总之遇到任何难题，社区里有总有乐于助人的。保持好的职业态度：Stay humble, and build cool shit
1. 从事基于Web的UI开发工作，参与公司移动端项目研发工作;
2.负责手机端wap站点及app内HTML5自适应页面开发;
3.独立完成前端需要用到JS的特效工作;
4.独立解决开发过程中遇到的各种问题(快速处理页面自适应、浏览器兼容等问题)。H5的开发使得WEB平台更加完善，使得其中的视频、音频、图像、动画以及交互等都有了规范法则。HTML5 是Web时代的前沿技术，具有强烈的互联网时代特征。但如果要让网页的内容更加生动，提供更多交互形式的用户体验，以满足企业级别的需求。那么还需要掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、Ajax、JavaScript等。
作为一名从业多年的IT人，偶来回答一下这个问题。
Web前端工程师是当前IT行业内从业人群相对比较大的岗位，在移动互联网的推动下，Web前端工程师的岗位任务边界也在不断得到拓展，逐渐在向移动端进行覆盖，同时在云计算的推动下，一部分Web前端工程师还需要从事一定的后端开发任务，所以当前的前端开发也被称为“大前端”。
早期Web前端工程师的工作压力还是比较大的，一方面前端的迭代速度本身就比较快，所以开发人员的工作量相对比较大，另一方面前端开发技术的更新速度也比较快，这导致很多前端开发工程师学习压力也比较大。在多方面因素的推动下，Web前端开发人员的职业生命周期也确实存在相对较短的情况。当然，至于能够从事到多大年龄，更大的决定权依然在程序员手里，目前依然有不少80后在从事前端开发工作。
从前端开发的发展前景来看，未来前端程序员的职业生命周期会逐步得到延长，原因有以下几点：
第一：前端开发平台化。目前前端开发正在向平台化方向发展，实际上随着云计算平台和大数据平台的相继成熟，前端开发也正逐渐向平台化方向迁移，这在一定程度上减轻了前端程序员的工作量，目前很多平台会自动生成呈现页面，前端程序员可以根据自己的需求进行修改。随着PaaS相关服务的落地应用，前端开发可以采用更多模块化的开发方式，这也会在一定程度上减轻程序员的工作压力。
第二：前端开发智能化。随着人工智能产品的不断推出，前端开发的智能化程度会越来越高，而且随着人工智能技术的不断发展，未来前端程序员将被从繁杂的迭代任务中解放出来，这会在一定程度上延长前端开发人员的职业生命周期。
第三：前端开发全栈化。前端开发全栈化是一个比较明显的发展趋势，随着目前大数据技术的发展，更多的开发团队开始采用“并行迭代”的开发方式，这一方面导致了开发团队的小型化，另一方面也促使程序员要承担更多的开发任务，从而推动程序员走向全栈化。
偶从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，偶会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注偶，相信一定会有所收获。
如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言，或者私信偶！
