开通VIP，畅享免费电子书等14项超值服
首页
好书
留言交流
下载APP
联系客服
2016.09.02
来自：码农网
翻译作者：码农网–唐李川
是时候重新学习了！和以前一样，我收集了很多不同的学习资源，包括学习指南，学习文档，和其他有用的网站来帮助你在前端开发的不同领域里快速地进入状态。
JavaScript标准样式并不是一个主要的学习指南,但是它是一个模式,根据这个模式你可以安装和运行JavaScript，并且可以通过命令行来测试你的JavaScript代码，而不是一系列JavaScript语法的规则。它也被用作一个文本编辑器的插件。作为一份指南，你也可以看看Rulesbreakdown，这对于初学者和其他人来说是培养一些基本的JavaScript意识练习的最好方法。
“Webpack是一款流行的模块打包工具，它能在语块里很方便地打包应用的代码资源，并且它能从一个服务器里把代码加载到一个浏览器里。”这份指南在Angular的官网上有，这份指南已经准备好在Angular2应用里使用Webpack。
“HTML元素是如何被屏幕阅读器所支持的。”在Windows10操作系统上的Firefox浏览器里,在VoiceOver上的Firefox浏览器里和在OSX操作系统上的Safari9浏览器上,和在Windows8.1操作系统上的NVDA和Firefox浏览器里是由四个表格组成的数据来覆盖JAWS的,还有更多的测试。
TypeTerms工具对设计者的有用程度远大于开发者，但是它对于那些想更加熟悉排版术语的人来说，是为他们精心设计的和有用的交互工具。它是Supremo(苏帕摩)的民间机构，一个曼彻斯特的设计机构开发出来的。
这里有很多不同的伸缩布局盒指南和工具，但是他们有一些不同。这份指南将向你展示在你的布局里如何使用传统的方法来达到和伸缩布局盒一样的效果。很高兴能看到它们在这样一个帖子里，并且还有代码示例。
这是由ToddMotto写的一份”针对团队的Angular样式指南”,他是一名Telerik倡导开发人员。Todd也在AngularJS开发网站上提供课程。这份样式指南”已经为ES2015从头到脚重新写了一遍,内容变化的是在Angular1.5以上版本在未来升级你的应用到Angular2。”
这个网站可以给你一些流行网站和框架排名的有效统计数据，可维持的CSS.它可以展现CSS文件大小的数据,具体的排名,和使用的CSS属性。
（需自备墙梯才能打开链接）
“列出了在你的文档里的标签元素里有很多的可以执行的东西。”我喜欢这个，因为它不仅列出了标准的元素，同时也列出了我们能看见的很多特定的东西，但是对于这些特定的东西我们也许并不完全理解。
这是一份由GregReimer所写的，覆盖了ES6Generators的有着八个部分的教程。”在如今的JavaScript中Generators是一个最被忽视的功能。我认为这是因为generators仅仅是由generators和iterators组成的一个两部分整体的一半。而且知道如果只学习其中一个而不学其他的,则就像是在画一幅不完整的画。至少对于我本人来说,啊哈!那个时刻没有到来知道我缩小范围并且从整体上看iterators和generators。”
我在之前一个帖子里已经贴了这个，但是它被重新设计了，而且重新设计后的看上去很棒。”这个网站测试了在主流的浏览器上对HTML5新特性的支持程度。这包括它们是否有键入访问权限，是否允许通过APIs映射到平台，并且是否任何涉及到新特性的权限功能都被支持。”
“编写CSS不用再担心之前存在的样式会带来问题。MaintainableCSS是编写模块化的,可扩展的和可扩展性的CSS样式的一种方式。”这是由AdamSilver编写的有十二个部分的指南。
最初是由HugoGiraudel开始的，这是一个社区驱动的试图用最少简单的词汇来解释很多时髦的词汇，来编织当前的JavaScript生态系统。”这个想法并不是取代个人的文档，但是可以作为某种形式的术语表，可以被轻松地引用。”
一份Bootstrap4的参考手册,来自HackerThemes网站的Alex。这个网站有一个非常漂亮交互式布局,这个漂亮的交互式布局展示了可被点击的条目,当该条目被点击时在该页面的视口的底端会有代码片段和代码效果显示出来。你也可以在版本4里点击突出的所有新的东西。
“我们创建了一些参考手册学习指南来帮助你克服最初的AngularJS学习曲线，并且提供给你的日常工作提供一份参考。”包括三份参考手册:AngularJSCoreServices(AngularJS核心服务),AngularJSDirectiveDefinitionObject(AngularJS指令定义对象)，和AngularJSui-router(AngularJS用户界面路由)。
DanAbramov为那些在使用React框架时有理解不同概念困难的人而制作的一张流程图。这张流程图提供了一些可以做和不可以做的类型的建议，来帮助你简化事情，这样你就可以更好地理解这个库了。
“Flexbox很棒，但是引入了很多新的概念，这样做可能使使用它变得有些困难。这些交互示例将会展示给你很实际的方法，来使用Flexbox构建UI组件。它们以简单的代码，而在结尾之前得到更复杂的代码
它不仅仅适用于前端开发者，同时也值得在开发领域的人进去看一看。”Thebestdefenseagainsthackers(对抗黑客最好的防御)是一个见多识广的开发团队。我们交互式的练习将教会你的团队，关于如今大多数的常见的安全漏洞。”