前几天看到这样的问题:
最近在看 bootstrap,发现除了大一的时候看过的 html+CSS, 和一些 js,JQuery 之外,几乎没学什么关于前端的东西.偶尔了解过一些 html5.想知道如果作为一个团队的前端负责人还需要学习哪些东西?发现 bootstrap 与. less 有关,除了这个还有哪些是需要学习的?
其实,一步一步地来.
CSS 不能编程?用 Less,Sass,Stylus,甚至直接用 Absurd,框架除了 Bootstrap 还有很多.JS 写多了很麻烦?jQuery.移动开发?Zepto.js.结构不好?找框架,Backbone.js 是 MVC,AngularJS 和 Ember.js 是 MVVM,Twitter 还弄了个事件驱动框架 Flight.库多了要优化加载?RequireJS.
** 代码质量成问题?**Jasmine,QUnit,Mocha 做单元测试.各种浏览器都要测?用 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 Text 是 Python 写的,要写插件?也学一下.调试太难?用 Chrome 开发者工具,一堆 API 和功能.
光在电脑浏览器上跑不给力?移动开发 HTML5,离开网络就渣了?HTML5 离线应用.不如原生应用?用 PhoneGap.想调用原生 API?开发 Firefox OS 应用吧.浏览器应用也得会吧,Chrome Firefox 都有自己的文档.接着是不是把后端甩了,自己来,装 Node.js,所以还得学点服务器知识,想用 npm 管理 node 包?linux 技巧 shell 神马的也得学.想前后端通吃?再看看 http 协议.Web 精通了?node-webkit 让你可以写桌面程序了,继续学吧.
想学模块化开发?看看 CommonJS 和 AMD 规范.理解 JS 有偏差?看看 ECMA-262,等等不知道什么时候第 6 版就要出了.浏览器各不相同,弄不清该怎么兼容?看看 W3C 标准,HTML 写出来人看的懂,机器读不懂?要 SEO,要支持残障人士?看 HTML 语义化,全会了但 IE 就是不支持?叫不出名字的浏览器尼玛连 JS 都不知道是啥?渐进增强.想一次把各种设备全搞定?响应式设计.
然后上面这些不过是一些讨巧的小技术.公司做什么业务的?了解一下行业信息.面向大众的产品?交互设计.美工不给力?UI 设计.外包和咨询?设计模式,重构方法,算法,数据结构.知道软件工程吗?了解一下敏捷开发,或许还可以试试 TDD,ATDD,BDD.
看了这么多东西,第一反应是不是求中文文档?学英语去吧.
这些也不过是我目前所能看到的一小部分,而且每段基本都是到了一个边界,并不是没得学了,而是继续学又是另一片天地.真心希望有人能帮我填补知识盲区.另外,我仅把一些知识点串起来,不全或不对的地方请见谅.
其实我一直都在说,我只是看这个问题是疑惑该学点什么,所以摆了些工具和框架.但我发现许多人都只记得 "大牛" 两个字,其实技术栈层面的前后端之分根本就很滑稽,无非是 JavaScript 和某某语言的区别罢了,对资源分配策略或者说思维的不同才是前后端之分的本质区别.如果没有领会到这一点的话,还是好好学技术,别管什么前端后端的了,项目需要你做 web 做页面,你就学前端再学点 Java, Ruby, PHP 之类的都可以.不要把前端这个概念当成懒得学其他技术的借口.未来 JavaScript 会变成相对浏览器来说的底层语言,开发者用各种各样语法的语言开发之后编译成 JavaScript 在浏览器上跑,如果还是只会前端三板斧,那注定被前端如火如荼的浪潮覆灭.TypeScript 相比 CoffeeScript 已经有了一些质变,还有类似 Haskell 语法的 Elm, 加上 webpack 的催化,这种趋势会越来越明显.
我有一个前端学习交流 QQ 群:328058344 如果你在学习前端的过程中遇到什么问题,欢迎来我的 QQ 群提问,群里每天还会更新一些学习资源.禁止闲聊,非喜勿进.
来源: http://geek.csdn.net/news/detail/252325