前端大牛们都学过哪些?

最近在看bootstrap,发现除了大一的时候看过的html+css,和一些js,JQuery之外,几乎没学什么关于前端的东西。偶尔了解过一些html5。想知道如果作为一个团队的前端负责人还需要学习哪些东西?发现bootstrap与.less有关,除了这个还有哪些是需要学习的?希望得到各方大神的回答。 --------------------------------------------------------------------------------------------------------------------------------------------…
关注者
5096
被浏览
269204

45 个回答

一步一步来。

CSS不能编程?用LessSassStylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJSEmber.js是MVVM,Twitter还弄了个事件驱动框架Flight。库多了要优化加载?RequireJS

代码质量成问题?JasmineQUnitMocha做单元测试。各种浏览器都要测?用Karma。测试通过了部署还有问题?持续集成,用Travis CI。用户行为也要测?用Selenium 。样式测试还有 Viff 。觉得JS都够麻烦的?用CoffeeScript

想做动画?Canvas或SVG还有CSS3帮忙,干掉Flash。SVG太难画?用Snap.svg。想开发游戏?用Canvas。自己写FPS太低?用框架,CreateJS.。2D太幼稚?three.js帮你用WebGL开发3D,还不够给力?asm.js让你在浏览器中拥有虚幻3引擎。

这一堆东西都要配置部署,麻烦,用Grunt,库太多?用Bower管理,项目开始要创建各种文件文件夹?用Yeoman。开源项目太多了,GitHub.上找,不会?学Git。顺便用Jekyll托管博客,不是吧还有Ruby这玩意...SASS也是Ruby写的,等等Sublime TextPython写的,要写插件?也学一下。调试太难?用Chrome开发者工具,一堆API和功能。

光在电脑浏览器上跑不给力?移动开发HTML5,离开网络就渣了?HTML5离线应用。不如原生应用?用PhoneGap。想调用原生API?开发Firefox OS应用吧。浏览器应用也得会吧,Chrome Firefox都有自己的文档。接着是不是把后端甩了,自己来,装Node.js,所以还得学点服务器知识,想用npm管理node包?linux技巧shell神马的也得学。想前后端通吃?再看看http协议。Web精通了?node-webkit 让你可以写桌面程序了,继续学吧。

想学模块化开发?看看CommonJSAMD规范。理解JS有偏差?看看ECMA-262,等等不知道什么时候第6版就要出了。浏览器各不相同,弄不清该怎么兼容?看看W3C标准,HTML写出来人看的懂,机器读不懂?要SEO,要支持残障人士?看HTML语义化,全会了但IE就是不支持?叫不出名字的浏览器尼玛连JS都不知道是啥?渐进增强。想一次把各种设备全搞定?响应式设计。

然后上面这些不过是一些讨巧的小技术。公司做什么业务的?了解一下行业信息。面向大众的产品?交互设计。美工不给力?UI设计。外包和咨询?设计模式、重构方法、算法、数据结构。知道软件工程吗?了解一下敏捷开发,或许还可以试试TDD、ATDD、BDD。

看了这么多东西,第一反应是不是求中文文档?学英语去吧。

这些也不过是我目前所能看到的一小部分,而且每段基本都是到了一个边界,并不是没得学了,而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外,我仅把一些知识点串起来,不全或不对的地方请见谅。

吐槽:知乎的链接功能至少浪费我15分钟时间。


