一步一步来。

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。

  1. - 桌面Web前端,也就是通常的前端,jQuery, YUI, MooTools, Dojo, Closure等
  2. - 移动Web开发 (Mobile Web),jQuery Mobile, Sencha touch (没做过移动开发以前,我错误的认为这个桌面前端差不多,现在觉得差别还是比较大的)
  3. - Web后端,NodeJS
  4. - 前后通吃,MeteorJS
  5. - 单页面Hybrid应用,BackboneJS,AngularJS,EmberJS, KnockoutJS等
  6. - 移动App开发,PhoneGap, Firefox OS, Titanium
  7. - 桌面应用,如Window8,再如 rogerwang/node-webkit 路 GitHub
  8. - 用JavaScript玩转物联网:Technical Machine获100万美元融资,打造Tessel微处理器

作者:张铮铮,http://tychio.net

转载:http://www.zhihu.com/question/22146521/answer/20462433

前端大牛们都学过哪些东西相关推荐

  1. python和scre_前端大牛们都学过哪些东西?

    想成为一名前端大牛,按照这个路线学习,足以帮助你快速成长. 从一名小白开始入门前端,到前端进阶,再到成长为技术大牛. 首先学习 HTML.CSS 和 JavaScript 的基础知识.你可以在以下几个 ...

  2. python应声虫代码_前端大牛们都学过哪些东西?

    一步一步来. CSS不能编程?用Less.Sass.Stylus.甚至直接用 Absurd,框架除了Bootstrap还有很多.JS写多了很麻烦?jQuery.移动开发?Zepto.js.结构不好?找 ...

  3. 前端 php 需要都学吗,php需要学哪些

    学习PHP最重要的是要学好基础知识,所以要学习前端基础知识,php语法,函数等,然后还要学习数据库,面向对象,php框架等 php容易学习,使用广泛,主要适用于Web开发领域.它是一种通用开源脚本语言 ...

  4. 2020年Web前端最新导航(常见前端框架、前端大牛)

    前言 本文列出了很多与前端有关的常见网站.博客.工具等,整体来看比较权威.有些东西已经过时了,我就不列出来了. 学是一方面,也是最主要的方面:但还有一个作用,比如,"这个前端框架你都不知道啊 ...

  5. 【自学前端】我只学这些够吗?好难

    表弟也终于到了马上要大学毕业的时间,然后听说我在做前端开发工作,就想着能不能和我一起搞一搞. 我说这又不是小时候一起去地里抓兔子,说走就一起走,拿上工具一起走了,这得学啊.看着表弟期待的眼神,他问了我 ...

  6. 自学web前端的方法都有哪些?新手怎么学HTML5

    HTML5开发是当今比较火热的一个专业,它相对于iOS开发.Android开发来说,学习门槛比较低,不需要任何编程基础,所以对于没有编程基础的同学来说,学HTML5开发是比iOS开发和Android开 ...

  7. 前端开发从项目中获得什么_我如何获得副项目的前10个客户以及从他们那里学到的东西...

    前端开发从项目中获得什么 by Tigran Hakobyan 由Tigran Hakobyan 我如何获得副项目的前10个客户以及从他们那里学到的东西 (How I got my first 10 ...

  8. network 拦截不到东西是怎么做到的?_都说读中职院校学不到东西,中职学生到底是怎么学习的?...

    中职院校在社会中的影响一直并不是很好,一直都是负面影响高于正面影响,那么,我们不禁就要问了,一直在喊提升中职院校的教学质量,质量提升到哪里去了呢!那些中职院校里的学生到底又是怎么学习的呢?为什么都说去 ...

  9. 中学生计算机都学什么东西,计算机专业都学什么 初中毕业学计算机有前途吗...

    计算机专业都学什么 初中毕业学计算机有前途吗2018-08-31 16:36:41文/许君 计算机专业是近几年非常热门的一个专业,很多初中毕业生都会选择计算机专业进行学习,那么计算机专业都学什么呢?初 ...

最新文章

  1. JAVA中栈和堆总结
  2. 解决ubuntu上ifconfig没有eth0/ens33且无法上网的问题
  3. 【转】Tomcat7启动的总过程 (有时间自己写下tomcat8的)
  4. 柠檬网络电视_睡觉时旁边放柠檬,真能促进长高提升记忆力?权威解答来了
  5. ActiveSupport::Concern 和 gem 'name_of_person'(300✨) 的内部运行机制分析
  6. pythonrequest得替代_python的扩展包requests的高级用法
  7. 阿里云前端周刊 - 第 37 期
  8. windows api中定义的基本数据类型简介(转)
  9. numpy常用的一种高效切片方式
  10. 为什么数据库用B+树(3条法则需记牢)
  11. 如何在Inceptor中使用日期函数获取与转换时间
  12. 汽车经销商销售发票扫描识别方案
  13. 文本去重Linux,Shell实现文本去重并操持原有顺序
  14. 计算机组装实验老毛桃u盘报告,老毛桃winpe硬盘安装版制作教程
  15. 双系统正确卸载Ubuntu系统
  16. Android 日历提供器(二)
  17. 怎样生成唯一的ID?
  18. ubuntu20.04入门----安装QQ,微信,搜狗等
  19. 学习型通用红外遥控设备(二)
  20. TVS Schottky Zenner介绍

热门文章

  1. centos7使用记录
  2. 设计模式(五)学习----装饰模式
  3. CString Format
  4. Flash Player9.0 跟Flash Player8.0区别
  5. 图形学相关的一些数学知识(链接)
  6. 爬虫项目——BS练手(2)
  7. 为何需要商业智能BI软件
  8. 数据分析工具具备什么功能
  9. css3盒子模型微课_CSS3 盒子模型
  10. 如何计算像素当量_「轴承知识」如何通过静承载能力选择轴承