前端大牛们都学过哪些东西？
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。
看了这么多东西，第一反应是不是求中文文档？学英语去吧。
这些也不过是我目前所能看到的一小部分，而且每段基本都是到了一个边界，并不是没得学了，而是继续学又是另一片天地。真心希望有人能帮我填补知识盲区。另外，我仅把一些知识点串起来，不全或不对的地方请见谅。
吐槽：知乎的链接功能至少浪费我15分钟时间。
----------------
本来不想更新，不过看到一直有人看到这个答案，担心时间过太久误导了大家，所以再说两句。其实我一直都在说，我只是看这个问题是疑惑该学点什么，所以摆了些工具和框架。但我发现许多人都只看标题，只记得“大牛”两个字，其实技术栈层面的前后端之分根本就很滑稽，无非是JavaScript和某某语言的区别罢了，对资源分配策略或者说思维的不同才是前后端之分的本质区别。如果没有领会到这一点的话，还是好好学技术，别管什么前端后端的了，项目需要你做web做页面，你就学前端再学点Java, Ruby, PHP之类的都可以。不要把前端这个概念当成懒得学其他技术的借口。未来JavaScript会变成相对浏览器来说的底层语言，开发者用各种各样语法的语言开发之后编译成JavaScript在浏览器上跑，如果还是只会前端三板斧，那注定被前端如火如荼的浪潮覆灭。TypeScript 相比CoffeeScript已经有了一些质变，还有类似Haskell语法的Elm, 加上webpack 的催化，这种趋势会越来越明显。首先我不是大牛
- 前端规范，无规不成方圆，养成良好的代码习惯是学习前端开发的基石；
- html+css（html语意化，css要有个人见解，不停留在会写）；
- js（研究类库，学习他们的思想，试着编写js库）；
- nodeJS，angularJS，“新”是前端的灵魂，要跟着时代走，新技术一定要去了解；
- php+java+Linux+http+db+oc，后端要去了解，说好的全栈工程师呢？
- 可以的话能在mac环境下开发
/* update */
刚几个朋友问我为什么要选mac环境：
1、Mac OS X 是基于 Unix 的。这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 windows 开发人员，我想你会在 windows 上装一套cygwin 环境吧？你不用 flex/yacc，grep，screen，ssh，make？好多 open source 的项目只提供cygwin/gcc/make 的编译环境。Mac 就是基于 BSD Unix 的，所有这些都是 built in 的。免责申明，偶不是大牛，连小牛都不是 :)
2、开发环境。c/c++/java/perl/python/php/ruby/lisp，各种 shell，应有尽有，直接支持，非常方便。你要在 windows 上开发 C++，要装个 Visual Studio 编译器吧？或者其他的 C++ 编译器；你要开发 Java，你要下载 Java SDK 吧，说不定还要一个 Elipse 或者 Netbean；你要用 Perl，要安装一个 Perl 解释器吧，Active Perl？你要 python/php/ruby，你要安装……？开发程序需要库，图像处理，视频处理，人工智能之类大部分库都是只支持 Unix/Linux 的。Mac 基于 Unix，所以这些通通都和 Mac 能很好和睦相处。
3、编辑器 Vi/Emac。作为 程序员/IT 人员一个好用的编辑器太重要了，因为写程序/改系统配置都需要编辑器。我在Mac上差不多1/2的时间是 browser/email，另外1/2时间差不多就是 Vi 了。
4、没有病毒/木马。用了5年多的 Mac 就没看到病毒长成什么样，我还看不到 Mac 上装杀毒软件的需要。
5、不需要维护。Mac 买来就直接用，磁盘碎片整理？不需要。装驱动？Mac 装好了，驱动就好了。重装系统？我5年没有重装过一次（期间换了几次不同的 Mac）。
6、简洁。Mac 上所有的操作都简洁到了极致，尽量避免干扰用户，增加了程序员的生产力。比如切换无线网功能，在 Mac 上切换只需要1次鼠标点击就可以完成，在 windows 上需要点击多次鼠标（包括一些很愚蠢的确认对话框）；再比如卸载 USB 盘，Mac 只需要1次鼠标点击，windows 至少需要点击右下角图标、停止设备、确认对话框等多次点击。
7、多窗口切换。这个很方便管理打开的程序/文档。我经常要在多个虚拟窗口切换，比如看浏览网页/邮件一个窗口，写程序/文档一个窗口。
8、程序员文化。国外程序员是以 Unix 为主流成长起来的。这一点和国内不同，中国程序员/开发人员大都是从90年代的 DOS 开始的，随着 Windows 的壮大，成长了一批使用 Microsoft 工具的程序员。这也解释了为什么自从 Mac 切换到 Unix 阵营后，Mac 会发展这么快。基于 Unix 的 Mac 一经推出后，迅速赢得了一大批老 Unix hacker 和新 Web 2.0/Linux hacker 的关注，正是因为这些忠实的 fans 影响了他们的人际网络，圈子，博客，从而影响了整个程序员文化。有点像 Ruby on Rails，开始是一小部分人（精英人士）试用，这些人感觉不错就在博客，研讨会等各种场合鼓吹，从而在 Web 开发领域刮起一阵 Ruby 风。
9、苹果很酷。每台电脑，每个系列都设计完美，从包装盒，宣传册，广告，电源线，电脑内部，电脑外观，电脑软件都精心设计，风格统一。甚至微小到螺丝，看过苹果机箱上的螺丝，机箱里面的数据线吗？那个也是设计。每个 Mac 上都标记着：Designed by Apple in California，而不是 Desgined in USA，苹果就是这么酷，“我们是一家加州公司”。苹果的保密措施可以说做到了极致，产品官方不发售就在市场上看不到踪影。
10、企业家精神。苹果的传奇经历吸引了大批硅谷创业者，Apple/Google/Microsoft/Amazon/eBay/Yahoo 代表了创新，进取的企业家精神。这不是一个大原因，但可以看作是 Mac 在国外，尤其是在美国，尤其是在硅谷，尤其是在大学这么流行的一个小原因吧。据调查2007年美国大学 Mac 市场占有率第一，这些大学精英们毕业以后走上工作岗位，走上社会，再过几年其中一部分走入中层，走进高层，他们会如何影响 Mac 呢？
纯抛砖引玉，前端，我的理解是主要是HTML, CSS, JavaScript
学过哪些东西，我觉得取决于方向，因为JavaScript似乎什么都可以做，一些个人认为的方向，抛砖引玉：
- - 桌面Web前端，也就是通常的前端，jQuery, YUI, MooTools, Dojo, Closure等
- - 移动Web开发 (Mobile Web)，jQuery Mobile, Sencha touch (没做过移动开发以前，我错误的认为这个桌面前端差不多，现在觉得差别还是比较大的)
- - Web后端，NodeJS
- - 前后通吃，MeteorJS
- - 单页面Hybrid应用，BackboneJS，AngularJS，EmberJS， KnockoutJS等
- - 移动App开发，PhoneGap, Firefox OS, Titanium
- - 桌面应用，如Window8，再如 rogerwang/node-webkit 路 GitHub
- - 用JavaScript玩转物联网：Technical Machine获100万美元融资，打造Tessel微处理器
但无论如何基础都要打扎实了，我觉得HTML，CSS，JAVASCRIPT
web开发万变不离其宗。工具日新月异，但基本功还是这些。
不推介在有一定基础之前搞些乱七八糟的工具，什么自动化处理组件。其中的原理自己都没明白，只会是个人云亦云的应声虫。
学习前端，少想那些有的没的，少看那些人云亦云的东西。看看大牛的微博，博客。看看他们讨论什么，学习什么。
微博上有很多前端大牛。自己稍微看看，就知道了。参与一些开源的项目。
慢慢的去积累。想成为任何大牛。你可知道，大牛成长之前都是卑微的苦行者？前端好可怕，看完回答我都不想干了……居然要掌握这么多东西。0 0
不想再给知乎贡献答案
前端大牛？大牛？不知为何，我特别讨厌大牛这俩字。可能只是喜欢在行业群里蹦跶，也有可能只是熟练使用某些框架，这些人都不叫大牛。 优秀的前端只有两点，第一，美感好，对用户体验有研究，能影产品甚至ued（可惜几乎没有这样的前端）！第二，程序思维好，对应的是css、html、js基础扎实，并且愿意去研究前端的前沿技术、框架同时对于后端也有一定的了解（为了更好的和后端配合）。学过的东西杂而不精，算不得大牛。带过前端团队，也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起，越来越多从之前单纯的前端开发到前端全栈开发，技术之多，之有趣，前端实在是繁华得很。
但是目前大多数情况下的前端开发，主要还是在web开发上，所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的，把html,css,javascript学精通，已经是小神级别（我就很羡慕那些可以写一手好看的js的前端工程师）。
进入下一个阶段，优化！不管是前端，后端，任何一个技术方向，都实现功能，好的代码结构，接下来就是优化。你需要开始考虑页面的加载速度，代码压缩，图片压缩，dom节点的加载顺序，你会发现进入了新的境地。
作为前端负责人：
1 前端开发的能力
2 技术选型
3 管理团队
4 前端团队文化塑造
本回答只从技术角度阐述。
前端开发的能力，把html,css,javascript学好，你已经没有问题啦。
技术的选型，这对负责人的前端技术视野，甚至后端技术也有要求，还需要考虑团队的整体技术能力。
转一个资源汇总，对技术视野或有帮助（转自 前端资源教程 侵权删）
-----------————————————————————————
感谢知友，有好的前端内容告知我一下，列表持续更新
综合类
- 前端知识体系
- 前端知识结构
- Web前端开发大系概览
- Web前端开发大系概览-中文版
- Web Front-end Stack v2.2
- 免费的编程中文书籍索引
- 前端书籍
- 前端免费书籍大全
- 前端知识体系
- 免费的编程中文书籍索引
- 智能社 - 精通JavaScript开发
- 重新介绍 JavaScript（JS 教程）
- 麻省理工学院公开课：计算机科学及编程导论
- JavaScript中的this陷阱的最全收集–没有之一
- JS函数式编程指南
- JavaScript Promise迷你书（中文版）
- 腾讯移动Web前端知识库
- Front-End-Develop-Guide 前端开发指南
- 前端开发笔记本
- 大前端工具集 - 聂微东
- 前端开发者手册
入门类
- 前端入门教程
- 瘳雪峰的Javascript教程
- jQuery基础教程
- 前端工程师必备的PS技能——切图篇
- 结合个人经历总结的前端入门方法
效果类
- 弹出层
- 焦点图轮播特效
工具类
- css sprite 雪碧图制作
- 版本控制入门 – 搬进 Github
- Grunt-beginner前端自动化工具
慕课专题
- 最体系最负责的前端在线教学网站
- 张鑫旭 - 慕课系列
- lyn - 慕课系列
- 艾伦 - 慕课系列
- 碧仔 - Hello，移动WEB
- 最体系最负责的前端在线教学网站
周报类
- 平安科技移动开发二队技术周报
开发中心
- mozilla js参考
- chrome开发中心（chrome的内核已转向blink）
- safari开发中心
- microsoft js参考
- js秘密花园
- js秘密花园
- w3help 综合Bug集合网站
综合搜索
- javascripting
- 各种流行库搜索
综合API
- runoob.com-包含各种API集合
- 开源中国在线API文档合集
- devdocs 英文综合API网站
- jQuery API 中文文档
- hemin 在线版
- css88 jq api
- css88 jqui api
- 学习jquery
- jquery 源码查找
- Understanding ECMAScript 6 - Nicholas C. Zakas
- exploring-es6
- exploring-es6翻译
- exploring-es6翻译后预览
- 阮一峰 es6
- 阮一峰 Javascript
- ECMA-262，第 5 版
- es5
- template-chooser
- artTemplate
- tomdjs
- 淘宝模板juicer模板
- Fxtpl v1.0 繁星前端模板引擎
- laytpl
- mozilla - nunjucks
- Juicer
- dustjs
- etpl
- artDialog 最新版
- artDialog 文档
- google code 下载地址
- 贤心弹出层
- 响应式用户交互组件库
- sweetalert-有css3动画弹出层
- CSS 语法参考
- CSS3动画手册
- 腾讯css3动画制作工具
- 志爷css小工具集合
- css3 js 移动大杂烩
- bouncejs 触摸库
- css3 按钮动画
- animate.css
- 全局CSS的终结(狗带) [译]
- Angular.js 的一些学习资源
- angularjs中文社区
- Angularjs源码学习
- Angularjs源码学习
- angular对bootstrap的封装
- angularjs + nodejs
- 吕大豹 Angularjs
- AngularJS 最佳实践
- Angular的一些扩展指令
- Angular数据绑定原理
- 一些扩展Angular UI组件
- Ember和AngularJS的性能测试
- 带你走近AngularJS - 基本功能介绍
- Angularjs开发指南
- Angularjs学习
- 不要带着jQuery的思维去学习AngularJS
- angularjs 学习笔记
- angularjs 开发指南
- angularjs 英文资料
- angular bootstrap
- angular jq mobile
- angular ui
- 整合jQuery Mobile+AngularJS经验谈
- 有jQuery背景，该如何用AngularJS编程思想
- AngularJS在线教程
- angular学习笔记
- react.js 中文论坛
- react.js 官方网址
- react.js 官方文档
- react.js material UI
- react.js TouchstoneJS UI
- react.js amazeui UI
- React 入门实例教程 - 阮一峰
- React Native 中文版
- Webpack 和 React 小书 - 前端乱炖
- Webpack 和 React 小书 - gitbook
- webpack
- Webpack，101入门体验
- webpack入门教程
- 基于webpack搭建前端工程解决方案探索
- React原创实战视频教程
- API
- 99移动端知识集合
- 移动端前端开发知识库
- 移动前端的一些坑和解决方法（外观表现）
- 【原】移动web资源整理
- zepto 1.0 中文手册
- zepto 1.0 中文手册
- zepto 1.1.2
- zepto 中文注释
- jqmobile 手册
- 移动浏览器开发集合
- 移动开发大杂烩
- 微信webview中的一些问题
- 框架
- 特色的HTML框架可以创建精美的iOS应用
- 淘宝SUI
- avalonjs
- Avalon新一代UI库： OniUI
- avalon.oniui-基于avalon的组件库
- 前端资源教程
- Javascript模块化编程（一）：模块的写法
- Javascript模块化编程（二）：AMD规范
- Javascript模块化编程（三）：require.js的用法
- RequireJS入门（一）
- RequireJS入门（二）
- RequireJS进阶（三）
- requrie源码学习
- requrie 入门指南
- requrieJS 学习笔记
- requriejs 其一
- require backbone结合
- seajs
- seajs 中文手册
- sass
- sass教程-sass中国
- Sass 中文文档
- less
- Markdown 语法说明 (简体中文版)
- markdown入门参考
- gitbook 国外的在线markdown可编辑成书
- mdeditor 一款国内的在线markdown编辑器
- stackedit 国外的在线markdown编辑器，功能强大，同步云盘
- mditor 一款轻量级的markdown编辑器
- lepture-editor
- markdown-editor
- d3 Tutorials
- Gallery
- lofter
- iteye
- ruanyifeng
- esma 兼容列表
- W3C CSS验证服务
- caniuse
- csscreator
- microsoft
- 在线测兼容-移动端
- emulators
- bootcss
- MetroUICSS
- semantic
- Buttons
- kitecss
- pintuer
- amazeui
- worldhello
- linuxtoy
- gitmagic
- rogerdudler
- gitref
- book
- gogojimmy
- HTTP API 设计指南
- javascript流行库汇总
- 验证api
- underscore 中文手册
- underscore源码分析
- underscore源码分析-亚里士朱德的博客
- underscrejs en api
- lodash - underscore的代替品
- ext4api
- backbone 中文手册
- qwrap手册
- 缓动函数
- svg 中文参考
- svg mdn参考
- svg 导出 canvas
- svg 导出 png
- ai-to-svg
- localStorage 库
- Highcharts 中文API
- Highcharts 英文API
- ECharts 百度的图表软件
- 高德地图
- 开源的矢量图脚本框架
- svg 地图
- Vue
- Vue 论坛
- Vue 入门指南
- Vue 的一些资源索引
- 前端资源教程
- JS正则表达式元字符
- 正则表达式30分钟入门教程
- MDN-正则表达式
- ruanyifeng - RegExp对象
- 小胡子哥 - 进阶正则表达式
- is.js
- 正则在线测试
- 前端资源教程
- ionic
- Mock.js 是一款模拟数据生成器
前端
- 通过分析github代码库总结出来的工程师代码书写习惯
- HTML&CSS编码规范 by @mdo
- 团队合作的css命名规范-腾讯AlloyTeam前端团队
- 前端编码规范之js - by yuwenhui
- 前端编码规范之js - by 李靖
- 前端开发规范手册
- Airbnb JavaScript 编码规范（简体中文版）
- AMD与CMD规范的区别
- AMD与CMD规范的区别
- KISSY 源码规范
- bt编码规范
- 规范加强版
- 前端代码规范 及 最佳实践
- 百度前端规范
- 百度前端规范
- 百度前端规范
- ECMAScript6 编码规范–广发证券前端团队
- JavaScript 风格指南/编码规范（Airbnb公司版）
- 网易前端开发规范
- css模块
- 前端规范资源列表
PHP
- 最流行的PHP 代码规范
- 最流行的PHP 代码规范
Android
- 【敏捷开发】Android团队开发规范
- Android 开发规范与应用
- Facebook Projects
- 百度web前端研发部
- 百度EFE
- 百度github
- alloyteam
- alloyteam-github
- alloyteam-AlloyGameEngine
- AlloyDesigner 即时修改，即时保存，设计稿较正，其它开发辅助工具
- H5交互页编辑器AEditor介绍 H5动画交互页开发的工具介绍
- AEditor H5动画交互页开发的工具
- maka
- 值得订阅的weekly
- 腾讯html5
- 奇舞团开源项目
- Qunar UED
常用
- ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性
- 模拟键盘
- 拼音
- 中国个人身份证号验证
算法
- 数据结构与算法 JavaScript 描述. 章节练习
- 常见排序算法（JS版）
- 经典排序
- 常见排序算法-js版本
- JavaScript 算法与数据结构 精华集
- 面试常考算法题精讲
- 前端资源教程
移动端
- fastclick
- no-click-delay
JSON
- 模拟生成JSON数据
- 返回跨域JSONAPI
- HTML5 有哪些让你惊艳的 demo？
- browserhacks
- 前端资源教程
焦点图
- myfocus
- myfocus-官方演示站
- SuperSlidev2.1 – 大话主席
- soChange
Ext
- extjs
- ext4英文api
- ext4中文api
- 前端资源教程
EasyUI
- jquery easyui 未压缩源代码
J-UI
- J-UI
Other
- MUI-最接近原生APP体验的高性能前端框架
- Amaze UI | 中国首个开源 HTML5 跨屏前端框架
- 淘宝 HTML5 前端框架
- KISSY - 阿里前端JavaScript库
- 网易Nej - Nice Easy Javascript
- Kendo UI MVVM Demo
- Bootstrap
- Smart UI
- 雅虎UI - CSS UI
- 百度分享 pc端
- JiaThis pc端
- 社会化分享组件 移动端
- ShareSDK 轻松实现社会化功能 移动端
- 友盟分享 移动端
- 百度 ueditor
- 经典的ckeditor
- 经典的kindeditor
- wysiwyg
- 一个有情怀的编辑器。Bach’s Editor
- tower用的编辑器
- summernote 编辑器
- html5编辑器
- XEditor
- wangEditor
PC
- 经典my97
- 强大的独立日期选择器
- fullcalendar
- fullcalendar日历控件知识点集合
- 中文api
- 农历日历
- 超酷的精品百度带节日日历老黄历控件
- 日期格式化
- 大牛日历控件
- 我群某管理作品
- input按位替换-官网
- input按位替换-github
- bootstrap-daterangepicker
- 国外30个插件集合
- JavaScript datepicker
- Datepair.js
- 一个风格多样的日历
- 弹出层式的全日历
- jquery双日历
移动
- 大气实用jQuery手机移动端日历日期选择插件
- jQuery Mobile 移动开发中的日期插件Mobiscroll
Date library
- Datejs
- sugarjs
- Moment.js
- 效果网
- 17素材
- 常用的JavaScript代码片段
概述
- 前端工具大全
- 什么是前端工程化
Gulp
- Gulp官网
- Gulp中文网
- gulp资料收集
- Gulp：任务自动管理工具 - ruanyifeng
- Gulp插件
- Gulp不完全入门教程
- 为什么使用gulp?
- Gulp安装及配合组件构建前端开发一体化
- Gulp 入门指南
- Gulp 入门指南 - nimojs
- Gulp入门教程
- Gulp in Action
- Gulp开发教程（翻译）
- 前端构建工具gulpjs的使用介绍及技巧
Grunt
- gruntjs
- Grunt中文网
Fis
- fis 官网
- fis
pc图轮
- 单屏轮播sochange
- 左右按钮多图切换
- fullpage全屏轮播
移动端
- 无缝切换
- 滑屏效果
- 全屏fullpage
- 单个图片切换
- 单个全屏切换
- 百度的切换库
- 单个全屏切换
- 滑屏效果
- 旋转拖动设置
- 类似于swipe切换
- 支持多种形式的触摸滑动
- 滑屏效果
- 大话主席pc移动图片轮换
- 滑屏效果
- 基于zepto的fullpage
- [WebApp]定宽网页设计下，固定宽度布局开发WebApp并实现多终端下WebApp布局自适应
- 判断微信客户端的那些坑
- 可以通过javascript直接调用原生分享的工具
- JiaThis 分享到微信代码
- 聊聊移动端跨平台开发的各种技术
- 前端自动化测试
- 多种轮换图片
- 滑动侧边栏
- 百度上传组件
- 上传
- flash 头像上传
- 图片上传预览
- 图片裁剪
- 图片裁剪-shearphoto
- jQuery图片处理
- 前端资源教程
- 糖饼 select
- flexselect
- 双select
- select2
- 前端资源教程
- 类似 Photoshop 的界面取色插件
- jquery color
- 取色插件集合
- farbtastic 圆环＋正方形
- 前端资源教程
- jquery.cityselect.js基于jQuery+JSON的省市或自定义联动效果
- 前端资源教程
- 剪贴板
- clipboard 最新的剪切方案
- 不是Flash的剪贴板
- 简繁转换
- facebook表格
- 类似于Excel编辑表格-handsontable
- bootstrap-table插件
- datatables
- js 在线编辑 - runjs
- js 在线编辑 - jsbin
- js 在线编辑 - codepen
- js 在线编辑 - jsfiddle
- java 在线编辑 - runjs
- js 在线编辑 - hcharts
- js 在线编辑 - jsdm
- sql 在线编辑 - sqlfiddle
- mozilla 在线编辑器
- Html5 VideoPlayer
- Proton 烟花
- nodejs 篇幅比较巨大
- Node.js 包教不包会
- 篇幅比较少
- node express 入门教程
- nodejs定时任务
- 一个nodejs博客
- 【NodeJS 学习笔记04】新闻发布系统
- 过年7天乐，学nodejs 也快乐
- 七天学会NodeJS
- Nodejs学习笔记（二）— 事件模块
- nodejs入门
- angularjs nodejs
- 从零开始nodejs系列文章
- 理解nodejs
- nodejs事件轮询
- node入门
- nodejs cms
- Node初学者入门，一本全面的NodeJS教程
- NodeJS的代码调试和性能调优
常规优化
- Javascript高性能动画与页面渲染
- 移动H5前端性能优化指南
- 5173首页前端性能优化实践
- 给网页设计师和前端开发者看的前端性能优化
- 复杂应用的 CSS 性能分析和优化建议
- 张鑫旭——前端性能
- 前端性能监控总结
- 网站性能优化之CSS无图片技术
- web前端性能优化进阶路
- 前端技术：网站性能优化之CSS无图片技术
- 浏览器的加载与页面性能优化
- 页面加载中的图片性能优化
- Hey——前端性能
- html优化
- 99css——性能
- Yslow——性能优化
- YSLOW中文介绍
- 转一篇Yahoo关于网站性能优化的文章，兼谈本站要做的优化
- Yahoo!团队实践分享：网站性能
- 网站性能优化指南：什么使我们的网站变慢？
- 网站性能优化实践，减少加载时间，提高用户体验
- 浅谈网站性能优化 前端篇
- 前端重构实践之如何对网站性能优化？
- 前端性能优化：使用媒体查询加载指定大小的背景图片
- 网站性能系列博文
- 加载，不只是少一点点
- 前端性能的测试与优化
- 分享网页加载速度优化的一些技巧？
- 页面加载中的图片性能优化
- web前端优化(基于Yslow)
- 网站性能优化工具大全
- 【高性能前端1】高性能HTML
- 【高性能前端2】高性能CSS
- 由12306谈谈网站前端性能和后端性能优化
- AlloyTeam——前端优化
- 毫秒必争，前端网页性能最佳实践
- 网站性能工具Yslow的使用方法
- 前端工程与性能优化（上）：静态资源版本更新与缓存
- 前端工程与性能优化（下）：静态资源管理与模板框架
- HTTPS连接的前几毫秒发生了什么
- Yslow
- Essential Web Performance Metrics — A Primer, Part 1
- Essential Web Performance Metrics — Part 2
- YUISlide,针对移动设备的动画性能优化
- Improving Site Performance
- 让网站提速的最佳前端实践
- Why Website Speed is Important
- Need for Speed – How to Improve your Website Performance
- 阿里无线前端性能优化指南 (Pt.1 加载期优化)
- 前端资源教程
优化工具
- JavaScript 性能分析新工具 OneProfile
- JavaScript 堆内存分析新工具 OneHeap
在线工具
- google在线工具
- 阿里测
- 阿里-免费测试服务
- 阿里-F2etest多浏览器兼容性测试解决方案
- js性能测试
- 前端资源教程
- 技术架构
- 前端架构
- 如何成为前端架构师
- 关于前端架构-张克军
- 百度腾讯offer比较（腾讯游戏VS百度基础架构）
- 前端资源教程
- winter代码片段需要翻墙
- fgm
- 岑安作品集
- 当耐特demo集合
- 米空格 js作品
- myFocus
- SeaJS组件库
- 颜海镜作品
- 脚儿网作品
- javascript个人作品
- 妙味的雷东升游戏作品
- javascript作品集
- 云五笔，灰度产生生成工具
- 项目主页
- 个性的作品主页
- 播放器
- ucren js demos 集
- 智能社
- 实例陈列架
- zoye demo
- 王员外
- 平凡
- jyg 游戏案例
- 很多jquery插件
- 不羁虫 - soJs 作品系列
- frozenui
- 黑白棋
- fromone
- MDialog - [合肥-M.J]
- 轮播图 - [上海－冷静]
- [广州—坚壳]
- [成都 - 无痕] 感恩节专题
- [球霸天]
- [北京-小数]
- [ptf] Magix 工具
- [杭州-Pft] Magix 基于 MVC 结构和 Hash 驱动的 OPOA（One Page One Application）应用
- [上海-剧中人]-实验室
- [上海-豪情 ] 作品集合
- [成都-feeling]
- [上海-angela]
- [海南-hank]作品
- [上海-张力]博客
- [上海-zenki]作品
- 移动端图案解锁
- [合肥-M.J] - MPreview 移动端图片预览组
- [合肥-M.J] - Mexam 移动端在线做题组
- [北京-苏瑞] - dancer小人
- [上海-玄沐]- 个人网站
- [厦门-二哲]- 个人博客
- pazguille
- 不错的个人简历
- 简历
- 张伦
- 简历
- 翁天信
- 动画方式的简历
- 组件丰富简历
- 简历池
- haorooms博客
- Justin Young
- 前端资源教程
- 那几个月在找工作（百度，网易游戏）
- 2014最新面试题
- 阿里前端面试题
- 2016校招内推 – 阿里巴巴前端 – 三面面试经历
- 腾讯面试题
- 年后跳槽那点事：乐视+金山+360面试之行
- 阿里前端面试题上线
- 拉勾网js面试题
- 前端面试
- Web开发笔试面试题 大全
- 前端开发面试题
- 2014最新前端面试题
- 百度面试
- 面试题
- 前端工作面试问题
- 前端开发面试题
- 5个经典的前端面试问题
- 最全前端面试问题及答案总结
- 如何面试一名前端开发工程师？
- 史上最全 前端开发面试问题及答案整理
- 前端实习生面试总结
- 史上最全 前端开发面试问题及答案整理
- BAT及各大互联网公司2014前端笔试面试题：JavaScript篇
- 前端开发面试题大收集
- 收集的前端面试题和答案
- 如何面试前端工程师
- 前端开发面试题
- 牛客网-笔试面经
- 中文字体
- 淘宝字库
- 字体
- 制作教程
- zhangxinxu-icommon
- icommon
- 用字体在网页中画ICON图标(推荐教程)
- 字体压缩工具 感谢初级群 [深圳-小鱼] 的推荐
前端开发工具
- IntelliJ IDEA 简体中文专题教程
- Webstorm,InterllIdea,Phpstorm
- SublimeText
- Atom
- visual studio code
Chrome, Firebug, Filddle 调试
Fiddler
- Fiddler调式使用知多少(一)深入研究
- 微信fiddle
- 微信fiddle
- 前端资源教程
Chrome
- Google Chrome 官方
- Chrome - 基础
- Chrome - 进阶
- Chrome - 性能
- Chrome - 性能进阶
- Chrome - 移动
- Chrome - 使用技巧
- Chrome - Console控制台不完全指南
- Chrome - Workspace使浏览器变成IDE
- network面板
- chrome开发工具快捷键
- chrome调试工具常用功能整理
- Chrome 开发工具 Workspace 使用
- Chrome神器Vimium快捷键学习记录
- sass调试-w3cplus
- 如何更专业的使用Chrome开发者工具-w3cplus
- chrome调试canvas
- chrome profiles1
- chrome profiles2
- chrome profiles3
- chrome移动版调试
- chrome调试
- chrome的调试
- chrome console 命令详解
- 查看事件绑定1
- 查看事件绑定2
- 神器——Chrome开发者工具(一)
- 奇趣百科性能优化(Chrome DevTools 中的 Timeline Profils 等工具使用介绍)
- chrome 开发者工具的 15 个小技巧
- Chrome开发者工具不完全指南
- Chrome 开发者工具使用技巧
Firebug
- firebug视频教程
- firefox 模拟器
- console.log 命令详解
- Firebug入门指南
- Firebug控制台详解
- 前端资源教程
移动,微信调试
- 浏览器端调试安卓
- 移动端前端开发调试
- 使用 Chrome 远程调试 Android 设备
- mac移动端调试
- mac移动端调试
- 无线调试攻略
- 无线调试攻略
- 屌爆了,完美调试 微信webview(x5)
- 微信调试的那些事
- 远程console
- 微信调试工具
- 各种真机远程调试方法汇总
iOS Simulator
- Simulator
- Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得
img
- loading img
- 智图-图片优化平台
- 在线png优化
生成二维码
- 生成二维码
浏览器同步
- puer
- liveReload
- f5
- File Watchers
在线PPT制作
- nodePPT
- PPT
- reveal
- slippy
- impress.js
- 界面清爽的前端导航
- 前端导航
- 前端网址导航
- 前端名录
- 前端导航
- 前端开发资源
- 网址导航
- 前端开发仓库 - 众多效果的收集地
- 前端资源导航
- F2E 前端导航
- 新浪CDN
- 百度静态资源公共库
- 360网站卫士常用前端公共库CDN服务
- Bootstrap中文网开源项目免费 CDN 服务
- 开放静态文件 CDN - 七牛
- CDN加速 - jq22
- jQuery CDN
- Google jQuery CDN
- 微软CDN
Git
- git-scm
- 廖雪峰-Git教程
- git-for-windows
- GitHub 添加 SSH keys
- gogithub
- git常规命令练习
- git的资料整理
- 我所记录的git命令（非常实用）
- 企业开发git工作流模式探索部分休整
- GitHub 漫游指南
- GitHub秘籍
- 使用git和github进行协同开发流程
- 动画方式练习git
我开始学前端，是w3cshool上的最基本的html、css和javascript教程，刚学完这些的时候其实也就入了个门，事实上连个毛都写不出来。“学以致用”，这些基础的知识，可能很多当时看的时候并不太明白，但是以后你碰到了具体的问题，再回想的时候，你就会恍然大悟，“原来如此”。
后来我在我的毕业设计上，需要用到一些前端操作，那个时候我主要用的是Bootstrap和jQuery，学完这两个东西你就能比较简单地写出一些还算好看的、也能动起来的页面了，不像前面那些东西，学了半天还是只能做一些很丑的页面，即使是实现一些基本的dom操作和ajax请求都很麻烦。
后来我实习了，刚开始学AngularJS的时候，它的双向绑定，前端MVC，真是让我惊为天人，简直太特么好用了。你要是前面的路都走完了，来到这里的时候你就会发现其实基本的html、css、javascript也就真的只是个基础，不一定要学得一字不落的，前端的发展日新月异，每分每秒都有很多新鲜的东西发明出来，虽然这有重复造轮子的嫌疑，但是这些新技术确实体现了现代化的软件开发思想（毕竟js是一门设计时间很短、也很不完善的语言）。
现在我主要用React+Redux+ES6写前端，感觉真是爽飞。而像gulp、webpack这些工具，其实只要稍微了解一下就行了，我个人的css不算好，所以对css方面不算太了解。
Apress出的书其实都蛮好的，例子很多，讲解又深，我推荐这几本
然后还有几个链接：
ECMAScript 6入门
React 入门教程
Read Me | Redux
一小时包教会 —— webpack 入门指南
我个人主要的路子就是以上这样的。其实我前端的基础并不算太好，全都是自学。但是这世上很多事情，要都想等到万无一失的时候才动手，那就什么都干不了，所以学得差不多了就赶快用起来，不要拖不要等，用着用着，你就会发现，也就这样，没啥大不了的。作者：张小河
原文链接：怎么学习前端开发？求推荐学习路线？ ？ - 张小河的回答
大家都是从小白走过来，每个人的轨迹不一样。冒昧说一下个人看法
自学
如果有耐心的话，可以看看w3cschool的教程w3school 在线教程
下面标红的地方，可以按照顺序看看。
but....
我知道多数人肯定没有耐心一个一个看下去，而且看完这些确实也比较累。
最主要的是，很多知识点不一定就在工作中比较频繁的运用到。一般来说，咱们前端工程师遇到不懂的小问题，通过查查手册也可以解决。
看学习视频
如果想比较直观的学习，其实看视频是一件比较快的方式。（我本人是这样的，喜欢看视频）
慕课网有比较多的免费视频可以入门前端开发_web前端开发
但缺点也比较明显，就是慕课网的体系不是按照一套完整的课程体系来的，多数是具体的案例拆解的。
再一个因为讲师比较多，这个是优点也是缺点。学生找到一个自己喜欢的讲师可能需要费点功夫。不过作为入门是足够了。
学习论坛
如果遇到不懂的问题可以去论坛提问，w3cfuns 前端网（W3Cfuns）是一个不错的地方，又很多朋友分享案例，替你解答问题。
大牛博客
还有一些大牛的博客可以关注下：
阮一峰 阮一峰的网络日志
张鑫旭 首页 ? 张鑫旭
大漠 w3cplus_引领web前沿，打造前端精品教程
上面都是很优秀的前端博客、建议题主可以好好看看。
关于报班
如果自学比较费劲，其实找一个培训机构倒也是一个好事。至少来说，培训机构总结整理了一套完善的课程体系，让学员学习起来比较系统。可以监督跟进学员的学习情况。包括一个学习氛围。
不过不得不承认现在的培训机构鱼龙混杂，需要学员擦亮眼睛。
再一个，请大家不要过度迷信培训机构，那些号称包就业、包学会的机构...多数都是骗人的。对，骗纸...（希望不要被拍砖）
我们都知道能不能学会一项技能，多数都是靠学生自己的努力。优秀的讲师，优秀的课程只是一个辅助作用。作为培训机构能做到不误人子弟，不传递错误的知识，如果再能有一些责任心，这样的机构就很不错了。
最后，附上一张学习图谱，给需要的朋友参考一下：
- Growth: 全栈增长工程师指南
- 全栈工程师是未来
- 技术的革新史
- 软件开发的核心难题：沟通
- 大公司的专家与小公司的全栈
- 全栈工程师的未来：无栈
- 全栈工程师是未来
- 基础知识篇
- 工具只是辅助
- WebStorm 还是 Sublime?
- 语言也是一种工具
- 提高效率的工具
- 快速启动软件
- IDE
- DEBUG 工具
- 终端或命令提示符
- 包管理
- 环境搭建
- OS X
- Windows
- GNU/Linux
- 学好一门语言的艺术
- 一次语言学习体验
- 输出是最好的输入
- 如何应用一门新的技术
- Web 编程基础
- 从浏览器到服务器
- 从 HTML 到页面显示
- HTML
- hello,world
- 中文？
- 其他 HTML 标记
- 小结
- CSS
- 简介
- 样式与目标
- 选择器
- 更有趣的 CSS
- JavaScript
- hello,world
- JavaScriptFul
- 面向对象
- 其他
- 工具只是辅助
- 前端与后台
- 后台语言选择
- JavaScript
- Python
- Java
- PHP
- 其他
- MVC
- Model
- View
- Controller
- 更多
- 后台即服务
- API 演进史
- 后台即服务
- 数据持久化
- 文件存储
- 数据库
- 搜索引擎
- 前端框架选择
- Angular
- React
- Vue
- jQuery 系
- 前台与后台交互
- Ajax
- JSON
- WebSocket
- 后台语言选择
- 编码
- 编码过程
- Web 应用的构建系统
- Web 应用的构建过程
- Web 应用的构建实战
- Git 与版本控制
- 版本控制
- Git
- Tasking
- 如何 Tasking 一本书
- Tasking 开发任务
- 写代码只是在码字
- 内置索引与外置引擎
- 门户网站
- 内置索引与外置引擎
- 如何编写测试
- 测试金字塔
- 如何测试
- 测试替身
- Stub
- Mock
- 测试驱动开发
- 红-绿-重构
- 测试先行
- 可读的代码
- 命名
- 函数长度
- 其他
- 代码重构
- 重命名
- 提取变量
- 提炼函数
- Intellij Idea 重构
- 提炼函数
- 内联函数
- 查询取代临时变量
- 重构到设计模式
- 过度设计与设计模式
- 上线
- 隔离与运行环境
- 隔离硬件：虚拟机
- 隔离操作系统：容器虚拟化
- 隔离底层：Servlet 容器
- 隔离依赖版本：虚拟环境
- 隔离运行环境：语言虚拟机
- 隔离语言：DSL
- LNMP 架构
- GNU/Linux
- HTTP 服务器
- Web 缓存
- 数据库端缓存
- 应用层缓存
- 前端缓存
- 客户端缓存
- HTML5 离线缓存
- 可配置
- 环境配置
- 运行机制
- 功能开关
- 自动化部署
- 依赖与包仓库
- 构建软件包
- 上传和安装软件包
- 隔离与运行环境
- 数据分析
- 构建-衡量-学习
- 想法-构建
- 产品-衡量
- 数据-学习
- 数据分析
- 识别需求
- 收集数据
- 分析数据
- 展示数据
- 用户数据分析：Google Analytics
- 受众群体
- 流量获取
- 移动应用
- 网站性能
- 网站性能监测
- 网站性能
- SEO
- 爬虫与索引
- 什么样的网站需要 SEO？
- SEO 基础知识
- 内容
- UX 入门
- 什么是 UX
- 什么是简单？
- 进阶
- 用户体验要素
- 认知设计
- 流
- 构建-衡量-学习
- 持续交付
- 持续集成
- 持续集成系统
- 持续集成流程
- 持续交付
- 基础设施
- 持续部署
- 持续学习
- 持续阅读
- 持续编程
- 持续写作
- 持续集成
- 遗留系统与修改代码
- 遗留代码
- 遗留代码
- 如何修改遗留代码
- 修改遗留代码
- 网站重构
- 速度优化
- 功能加强
- 模块重构
- 遗留代码
- 回顾与架构设计
- 自我总结
- 吾日三省吾身
- Retro
- Retro 的过程
- 三个维度
- 架构模式
- 预设计式架构
- 演进式架构：拥抱变化
- 浮现式设计
- 意图导向
- 重构
- 模式与演进
- 每个人都是架构师
- 如何构建一个博客系统
- 相关阅读资料
- 架构解耦
- 从 MVC 与微服务
- CQRS
- CQRS 结合微服务
- 自我总结
最近在看bootstrap，发现除了大一的时候看过的html+css,和一些js，JQuery之外，几乎没学什么关于前端的东西。偶尔了解过一些html5。想知道如果作为一个团队的前端负责人还需要学习哪些东西？发现bootstrap与.less有关，除了这个还有哪些是需要学习的？希望得到各方大神的回答。 补充一下，一些基本的计算机方面的东西还是学习过的。就是说除了最基本的像楼下马前辈说的这些之外，还需要哪些？
https://www.zhihu.com/question/22146521目前大多数情况下的前端开发，主要还是在web开发上，所使用的技术无非就是html,css,javascript。所以我觉得这个基础是很有必要的，把html,css,javascript学精通，已经是小神级别(最基础的往往是最重要的)
掌握了最基础的东西后，学学习一些框架的的玩意,看到网上很多框架，如MVVM那些（vue，angular，react。。。。。），各种框架层出不穷，有生之前估计不可能全部学完，但是类似这些框架都是有很多的共同点的，你学会了一个学其他的就很快了。想玩 Web后端，就学习一下Node.js,想发展单页面Hybrid应用,可以尝试PhoneGap, Firefox OS, Titanium，如果想做游戏类的，多多研究canvas这些东西。
首先，你的问题有两点，一个是大牛，一个是学过什么？
上面大部分回答是学过什么，如果你真想问大牛学过哪些的话，可以直接 live 付费骚扰，或者直接去博客上找。不过，我感觉你想要的只是学过什么，前提条件应该是：一些有经验的人的前端学习路径是啥？
上面那个描述感觉更对你的想法。
前端能学啥这个问题，我真的劝你别问。因为，前端最不缺的就是学啥。
首先，基本的 HTML、CSS、JS 三个语言。
然后，具体方向横向衍生就可以扯出很多很多。
光 JS 我可以给你扯出：
ECMAScript 2015 Language Specification
ECMAScript? 2016 Language Specification
https://tc39.github.io/ecma262/
上面只是基本语法。
然后，到 HTML5 的标准，就有：HTML5.1/2
HTML 5.1 2nd Edition
HTML 5.2
衍生到具体技术就有：
Service Worker 全面进阶 | PWA
直播 | villianHR
react系列 | villianHR
WebRTC | villianHR
动画 | villianHR
web安全 | villianHR
js设计模式系列 | villianHR
。。。
当然，我这里还没扯到具体的编译工具，webpack、rollup、gulp 等，CSS 的语法糖：SCSS/LESS，后端 NodejS 语言基本操作等等。
没事，你只要能学完前端，算我输~
- 我从没正经学过 HTML，都是用到就查，我基本只是把所有标签对应的单词背下来了而已。
- 我也没有正经学过 CSS，也是用到就查 CSS Tricks，再不行就看 specs。
- JS 我是正经学过的（在亚马逊中国搜 JavaScript 前 20 本书只要作者不是中国人，我基本都看过）
- 不过我在学 JS 前是正经学过 C 语言、汇编、http://ASP.NET、C# 的
- 我还在图书馆仔细研读了产品经理方面的畅销书
- 我对设计比较感兴趣，了解用户体验和字体设计方面的一些常识
- 大学期间经常参与演讲活动
- 大学期间经常帮人装系统、做 PPT、修改 Word 排版、剪辑视频，以及写一些小程序、小网站
- 我们软件工程专业的老师说「你们应该把市面上常见软件的界面全部都熟悉一下，才能开发出好软件」，于是我照做了，当时把我见过的软件的所有功能都了解了一遍，后来发现貌似只有我这么做了
- 卸载 Windows 坚持使用 Fedora 一年（然后买了 Macbook Air）
- 跟一美国 Python 程序员交流一年学编程和英语
- 跟某 Ruby 大牛交流三个月学 Rails 开发
- 跟腾讯某大佬学习前端开发
- 在阿里学习价值观
- 在知乎学习装逼
- 坚持写作
这么说起来，学了挺多东西的。
对于其他答案，我只想说：你们说来说去不都只是在学前端技术而已吗？其他的也学学嘛。
先跟着大牛们来学学前端开发吧！
下面给亲推荐一些阿里云大学的免费前端课程，让你零基础从入门到精通！
1.《零基础学前端HTML+CSS》
网页的本质就是超级文本标记语言HTML，我们这套课程从基础语法入门，讲解了HTML的常用标签，表单，排版等实用技术，同时深入讲解了CSS样式表的使用和如何使用DIV CSS设计网页布局。同时还介绍CSS3.0的新特性，阴影，圆角边框等实用案例。
点此免费学
2.《#React#前端开发入门与实战》
本课程主要讲解React的基础使用技巧及实战案例。
React 是一个用于构建用户界面的 JavaScript 库，主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。由于 React 拥有较高的性能，代码逻辑非常简单，越来越多的开发者开始关注和使用它。
点此免费学
3.《jQuery开发教程》
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
点此免费学
4.《前端开发框架#Bootstrap#使用教程》
Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。
点此免费学
5.《HTML基础入门学习》
如果你从来没有开发过网站，也没有任何编程经验，那么这里就是你应该开始的地方。在这里，我们会从基本的HTML开始学习，一边学习一边练习写出简单的网页。
点此免费学
更多技术干货敬请关注云栖社区知乎机构号：阿里云云栖社区 - 知乎
刚好在牛客网上看到有位同学（莫大先生2018）总结的学习路线，分享给题主：
原文：https://www.nowcoder.com/discuss/77807
大前端的学习路线整理
第一阶段：
- HTML CSS:
HTML进阶、CSS进阶、div css布局、HTML css整站开发、
- JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
- JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
- JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
- JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段：HTML5和移动Web开发
- HTML5：
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、Web Socket、Canvas.
- CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
- Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
- 移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段：HTTP服务和AJAX编程
- WEB服务器基础：
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
- PHP基础：
PHP基础语法、使用PHP处理简单的GET或者POST请求、
- AJAX上篇：
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
- AJAX下篇：
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段：面向对象进阶
- 面向对象终极篇：
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
- 面向对象三大特征：
继承性、多态性、封装性、接口。
- 设计模式：
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段：封装一个属于自己的框架
- 框架封装基础：
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
- 框架封装中级：
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
- 框架封装高级和补充：
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段：模块化组件开发
- 面向组件编程：
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
- 面向模块编程：
AMD设计规范、CMD设计规范、RequireJS，LoadJS、淘宝的SeaJS。
第七阶段：主流的流行框架
- Web开发工作流：
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
- MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
- 常用库：
React.js、Vue.js、Zepto.js。
第八阶段：HTML5原生移动应用开发
- Cordova：
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战（创建项目，配置，编译，调试，部署发布）。
- Ionic：
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果（下拉刷新，上拉加载，侧滑导航，选项卡）。
- React Native：
React Native简介、React Native环境配置、创建项目，配置，编译，调试，部署发布、原生模块和UI组件、原生常用API。
- HTML5 ：
HTML5 中国产业联盟、HTML5 Plus Runtime环境、HBuilder开发工具、MUI框架、H5 开发和部署。
第九阶段： Node.js全栈开发：
- 快速入门：
Node.js发展、生态圈、Io.js、Linux/Windows/OS X环境配置、REPL环境和控制台程序、异步编程，非阻塞I/O、模块概念，模块管理工具、开发流程，调试，测试。
- 核心模块和对象：
全局对象global，process，console，util、事件驱动，事件发射器、加密解密，路径操作，序列化和反序列化、文件流操作、HTTP服务端与客户端、http://Socket.IO。
- Web开发基础：
HTTP协议，请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
- 快速开发框架：
Express简介 MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
- Node.js开发电子商务实战：
需求与设计、账户模块注册登录、会员中心模块、前台展示模块、购物车，订单结算、在线客服即时通讯模块。
查看更多人的经验，请移步：https://www.nowcoder.com/discuss?type=2&order=0
说到学习前端必须掌握的，我们不得不提前端三驾马车 React，Angular 和 Vue。
2017年，React 继续在前端领域占据主导地位，备受期待的 React 16 也正式发布。
这种能减少代码重写易于重构的框架还是很受开发者欢迎的。
但它是否能在 2018 年坐稳“王位”，还需不断完善整个框架的功能才是。
Angular 也不甘落后，在用户使用群体上，它排名第二。并且也在2017年发布了两个大版本，Angular 4 优化了视图引擎、减少代码体积。
Angular 5 中包含了像是编译器的改进，能更快的构建/重建。
基本上说Angular这个框架是比较完整的，但是对于复杂的界面开发就不是那么友好了。
所以他的地位一直在遭受挑战，而框架中的黑马 Vue 杀出重围，大有替代Angular的趋势。
2018年，Vue 依然越来越受欢迎，该框架提供基于组件的架构。
它已经被许多大型公司采用，在 Stack Overflow 上的关注度居高不下。
不过大家不要去猜测学习哪个框架会更好，先打好学习框架的前端基础才是重点，学好了基础，框架学习才能得心应手。
然后就是现在很火的一个混合式APP开发，在去年有一个热词PWA，PWA（Progressive Web App）是 Google 于 2016 年提出的概念，2017 年已被迅速采用。可显著提高加载速度、可离线工作、可被添加至主屏、全屏执行、推送通知消息等等。
前端开发混合式APP优势在于，开发门槛低，开发效率高，可以同时面向两个平台，快速完成开发。目前前端开发混合式APP有很多框架和平台开发，其中，React Native是比较不错的开发框架。对于我们前端开发上手APP非常有好处。
说到那么多的新技术方向，很多小白可能会说，我现在零基础学习，是不是要直接学这些东西呀，现在前端开发的内容那么多，我应该怎么学呀？表示很迷茫。
其实前端技术更新是挺快的，但是技术不管怎么更新，怎么发展，都离不开基础的知识，把基础的内容学好，面向多终端开发，响应式开发掌握好，基础打牢了，在高深的内容都是可以迎刃而解。
想要巩固基础内容，不知道如何查漏补缺，小伙伴们可以参考下面的学习前端开发HTML5新手大致要分为6大阶段：
- 第一阶段 前端页面重构
- 第二阶段 JavaScript高级程序设计
- 第三阶段 PC端全栈项目开发
- 第四阶段 移动端项目开发
- 第五阶段 混合（Hybrid,ReactNative）开发
- 第六阶段 WebApp后端系统开发
最后给大家聊聊在学习Web前端中的一些建议和方法。
零基础对于代码的学习记忆量很重要，正所谓读书破万卷，下笔如有神。写代码也是一样，多写、多练、多忆，好过再多的理论。知道了学习的方法，等于掌握了成功的秘诀，但这还不足以万事具备，新手学习，最重要的还需要制定一条完整的学习线路。这样学习起来效率是大大地好。
如果你苦恼于不知道怎么学 ？
记得找小姐姐（chillfun-y）噢！
原文链接：2018，学习WEB前端开发应该关注哪些新技术？
GitHub 上有一个很有名的 Roadmap：https://github.com/kamranahmedse/developer-roadmap
想成为一名前端大牛，按照这个路线学习，足以帮助你快速成长。
从一名小白开始入门前端，到前端进阶，再到成长为技术大牛。
首先学习 HTML、CSS 和 JavaScript 的基础知识。你可以在以下几个网站学习这些基础知识：
W3school：http://www.w3school.com.cn/
MDN 官方教程：https://developer.mozilla.org/zh-CN/
W3C 官方文档：https://www.w3.org/
freecodecamp 学习网站：https://www.freecodecamp.com/
之后你就需要学习一些包管理，包括 npm，yarn 等等。
接下来学习 CSS 预处理，CSS 的一些框架的使用，最常见的就是 Bootstrap 等。以及 CSS Architecture。
这里推荐一些好用的前端库：
- Sass: CSS的扩展，可以声明变量，引入模块，嵌套属性等等。
- Less: 为CSS添加声明变量，样式模块，命名空间，继承等特性。
- Stylus: 写CSS再也不用写烦人的括号啦～
- Bootstrap: 全世界最流行的响应式前端框架。
- Foundation: 提供了很多模版，针对网站、移动端、邮件提供了很多好用的模块和样式。
- Semantic UI: 个人非常喜欢的一个前端框架，样式非常好看，更重要的是就像它语义UI的名称一样，类命名特别友好，写网页就像和人说话一样。
- uikit: 漂亮、可定制，即将发布uikit3版本，感兴趣可以试试看。
之后学习一些构建工具及其他工具的使用，并尽量明确其原理。包括但不限于以下工具：
- Grunt: JavaScript自动化工具。
- Gulp: 个人感觉是最好用的自动化构建工具。
- webpack：模块化加载构建一切，CSS/JS连图片都可以
- npm: NPM虽好，不要太依赖袄。
- Bower: 前端框架包管理工具，各类框架和库一键安装。
之后进行前端框架的选择和学习，包括但不限于以下框架：
- Vue：广泛使用的前端框架，认真学。
- React：也是一个广泛使用的前端框架，最好把这个和 Vue 都认真学习好。
- jQuery: 方便快捷，功能强大全面，居家旅行必备，近乎JS的替代品，你可以不会js，但是不能不会jQuery。
- BackBoneJS: 模型、视图、集合、事件，让你的前端代码更有框架感。
- D3.js: 数据可视化必学必会，只有你想不出来的，没有D3画不出来的。
- React: 学会React，再学学React-native，你就能从一个前端化身Web app工程师、IOS/Andorid开发者、桌面应用工程师……
- jQuery UI: 几行代码就能写一个带动画带ajax的Web应用。
- jQuery Mobile: 移动端专用js开发框架，和上面的类似袄。
- Underscore.js: 非入侵式框架，提供了众多有用的函数方法，弥补jQuery的不足。
- Moment.js: 原生的JS显示输出日期时间真的很痛苦，Moment为你解决了一切啦～
- Lodash: 模块化且高效，lodash和underscore很相似。
- Ruby on Rails: Ruby on Rails 是一款用ruby语言编写Web应用的MVC框架，github就是用它写的！
- AngularJS: Google主导的Web开发框架，数据绑定、MVVM，很可惜被后来更灵活的React、Vue等框架抢去了风头。
- Ember.js: 用来开发单页Web应用的JS前端MVC框架。
- Express: Node.js上的Web框架，搭建网站或API服务只要一秒钟！
- Meteor: JS全端框架，是的，你只需要学习JavaScript一门语言，就可以完成Web应用前后端、数据库的开发。
- Django: Python的Web框架，人生苦短，请用Python.
- Flask: Python的Web框架，据说只要学好flask就能随意找到好工作？
- ASP.net: 老一辈人的最爱。
- Laravel: 最优雅性感的PHP Web框架，好用到不能再好用，优雅到不能再优雅，毕竟PHP是全世界最好的语言嘛。
- Phalcon: 用C语言扩展的，据说是最快的PHP框架。
框架和知识学习好了，要学习如何进行测试，主要包括这部分内容：
之后要学习 PWA，这是以后的发展趋势：
之后学习一些更深入的内容：
当然，学习无止境，最重要的是持续学习，加油吧！
之前看到一篇内容讲：前端学习路径
很符合本回答图中所示的学习路径：大家可以看考着来学习，下面是学习路线和学习资源，有需要的请自取。
开发工具
设计软件
前端工程师最首要的任务就是把设计师的设计图切好并翻译成代码，所以我们要学习一些设计软件的基础操作和切图方法。
- Photoshop 运用最广泛的设计软件，大部分人都在用它，很有必要学习一下
- 前端工程师必备的PS技能——切图篇
- Sketch 轻量且功能强大，切图迅速高效，为UI设计而生的Mac App
- Sketch切图教程
编辑器
工欲善其事，必先利其器。可以用的编辑器和IDE有很多，在这里我只推荐最棒的两个。
- Sublime text 最性感的编辑器，搭配插件各种好用
- 配置和使用方法
- Webstorm 功能强大，学生可以免费用的前端开发IDE
代码管理
不光要学会写代码，也要学会管理你的代码。在工作中你可能会遇到需要自己部署代码的情况；不停地修改迭代重构，当然也需要你掌握版本控制软件。
- Linux 你需要学会在命令行打开移动复制文件等最基本的操作
- Linux最常用的20条命令
- 鸟哥的linux私房菜——基础篇
- Git 写代码一定会用到的版本控制软件，入门很快就能学会
- 猴子都能懂的Git入门
测试工具
预览和调试必不可少，编写前端代码的大部分时间都是在编辑器和浏览器之间切来切去。
- Chrome Dev Tools 谷歌浏览器开发工具，想要预览调试你的前端页面必须在这里啦
基础知识
- HTML
- MDN的HTML入门
- HTML30分钟快速入门
- CSS
- MDN的CSS入门教程
- 学习CSS布局
- JavaScript
- JavaScript菜鸟教程
- 慕课网JavaScript入门篇
- Web
- 当你在浏览器中输入google.com并按下回车后发生了什么
- 互联网协议入门
中级知识
- HTML5
- MDN的HTML5入门教程
- 网易云课堂HTML5入门
- CSS3
- CSS3菜鸟教程
- Gitbook的CSS3教程
- Style Guide
- 腾讯alloteam前端代码规范
- 百度ecomfe前端代码规范
- Google HTML/CSS Style Guide
- Google JavaScript Style Guide
- Responsive Design
- 响应式设计指南
- 自适应网页设计——阮一峰
- 什么是响应式web设计？怎样进行？
- Web Animation
- CSS动画
- Canvas动画教程
- Learn to Create Animations in JavaScript
- Bootstrap
- Bootstrap菜鸟教程
- 慕课网玩转Bootstrap
- jQuery
- jQuery菜鸟教程
- 慕课网jQuery基础
- Ajax
- jQuery Ajax快速入门
- jQuery Ajax全解析
高级知识
- w3c标准
- Web Platform Docs
- ECMA6
- 阮一峰ECMAScript6入门
- 测试
- FEX前端自动化测试探索
- 测试框架Mocha实例教程
- Karma和Jasmine自动化单元测试
- 自动化构建
- 流式自动化构建工具Gulp
- 前端工程构建工具fis
- Web项目脚手架生成工具Yeoman
- 用Yeoman和AngularJS做Web应用
- 模块/包管理
- npm
- npm使用介绍
- 快速搭建 Node.js 开发环境以及加速 npm
- Sea.js
- 5分钟上手Sea.js
- RequireJS
- ES6模块
- 预处理器
- Haml
- Tutorial
- HTML代码简写法：Emmet和Haml
- Sass
- Sass入门
- TypeScript
- TypeScript Handbook（中文版）
- 框架
- React
- 入门实例教程
- Vue
- vue.js教程
- Angular
服务器端
- Nodejs
- Node入门
- 7天学会NodeJS
- MongoDB
- NodeJS与MongoDB交互
技能图谱
- StuQ技能图谱
- Frontend Knowledge Structure
在线资源
- 大前端导航
- Frontend Stuff
- Frontend directory
- Frontend Interview Questions
在线教程
- 菜鸟教程
- 极客学院Wiki
- Mozilla开发者网络
- front-end-web-development on Treehouse
- Learn to Code Advanced HTML/CSS
在线书籍
- Front-end Developer HandBook
- Front-end Database
- Frontend Notebook
推荐书目
- 基础
- 深入浅出HTML与CSS、XHTML
- HTML & CSS设计与构建网站
- Pro Git中文版
- 鸟哥的linux私房菜
- 中级
- Head First HTML5 Programming
- JavaScript权威指南
- JavaScript语言精粹
- JavaScript & jQuery交互式Web前端开发
- 深入浅出Ajax
- 高级
- JavaScript高级程序设计
- HTML5高级程序设计
- CSS权威指南
- 深入浅出Node.js
我的其他相关回答：
- 新手如何学习编程？
- 搞什么副业能每月稳定收入两千？
- 程序员必备的好网站有哪些？
- 哪些命令行工具让你相见恨晚？
- 有哪些工具可以提高远程工作的效率？
- 学习编程过程中有哪些经验可以参考？
- 如何迅速成为一个能够养活自己的自由职业者？
- 面试官问：请拿出一段体现你水平的代码时，该如何回答？
你想了解的这些东西，这本手册或许能给你答案。
这两天在 GitHub Trending 上有一本前端开发手册特别火，那就是《Front end handbook》。
作者 Cody Lindley 是一名拥有 20 多年编程经验的前端工程师，在业余的时间内他写下了《Front end handbook 2019》这本手册。
该手册包含了前端开发的基础知识、常用工具、学习资源等内容。主要分为以下 7 个章节展开谈前端开发：
第 0 章：回顾 2018，展望未来
第 1 章：什么是前端开发者？
第 2 章：前端开发实践：概览
第 3 章：前端开发学习：自学资源推荐
第 4 章：前端开发学习：他人教学资源推荐
第 5 章：前端开发工具
第 6 章：前端开发社区、网站、资讯、播客
整本手册内容详实且全面，非常适合正在学习前端的同学查阅。
你可以选择 在线阅读，或 给个 Star。
更新于 2019.05.12：
中文版也有了：https://www.yuque.com/ysfe/ykx/fedhb
关注「GitHubDaily」公众号，了解更多优质开源项目。
学习前端，最不缺的就是学什么。
网上有一张流传甚广的前端工程师技能图谱，很多人看到了这张图，便纷纷从入门到放弃。
说好的前端是最容易入门的呢？这和传说中讲的不一样啊。
确实，前端涵盖面非常广，所包含的知识非常多，要想短时间内就学会所有内容成为大牛是比较困难的，建议还是循序渐进，找到适合自己的前端发展方向。
当然，无论如何，首先得打好的便是基础知识：
HTML+CSS+JavaScript
HTML是超文本标记语言，它是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。
重点学习内容：
- 学习基础知识及如何编写语义化的 HTML
- 了解页面的各个部分，并且学会如何正确地构建 DOM
学习完 HTML 的基础知识后，可以动手编写 一个 HTML 页面，什么网站都可以，比如一个论坛的登录页面，而且要确保结构是正确的。虽然完成的页面看起来很丑，但是暂时还不用着急，现阶段的重点是学会编写正确的结构。
CSS是层叠样式表，通过样式属性来对标签进行布局规范，也就是用来美化网页的。
- 学习 CSS 的语法以及常见的属性
- 了解盒子模型以及如何使用 Grid 和 Flexbox
- 完成以上操作后，还需要学会如何使用媒体查询来编写响应式网页
这时候，你就可以给自己的网页增加样式了。
JavaScript 可以让你的 HTML 页面更具有交互性。如果我们不需要加载整个页面，而只加载部分内容，这时出现的滑块、弹窗等都是由 JavaScript 完成的。你需要学习：
- JavaScript 语言的语法和基础结构
- 学习如何通过 JavaScript 来操作 DOM 对象。例如，通过 JavaScript 删除页面中的某些元素、添加一些元素、操作类名、应用 CSS 样式等等
- 学习并理解作用域、闭包、变量提升和事件冒泡等
- 学习如何使用 XHR 或者 Ajax 发送 HTTP 请求。Ajax 可以让你在不重新加载页面的情况下执行某些页面操作。
完成上面的内容后，就可以去学习 ES6+ 中所有的新功能。
教程类推荐：
- W3school：HTML/JavaScript免费教程
- freecodecamp 学习网站：免费学习网站，对新手非常友好
- 廖雪峰的Javascript教程
- 菜鸟教程
- MDN 官方教程
- W3C 官方文档
喜欢视频的，可以看一看慕课的免费课程，或者 codecasts 的课程。
书籍推荐：
HTML与CSS：
- 《深入浅出HTML与CSS、XHTML》
- 《HTML & CSS设计与构建网站》
JavaScript：
- 《编写可维护的JavaScript》
- 《JavaScript设计模式》
- 《EffectiveJavaScript:编写高质量JavaScript代码的68个有效方法》
- 《JavaScript语言精粹》
其他素材/书籍
来源：github.com/justjavac/free-programming-books-zh_CN
CSS/HTML
- 学习CSS布局
- 通用 CSS 笔记、建议与指导
- CSS参考手册
- Emmet 文档
- 前端代码规范 (腾讯 AlloyTeam 团队)
- HTML和CSS编码规范
- Sass Guidelines 中文
- CSS3 Tutorial 《CSS3 教程》
- MDN HTML 中文文档
- MDN CSS 中文文档
JavaScript：
- Google JavaScript 代码风格指南
- Google JSON 风格指南
- Airbnb JavaScript 规范
- JavaScript 标准参考教程（alpha）
- Javascript编程指南 (源码)
- javascript 的 12 个怪癖
- JavaScript 秘密花园
- JavaScript核心概念及实践 (PDF) （此书已由人民邮电出版社出版发行，但作者依然免费提供PDF版本，希望开发者们去购买，支持作者）
- 《JavaScript 模式》 ：“JavaScript patterns”中译本
- 学用 JavaScript 设计模式 （开源中国）
- 深入理解JavaScript系列
- ECMAScript 5.1 中文版
- ECMAScript 6 入门 ：作者：阮一峰
- JavaScript Promise迷你书
- You-Dont-Know-JS ：深入JavaScript语言核心机制的系列图书
JavaScript 经典类库 jQuery
因为 JavaScript 有可以封装的特性，所以在后面也出现了很多用 JavaScript 封装的类库、插件。比如说最经典的类库就是 jQuery了。
jQuery 类库就是在类库里面封装好了很多 JavaScript 的事件方法。jQuery 通过封装，减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化，通过调用方法就可以了。你需要学习：
- jQuery语法和JavaScript原生语法的差异
- Dom对象和jQuery对象
- jQuery的入口函数和JavaScript的入口函数的差异
- jQuery事件的执行逻辑。
相关教程：
- jQuery API 中文文档
- hemin 在线版
- css88 jq api
- css88 jqui api
- 学习jquery
- jquery 源码查找
这时候，你就可以做一些响应式网站并使用 JavaScript 添加交互功能了。
包管理器
包管理器有 yarn 和 npm，两者几乎相同，都只有安装的功能。你可以选择其中的任何一个，一旦学会使用其中的一个，另一个也就会了。
这时候，可以在你的网页中引入一些外部库。比如安装一些 Toast 插件，当用户点击按钮的时候，用 Toast 插件向他们显示信息；或者你可以创建一个登录表单，利用一些表单验证库来进行表单验证。
接下来还可以学习一些CSS预处理，CSS文件管理，CSS的一些框架，各种构建工具等等。
前端框架
前端框架众多，React、Vue、Angular 三足鼎立，很多人都不知道应该学什么好。
一个很简单的方法是：先学工作实际需要的&自己更偏好的
- React：Facebook 推出的一款声明式的，高效的，灵活的用于创建用户界面的JavaScript 库，现在越来越火了
- Angular：比较容易学，因为它几乎支持所有常用的功能。例如支持懒加载的路由器、支持拦截器的 HTTP 客户端、依赖注入、CSS 封装组件等等。有了它，你可以不用再引入其他库了
- Vue
框架学习可以分为这3个步骤：
- 第一步：基础学习。看官方的文档及教程（如果有的话）
- 第二步：项目驱动学习。通过项目的方式来写编写大量的代码，掌握该框架的用法及踩坑，快速积累经验
- 第三步：求知驱动学习。在求知驱动学习过程中，遇到任何产生困惑或者感兴趣的点，都要去深入学习。
相关教程：
- React入门实例教程：阮一峰
- Vuevue.js教程
- Angular：菜鸟教程
当然，前端要学的内容远不止这些，路漫漫其修远兮，加油吧~
附一张大牛的技能图谱~
九章算法，硅谷一线工程师在线直播授课，已经帮助30000+人成功拿到心仪offer。
九章基础算法班（Java），随时开始、免费学习，零基础转专业找工作必备
更多课程信息请访问：九章算法