----------------
本来不想更新,不过看到一直有人看到这个答案,担心时间过太久误导了大家,所以再说两句。其实我一直都在说,我只是看这个问题是疑惑该学点什么,所以摆了些工具和框架。但我发现许多人都只看标题,只记得“大牛”两个字,其实技术栈层面的前后端之分根本就很滑稽,无非是JavaScript和某某语言的区别罢了,对资源分配策略或者说思维的不同才是前后端之分的本质区别。如果没有领会到这一点的话,还是好好学技术,别管什么前端后端的了,项目需要你做web做页面,你就学前端再学点Java, Ruby, PHP之类的都可以。不要把前端这个概念当成懒得学其他技术的借口。未来JavaScript会变成相对浏览器来说的底层语言,开发者用各种各样语法的语言开发之后编译成JavaScript在浏览器上跑,如果还是只会前端三板斧,那注定被前端如火如荼的浪潮覆灭。TypeScript 相比CoffeeScript已经有了一些质变,还有类似Haskell语法的Elm, 加上webpack 的催化,这种趋势会越来越明显。
学过的东西杂而不精,算不得大牛。带过前端团队,也算是有几年前端负责人的经验。
随着这几年前端node.js,react,Angularjs等技术新起,越来越多从之前单纯的前端开发到前端全栈开发,技术之多,之有趣,前端实在是繁华得很。
但是目前大多数情况下的前端开发,主要还是在web开发上,所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的,把html,css,javascript学精通,已经是小神级别(我就很羡慕那些可以写一手好看的js的前端工程师)。
进入下一个阶段,优化!不管是前端,后端,任何一个技术方向,都实现功能,好的代码结构,接下来就是优化。你需要开始考虑页面的加载速度,代码压缩,图片压缩,dom节点的加载顺序,你会发现进入了新的境地。

作为前端负责人:
1 前端开发的能力
2 技术选型
3 管理团队
4 前端团队文化塑造

本回答只从技术角度阐述。
前端开发的能力,把html,css,javascript学好,你已经没有问题啦。
技术的选型,这对负责人的前端技术视野,甚至后端技术也有要求,还需要考虑团队的整体技术能力。

转一个资源汇总,对技术视野或有帮助(转自 前端资源教程 侵权删)
-----------————————————————————————
感谢知友,有好的前端内容告知我一下,列表持续更新

  1. 综合类

  2. 入门类

  3. 效果类

  4. 工具类

  5. 慕课专题

  6. 周报类

六. API:1. 总目录
  1. 开发中心

  2. 综合搜索

  3. 综合API

2. jQuery3. Ecmascript4. Js template5. 弹出层6. CSS7. Angularjs8. React9. 移动端API
  1. API
  2. 框架
10. avalon11. Requriejs12. Seajs13. Less,sass14. Markdown15. D316. 兼容性17. UI相关18. HTTP19. 其它API20. 图表类21. vue21. 正则22. ionic23. 其它七. 开发规范
  1. 前端

  2. PHP

  3. Android

八. 其它收集1. 各大公司开源项目2. Javascript
  1. 常用

  2. 算法

  3. 移动端

  4. JSON

3. Html54. CSS5. jQuery
  1. 焦点图

6. Ext, EasyUI, J-UI 及其它各种UI方案
  1. Ext

  2. EasyUI

  3. J-UI

  4. Other

7. 页面 社会化 分享功能8. 富文本编辑器9. 日历
  1. PC

  2. 移动


  3. Date library

10. 综合效果搜索平台11. 前端工程化
  1. 概述

  2. Gulp

  3. Grunt

  4. Fis

12. 轮播图
  1. pc图轮

  2. 移动端

13. 文件上传14. 模拟select15. 取色插件16. 城市联动17. 剪贴板18. 简繁转换19. 表格 Grid20. 在线演示21. 播放器22. 粒子动画九. Nodejs十. 性能优化
  1. 常规优化

  2. 优化工具

  3. 在线工具

十一. 前端架构十二. 个人作品1. 推荐作品2. 群员作品3. 国外大牛精品十三. 简历模板十四. 面试题十五. iconfont十六. 开发工具类
  1. 前端开发工具

  2. Chrome, Firebug, Filddle 调试

    1. Fiddler

    2. Chrome

    3. Firebug

    4. 移动,微信调试

    5. iOS Simulator

  3. img

  4. 生成二维码

  5. 浏览器同步

  6. 在线PPT制作

十七. 前端导航网站十八. 常用CDN十九. Git,SVN,Github
  1. Git