前端开发有哪些好的实践教程，可以规范讲清楚一些知识点？如果自己找一个出名的网站来研究代码，但里面的 js 都是经过压缩的，怎么学习？

[cssnote]

[0x142857]

js 格式化不就行了 =。=

不过还是直接研究开源的东西好

[cssnote]

@0x142857 开源的前端实践在哪里找比较多？

[66beta]

@cssnote 最近刚看到的http://coderlmn.github.io/code-standards/，另外github、google、yahoo啥的都有最佳实践的

[boom11235]

github上多多的，https://github.com/JacksonTian/fks

[NemoAlex]

@0x142857 格式化后还有变量名的问题，无解
确实不应该自虐
前端基础的东西没有多少，现在大家都在搞上层建筑
每家用的框架性的东西都不太统一，开源的东西即便非常流行，但实际在商业上并不流行
大公司往往会自己搞一套，所以他们的产品如果不开源，都没有参考性

[FrankFang128]

看 Backbone 源代码

[learnshare]

直接看别人的应用代码不合适，应该看 jQuery/Angular.js 等框架的源码，这些比较有意义

[learnshare]

知识点的话，还是去 mdn/webplatform 看手册吧

[exodia]

1. 代码规范，这个比较简单，随便看了
2. 目录规范，这个感觉才是比较有意思的地方，不同的目录结构划分代表了对项目不同维度的切分
1) 一种是按照职能组织，即html，css，js 放在独立的文件夹，业务逻辑模块分为分散在三个文件夹，这是比较常用的一种组织方式，适合中小网站，以及对复用性要求不高的场景。

2） 按照业务功能组织，将业务按照功能切分为模块，一个模块一个文件夹，模块包含了 html/css/js，模块可以递归的继续包含子模块。 这种划分非常利于模块复用，以及网站的功能扩展。webapp 经常用这种方式组织。

目录规范个人推荐：
这个是我所在团队的那群人搞的： https://github.com/ecomfe/spec/blob/master/directory.md

另一个是 google 的 angular app 的规范，要翻墙，我保存到了自己的笔记中：

https://www.evernote.com/l/ANE8oCpzLrFO858xTDqQqvKVkJJs87rHhYw

两者的思维基本是一致的。

[microhan]

前端是一个体系，首先得对DOM有深刻认识，然后通过DIV布局与CSS样式来构建良好的页面，JS重在原生代码的理解与应用，然后学习成熟的框架如JQuery,Angular.不推荐直接看网站的源码来研究，基本功和实践重要，推荐一个网站幕课网http://www.imooc.com/,有前端入门到进阶相关及前端应用实践教程。

[g0thic]

学 js 当然是看js-the-right-way ，我自己随便翻了下方便自己看 http://blog.yongyuan.us/JsTheRightWay/index

[haozhang]

《JavaScript语言精粹》
《JavaScript权威指南》

基本上刷完上面两本书，就可以开始用工具了
比如：jQuery（这是业界标准了）
比如：Backbone，一个框架
比如：Bootstrap

然后在使用工具的同时，看一下两本书：
《编写可维护的JavaScript》
《JavaScript Patterns》

看书是有技巧的，JS的东西很杂乱，你挑一些优雅的东西用就可以了