学习JavaScript的路线图

JavaScript is such an amazing language!

JavaScript是一种了不起的语言！

Born as a simple way to manipulate documents in the browser, over the years it became the most popular programming language in the world, and now runs everywhere.

作为一种在浏览器中操作文档的简单方法而诞生，多年来，它已成为世界上最受欢迎的编程语言，并且如今在任何地方都可以运行。

Here is an attempt to draft a roadmap to learn JavaScript.

这是尝试起草学习JavaScript的路线图的一种尝试。

Note: I added all those in a handy PDF/ePub, download it now

注意：我将所有内容添加到了方便的PDF / ePub中，立即下载

初学者指南 (Beginner’s guides)

First, dive into the introductory guide to the language, and dive into the overview of the “latest and greatest” additions to the language. It’s useless to learn the “old way” of doing things when in the last 3 years how we all use the language changed so much.

首先，深入了解该语言的入门指南，并深入了解该语言“最新，最出色”的内容。 在过去的三年中，我们所有人使用该语言的方式发生了巨大变化时，学习做事的“旧方法”毫无用处。

• Introduction to JavaScript

  JavaScript简介

• The ECMAScript 2015-2017 Guide

  ECMAScript 2015-2017指南

• The JavaScript Glossary

  JavaScript词汇表

• A quick reference to the modern JavaScript syntax

  快速参考现代JavaScript语法

语言基础 (Basics of the language)

Next, this is a more in-depth analysis of the building blocks of JavaScript.

接下来，这是对JavaScript构建块的更深入分析。

• JavaScript Lexical Structure

  JavaScript词汇结构

• JavaScript Expressions

  JavaScript表达式

• JavaScript Types

  JavaScript类型

• JavaScript Variables

  JavaScript变量

• JavaScript Math Operators

  JavaScript数学运算符

• JavaScript Functions

  JavaScript函数

• JavaScript Immediately-Invoked Function Expressions IIFE

  JavaScript立即调用函数表达式IIFE

• this

  这个

• JavaScript Arrow Functions

  JavaScript箭头函数

• JavaScript Loops

  JavaScript循环

• JavaScript Loops and Scope

  JavaScript循环和范围

• JavaScript Arrays

  JavaScript数组

• JavaScript Template Literals

  JavaScript模板文字

• JavaScript Semicolons

  JavaScript分号

• Strict Mode

  严格模式

JavaScript内置对象 (The JavaScript built-in objects)

• JavaScript Dates

  JavaScript日期

• The Math Object

  数学对象

异步编程 (Asynchronous programming)

JavaScript is big on asynchronous programming. Learn all the basics!

JavaScript在异步编程方面非常重要。 学习所有基础知识！

• Asynchronous programming and callbacks

  异步编程和回调

• JavaScript Timers

  JavaScript计时器

• JavaScript Promises

  JavaScript的承诺

• Async and Await

  异步并等待

大事记 (Events)

• The JavaScript Event Loop

  JavaScript事件循环

• JavaScript Events

  JavaScript事件

进阶主题 (Advanced topics)

Some more advanced topics before you go ahead to learn something new

在继续学习新知识之前，您需要先了解一些更高级的主题

• JavaScript Functional Programming

  JavaScript函数式编程

• Efficiently load JavaScript with defer and async

  通过延迟和异步有效加载JavaScript

• CORS

  CORS

• JavaScript Closures

  JavaScript闭包

• JavaScript Regular Expressions

  JavaScript正则表达式

• Unicode in JavaScript

  JavaScript中的Unicode

数据结构 (Data Structures)

• The JavaScript Map Data Structure

  JavaScript Map数据结构

• The JavaScript Set Data Structure

  JavaScript Set数据结构

网络平台 (The Web Platform)

Cookies, localStorage, the History API, Fetch, Cache, Service Workers, it’s all explained in the Web Platform APIs Guide. Lots of things in there!

Cookies，localStorage，History API，Fetch，Cache，Service Workers，这些都在《 Web平台API指南》中进行了说明 。 里面有很多东西！

操作方法 (How-tos)

Here are some little how-to posts that can shed a light on some JavaScript tasks, and as a side effect better understand what JavaScript can do and how it works:

以下是一些小技巧指南，这些文章可以帮助您了解一些JavaScript任务，并且附带的一个好处是可以更好地了解JavaScript可以做什么以及它如何工作：

• Generate random and unique strings in JavaScript

  在JavaScript中生成随机且唯一的字符串

• How to inspect a JavaScript object

  如何检查JavaScript对象

• How to trim the leading zero in a number

  如何修剪数字中的前导零

• How to replace all occurrences of a string

  如何替换所有出现的字符串

• How to check if an object property is undefined

  如何检查对象属性是否未定义

• How to append an item to an array

  如何将项目追加到数组

• How to remove a property from an object

  如何从对象中删除属性

• How to get the current timestamp

  如何获取当前时间戳

• How to convert a string to a number

  如何将字符串转换为数字

• How to format a number as currency

  如何将数字格式化为货币

• How to uppercase the first letter of a string

  如何大写字符串的第一个字母

• How to deep clone an object

  如何深度克隆对象

• How to remove an item from an array

  如何从数组中删除项目

• How to check if a string contains a substring

  如何检查字符串是否包含子字符串

下一步是什么？ (What’s next?)

If you’re ready to go ahead and dive into more advanced lands, check out React and server-side JavaScript with Node.js.

如果您准备继续前进并进入更高级的领域，请查看带有Node.js的 React和服务器端JavaScript。

翻译自: https://flaviocopes.com/javascript/

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！