前端学习小谈 - Githubissues

pengkobe commented 8 years ago

这里主要分享我对前端的一些理解，以及遇到的一些好文、好资料，篇幅有限，这里起个大纲，欢迎大家提出自己的见解，一起成长一起进步。作为一个迷茫过的过来人，希望能稍许帮到大家。

什么是前端

做什么？高标准的实现设计师出的界面？那是以前的看法了，前端已经不仅仅是传说中的切图仔了，随着前端业务日趋复杂，各类MVC框架的横空出世，连JS语言本身都加快了进化，也许ES6还没有完全普及，ES7早已经在路上。我司也很大程度上将业务逻辑搬到了前端，此外，前后端分离正在路上！

为什么做前端

不仅仅是码代码，前端作为面向用户的开发层，它涉及的知识不仅仅是开发层面，他需要与设计师沟通，能发现设计的一些问题，他需要与后台开发者沟通，确定前后端协作开发方式...有些工作甚至要求会一些设计知识。
前端是所有开发平台都需要的一块，可以独立于各大平台纷争，你和c#程序员、java程序员、php程序员都可以成为朋友。
前端产品很容易见到实效，随手写一段代码用浏览器打开就可运行。
所有客户端软件都可使用JS实现，桌面程序？没问题！APP？没问题！
前端已经不是之前所理解前端，其涉及到的计算机知识与其他语言平台一样多(工程化、自动化测试、MVC...)，的确是值得自己10年内，甚至一生去学习完善的东西。如此道来，干前端吧，还犹豫什么呢！

行业现状

由于工作好找和工资较高，前端工程师现在成了一个热门职业。很多不是搞计算机的人，也在考虑转行加入。社会上的培训班，每个周末的各种讲座和大会，都已经人满为患。
人才需求巨大，可能有几个原因:

大学里是没有前端这门专业的
随着移动端的崛起，前端开发人员明显不足
很多公司并没有意识到前端的重要性
用户对体验与交互的要求越来越高
越多企业意识到，前端是一种快捷便宜而又全能的产品开发方案( 全栈 )
其它方向的崛起，如数据可视化/VR等

我司现状

我司前端处在飞速发展中，作为一个在新领域打拼的创业公司，需求会不断显现，也会出现我们所在行业特有的一套解决方案。我们主要围绕能源、设施、人员(社交)展开，会开发各个细分行业的组件库。
关于PC与APP前端架构现状，可以参考我的总结: 我司前端现状
PC端正朝着工程化的方向发展，已在项目中开始进行整合与试验: fe-pc工程化改造说明
APP端架构也在不断进化，@小振正在如火如荼的进行改造。一切才刚开始，未来无极限！

难点

行业新，需求变化快、来的急，需要对资源进行有效的整合，快速开发出前端产品。简而言之，就是借助开源之力，再加以改造与创新。

PS: Hold住开源项目，可不是一件简单的事情。

成长之路

随着分工日趋明细，你可以成为某一个领域的专家(JS\NodeJS\APP\PC\原生开发...)
由于前端接近用户，接近行业，行业产品工程师稀缺，可以朝着产品经理方向发展
朝着全栈方向发展，掌握整体架构，加以时日你可以成为架构师或者CTO
当然，你可以成为CE0
最终，走遍天下都不怕...

其它能力

行业、产品思维、审美、交互，大家可以有针对的去学习一些知识，对个人成长很有好处，本人也在看一些相关书籍...

入门

事实上，哪怕编程零基础，经过三四个月的培训，也能做出网页和App。这里分享下 360奇舞团PPT: http://matrix.h5jun.com/
我们可以把这些PPT当作大纲，找到自己需要学习的知识点。

0基础入门

http://www.w3school.com.cn/
借助w3school即可，不久则可以开发出规整的网页了，建议从了解框架性的东西与流程性的东西入手，再对每个分支逐步深入，并查看相关技术点的应用案例。看技术书籍时也可以采取这种方式，技术知识点往往琐碎繁杂，很多都用不上，只需要懂得某项技术有某项功能可以在某种场景下应用即可。

入门资料

JS：JavaScript高级程序设计/Javascript权威指南-> Javascript语言精髓->ES6入门 ->es5中文版 CSS：CSS参考手册 -> CSS权威指南
HTML/HTML5: w3school -> HTML5与CSS3权威指南

进阶

前端工程师难道只会切页面就可以了？其实路还有很长，分享前端大师@寒冬winter写给前端的文章: http://taobaofed.org/blog/2016/03/23/the-growth-of-front-end/

社区

所有值得一看的社区都在此:http://jsdig.com/ ，从中选出自己中意的加入收藏夹吧，平时没事就看看大家都在干啥，又有哪些新玩意了。我推荐几个吧:

权威: https://developer.mozilla.org/zh-CN/
火热: http://www.w3ctech.com/
BAT：
- fex： http://fex.baidu.com/
- taobaofed： http://taobaofed.org/
- isux：http://isux.tencent.com/
  牛人博客
  
  这里分享我自己收藏的一部分，很多牛人待挖掘，牛人是我们学习的风向标，一定程度上代表行业趋势，不过牛人们大多只会针对自己所遇到的业务场景提出见解，我们自己的业务难点还得我们自己去解决，:(.
  链接: http://yipeng.info/p/57281c4f02b77eca70929c84
  
  长经验
  
  长经验之路可长可短，总的来说，需要在业务中不断去实践，并能够在遇到问题时究根问底，书中的道理很简单，实践时却漏洞百出，这一点本人深有体会。要说有快一点的路径的话，TJ大神指出:看优秀开源代码。

其它

前端必知工具，一些推荐：链接
前端代码规范，一些推荐：谷歌JavaScript代码规范
技能表/图，参考自淘宝玉伯

总

本人学习新知识的途径主要是逛开源社区+看书，由于经验有限，难免会有很多不足的地方，有请各位拍砖。

tomee-oy commented 8 years ago

666

tomee-oy commented 8 years ago

沙发

liuxinqiong commented 8 years ago

666

CShame commented 7 years ago

6666

liuxinqiong commented 6 years ago

再看一遍，感触更深了， @pengkobe ，好好学习，任重道远

NXT-FE / blog

前端学习小谈 #2