前端练级攻略(第二部分)

要开始学习 React 和 Flux，首先要学习 React。一个好的入门读物是 React文档。在那之后，看看 React.js Introduction For People Who Know Just Enough jQuery To Get By ，帮助你 从jQuery 的思维模式过渡过来。

一旦你对 React 有了基本的了解，开始学习 Flux。一个好的起点是官方的Flux文档。在那之后，看看 Awesome React，这是一个精选的链接列表，可以帮助你在学习上更进一步。

练习与框架

现在你已经掌握了 JavaScript 框架和架构模式的一些基本知识，现在是时候将它付诸实践了。 在这两个练习中，重点是应用你学到的架构概念。 特别是，保持您的代码 DRY，明确分离关注点，并遵守单一责任原则。

练习 4

练习 5 是使用不依赖框架的 JavaScript 分解和重构 Todo MVC 应用程序。这个练习的目的是向你展示 MVC 如何在不混合框架特定语法的情况下工作。

首先，在TodoMVC上查看最终结果。第一步是在本地创建一个新项目，并首先建立 MVC 的三个组件。由于这是一个复杂的实验，请参考 Github 存储库中的完整源代码。如果你不能完全复制这个项目或者没有时间，也没关系。下载 repo 代码并尝试使用不同的 MVC 组件，直到你理解它们之间的关系。

练习 5

练习 5 是应用 MVC 的一个很好的练习，理解 MVC 是学习 JavaScript 框架的重要一步。 练习 5 是按照 Scotch.io的教程来构建一个带有 Angular 的 Etsy 克隆。

使用Angular构建一个Etsy克隆，Stamplay 将教你如何使用 Angular 构建一个 web 应用程序，如何使用 api 构建接口，以及如何构造大型项目。完成本教程后，能够回答以下问题。

•  什么是 web 应用程序?
•  MVC/MVVM 如何应用于 Angular？
•  什么是API，它做什么
•  如何组织和构造大型代码库
•  将 UI 分解为指令组件有什么好处？

如果你想尝试构建更多 Angular web 应用程序，可以尝试使用 AngularJS & Firebase构建一个实时状态更新应用程序。

持续关注时事

就像前端的其他部分一样，JavaScript的发展很快，保持持续关注是很重要的。

下面是一个网站、博客和论坛的列表，这些网站、博客和论坛阅读起来既有趣又信息丰富。

•  Smashing Magazine
•  JavaScript Weekly
•  Reddit JavaScript
•  JavaScript Jabber

通过例子学习

一如既往，最好的学习方法是以身作则。

样式指南

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!