正确学习javascript。困惑的指南

正确学习javascript。困惑的指南

迷失了javascript？这一点都不奇怪。你需要一个能告诉你真正重要的指南。我们只有一个。

向左看 - 有一个框架市场，它们相互竞争，赞扬它们的能力。向右看 - 这是一个npm-modules的超市。在此之前，您可以看到大型的Bandeler和任务运行者研讨会以及Node应用程序的办公室摩天大楼。

JavaScript城市街道漫长而曲折，有数十家小商店和各种商店的商人，梦想着向你推销另一个有用的图书馆。还有数百名困惑的开发人员，他们不知道去哪里或买什么。有些人会收集他们以后永远不会使用的整袋货物。

如果您是这些迷路游客之一，我们的初学者JavaScript指南将帮助您成为一个自信的JS城市居民。他会先告诉你要处理什么，以便在这个嘈杂但有趣的地方航行。

假设您已经熟悉该语言的基础知识 - 否则您是如何到达这个城市的？

异步是一切的核心

一旦进入网络，只有无聊的静态页面，任何操作都需要重新加载。那个时代已经过去，它被酷炫的响应式应用程序取代，可以在后台与服务器通信，而不会打扰用户.

 

Asynchrony从根本上改变了JavaScript语言，并成为Web开发的主要原则。因此，我们的指南强烈建议游客妥善处理这个概念。学习回调，承诺和异步函数所花费的时间肯定不会浪费.

•异步javascript的历史和未来(https://developer.okta.com/blog/2019/01/16/history-and-future-of-async-javascript)

•你不了解JS：回调(https://github.com/getify/You-Dont-Know-JS/blob/master/async%20%26%20performance/ch2.md)

•你不了解JS：承诺(https://github.com/getify/You-Dont-Know-JS/blob/master/async%20%26%20performance/ch3.md)

•异步/等待手册(https://scotch.io/tutorials/asynchronous-javascript-using-async-await)

这个方向的下一步是研究函数fetch，它是经典XMLHttpRequest的一个方便的替代品.

为什么我们需要框架

框架已成为现代JavaScript的重要组成部分，似乎它们一直都是。

为什么会发生这种情况，为什么存在js框架呢？

因为在Web开发中，有一些重要的东西在语言中不是直接原生的。几乎每个项目都需要它们在某种程度上。您必须从头开始编写自己的实现或使用现成的框架.

数据绑定

视图和控制器之间的数据绑定是现代应用程序的重要组成部分。有必要将用户界面与实际数据更改同步。所有框架都有一些方法可以做到这一点，无论它们是MVC模型，MVVM还是仅仅是表示层的完整实施例.

可重复使用的组件

AngularJS的最大成就是为应用程序的组件结构引入了时尚，Vue和React很快就采用了这种方式。这个想法是如此成功，以至于Web组件的特殊界面出现在语言本身中。不幸的是，它没有数据绑定机制，因此框架仍然是不可替代的.

正确学习JavaScript框架

选择学习框架，请记住 - 这只是增加开发人员机会的工具。您必须准确理解语言以这种方式解决的问题。框架会发生变化，但通过类似的理解，您可以轻松找出它们中的任何一个。

经常发生的是，初级JavaScript开发人员，还没有足够的经验，潜入某种框架并开始考虑他的工作方式作为唯一正确的方法。这个问题的解决方案非常有趣。要理解框架本身并不是目的!

在语言学中，人们早就知道同时研究类似语言是有用的。这可以让您更好地了解它们的结构，注意相似之处和不同之处。对两个JS框架的了解以相同的方式工作。

如果您有多种方法可以解决相同的问题，那么您就可以更好地了解问题本身.

•我选择你了！谁是javascript框架中最好的宠物小精灵？(https://proglib.io/p/js-pokemons/)

•框架或图书馆？有什么区别？(https://proglib.io/p/framework-or-library/)

•7个最好的JavaScript框架和库(https://proglib.io/p/javascript-framework/)

在收藏家的引擎盖下

目前的JavaScript编程非常复杂，远远超出了vanilla JS。我们使用许多不同的工具来执行常规任务和汇编程序，将它们组合成一个连贯的机制.

装配 - 最“黑魔法”过程之一。并非每个有经验的JavaScript开发人员都了解如何从简单的配置和大量不相关的模块中获得一个带有已处理和优化代码的文件。

Build是JS中增长最快的领域。生产力正在快速增长，捆绑的规模也在迅速减少。开发人员将所有事情都挤出了流程。这就是为什么你必须理解这种魔力。

理解您使用的工具是非常重要的。它们如何转换您的代码以及按什么顺序转换。如何打包模块以及如何影响构建过程。不要让您的程序完全处理收集器，继续监视它.

• Webpack从头开始(https://what-problem-does-it-solve.com/webpack/intro.html)
•  Grunt和Gulp.js：优化前端开发的任务运行者 (https://www.upwork.com/hiring/development/grunt-and-gulp-js-task-runner-tools-to-streamline-your-front-end-development/)

TypeScript –新的 JavaScript

TypeScript –是一个带有静态类型和经典OOP模型的JavaScript超集。经典JS有时缺乏这些功能，但不仅仅是它们使得TypeScript变得流行。它的主要优点是整洁可靠的代码.

TypeScript不仅为开发人员检查程序，还鼓励他更好地照顾自己，鼓励开发良好的编码习惯。

新手开发人员不需要彻底研究TypeScript（虽然那里有许多有趣的东西）。首先，只需熟悉基础知识即可：输入变量注释，类属性和函数参数。理解这些规则并遵循这些规则即使在经典JS中也能避免许多错误，您将成为一个更加自律的开发人员.

• 5分钟内输入TypeScript  (https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html)–官方TypeScript文档
• 在线编译器(https://repl.it/languages/typescript)

---

有趣的是，在现代JavaScript中学习的最重要的主题中，只有一个涉及vanilla语言。但这就是现实。现在掌握语言的基础设施对于成功而言比了解其复杂性更为重要.