前端大牛们都学过哪些东西?

 
作者:秦墨鱼
链接:http://www.zhihu.com/question/22146521/answer/94842197
来源:知乎
著作权归作者所有,转载请联系作者获得授权。

学过的东西杂而不精,算不得大牛。带过前端团队,也算是有几年前端负责人的经验。
随着这几年前端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. jQuery 3. Ecmascript 4. Js template 5. 弹出层 6. CSS 7. Angularjs 8. React 9. 移动端API
  1. API
  2. 框架
10. avalon 11. Requriejs 12. Seajs 13. Less,sass 14. Markdown 15. D3 16. 兼容性 17. UI相关 18. HTTP 19. 其它API 20. 图表类 21. vue 21. 正则 22. ionic 23. 其它 七. 开发规范
  1. 前端

  2. PHP

  3. Android

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

  2. 算法

  3. 移动端

  4. JSON

3. Html5 4. CSS 5. jQuery
  1. 焦点图

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

  2. EasyUI

  3. J-UI

  4. Other

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

    2. 移动


  1. Date library

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

  2. Gulp

  3. Grunt

  4. Fis

12. 轮播图
  1. pc图轮

  2. 移动端

13. 文件上传 14. 模拟select 15. 取色插件 16. 城市联动 17. 剪贴板 18. 简繁转换 19. 表格 Grid 20. 在线演示 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

 
 
 
 
 
作者:匿名用户
链接:http://www.zhihu.com/question/22146521/answer/110619920
来源:知乎
著作权归作者所有,转载请联系作者获得授权。

我不是大牛,只是介绍一点微小的人生经验。
我开始学前端,是w3cshool上的最基本的html、css和javascript教程,刚学完这些的时候其实也就入了个门,事实上连个毛都写不出来。“学以致用”,这些基础的知识,可能很多当时看的时候并不太明白,但是以后你碰到了具体的问题,再回想的时候,你就会恍然大悟,“原来如此”。
后来我在我的毕业设计上,需要用到一些前端操作,那个时候我主要用的是Bootstrap和jQuery,学完这两个东西你就能比较简单地写出一些还算好看的、也能动起来的页面了,不像前面那些东西,学了半天还是只能做一些很丑的页面,即使是实现一些基本的dom操作和ajax请求都很麻烦。
后来我实习了,刚开始学AngularJS的时候,它的双向绑定,前端MVC,真是让我惊为天人,简直太特么好用了。你要是前面的路都走完了,来到这里的时候你就会发现其实基本的html、css、javascript也就真的只是个基础,不一定要学得一字不落的,前端的发展日新月异,每分每秒都有很多新鲜的东西发明出来,虽然这有重复造轮子的嫌疑,但是这些新技术确实体现了现代化的软件开发思想(毕竟js是一门设计时间很短、也很不完善的语言)。
现在我主要用React+Redux+ES6写前端,感觉真是爽飞。而像gulp、webpack这些工具,其实只要稍微了解一下就行了,我个人的css不算好,所以对css方面不算太了解。
Apress出的书其实都蛮好的,例子很多,讲解又深,我推荐这几本
《Pro AngularJS》《Pro React》两本,还有一本css的书我觉得也很不错《CSS3 the missing manual》,不过都是英文的(搞计算机还是要有一定的英文水平)。
至于电子书的下载地址,你用谷歌搜书名就都找得到。
然后还有几个链接:
ECMAScript 6入门
React 入门教程
Read Me | Redux
一小时包教会 —— webpack 入门指南
我个人主要的路子就是以上这样的。其实我前端的基础并不算太好,全都是自学。但是这世上很多事情,要都想等到万无一失的时候才动手,那就什么都干不了,所以学得差不多了就赶快用起来,不要拖不要等,用着用着,你就会发现,也就这样,没啥大不了的。
posted on 2016-08-10 11:13  曹明  阅读(3874)  评论(1编辑  收藏  举报