Лучшие учебные пособия JavaScript

JavaScript является наиболее широко используемым языком сценариев на Земле. И у него самая большая библиотечная экосистема любого языка программирования.

JavaScript – это основной язык веб-сайта, а также единственный язык программирования, который может работать во всех основных веб-браузерах.

Примечательно, что JavaScript не имеет отношения к Java. Проверьте JavaScript: Самый неправильно понятый в мире язык программирования Отказ

Официальное имя JavaScript является Ecmascript, определенным по стандарту Ecma-262 Отказ

Если вы хотите узнать больше о языке JavaScript, и почему он так широко используется, читайте статью Ларсона Ларсона – Какой язык программирования я должен учиться первым? – или посмотреть это Вдохновляющее видео от Preethi Kasireddy .

FreeCodeCamp имеет Глубокая JavaScript Учебник На YouTube, который научит вас всем основаниям всего за 3 часа.

Некоторые другие хорошие учебники JavaScript:

использованная литература

Быстрый JavaScript

Вызовы

Учебники

Упражнения

Редакторы

Блоги

Подкастые

JS Jabber

Видеоурезания

Книги

6 Книги на JavaScript от Кайла Симпсона, от новичка до Advanced.

Красноречивый JavaScript

Фантастическое, тщательное введение в основы и функции JavaScript, в комплекте с интерактивным кодом в браузере.

Профессор Фрисби в основном адекватный гид по функциональному программированию

Довольно углубленное руководство по функциональному программированию в JavaScript

Автономные двигатели JavaScript

Spidermonkey Mozilla, первый JavaScript Engine, когда-либо написанный, который в настоящее время используется в Mozilla Firefox.

V8, JavaScript JavaScript Google, используемый в Google Chrome.

Скрипт приложений Google, интерпретатор на основе облака/сервера, который предоставляет программный «макроподобный» управление службами и документами и документами Google Apps.

Node.js, построенный на вершине V8, платформа, которая позволяет записать приложения для серверов в JavaScript.

Windows включает в себя JScript, вариант JavaScript в хосте скрипта Windows.

Чакра, вилка jscript, разработана Microsoft и используется в нижнем браузере.

Mozilla также предлагает Rhino, внедрение JavaScript, построенного в Java, обычно встроенным в приложения Java для обеспечения сценариев для конечных пользователей.

WebKit (за исключением проекта хрома) реализует двигатель JavaScriptCore.

JavaScript Frameworks

Наиболее часто используемые фреймы JavaScript являются реагировать JS, угловые js, jQuery и nodejs. Для получения более подробной информации следуйте этому ссылка Отказ

Как и со всеми языками программирования, JavaScript имеет определенные преимущества и недостатки для рассмотрения. Многие из них связаны с тем, как JavaScript часто выполняется непосредственно в браузере клиента. Но есть и другие способы использования JavaScript теперь, которые позволяют ему иметь те же преимущества языков на стороне сервера.

Преимущества JavaScript

Скорость – JavaScript имеет тенденцию быть очень быстрым, потому что он часто работает сразу в браузере клиента. Пока не требуется внешние ресурсы, JavaScript не замедляется вызовами на Backeng Server. Кроме того, основные браузеры все поддерживают JIT (как раз вовремя) для JavaScript, что означает, что нет необходимости компилировать код перед его запуском.
Простота – Синтаксис JavaScript был вдохновлен Java и относительно легко узнать по сравнению с другими популярными языками, такими как C ++.
Популярность – JavaScript везде в Интернете, а с появлением Node.js все чаще используется на бэкэнде. Есть бесчисленные ресурсы для изучения JavaScript. Как StackoverFlow и GitHub показывают растущее количество проектов, которые используют JavaScript, а тяга, которую он получил в последние годы, только ожидается увеличить.
Совместимость – В отличие от PHP или других языков сценариев, JavaScript может быть вставлен на любую веб-страницу. JavaScript можно использовать во многих различных видах приложений из-за поддержки на других языках, таких как жемчуг и PHP.
Сервер нагрузка – JavaScript – это сторона клиента, поэтому это снижает спрос на серверах в целом, и простые приложения могут вообще не нуждаться в сервере.
Богатые интерфейсы – JavaScript можно использовать для создания таких функций, как перетаскивание и компоненты, такие как ползунки, все из которых значительно улучшают пользовательский интерфейс и опыт сайта.
Расширенная функциональность – Разработчики могут продлить функциональность веб-страниц, написав фрагменты JavaScript для третьих лиц, таких как Greasemoskey.
Универсальность – Есть много способов использовать JavaScript через серверы Node.js. Если бы вы были загружены Node.js с Express, используйте базу данных документов, такую как Mongodb, и используйте JavaScript на Frontend для клиентов, можно разработать все приложение JavaScript с фронта, чтобы обратно с помощью только JavaScript.
Обновления – С момента появления ECMAScript 5 (спецификация сценариев, которые JavaScript опирается на), ECMA International была посвящена обновлению JavaScript в год. Пока что мы получили поддержку браузера ES6 в 2017 году и с нетерпением ждем поддержки ES7 в будущем.

Недостатки JavaScript

Клиентская безопасность – Поскольку код JavaScript выполняется на стороне клиента, ошибки и надзоры могут иногда эксплуатировать для вредоносных целей. Из-за этого некоторые люди решили отключить JavaScript полностью.
Поддержка браузера – В то время как скрипты на стороне сервера всегда дают один и тот же выход, разные браузеры иногда интерпретируют код JavaScript по-разному. В наши дни различия минимальны, и вам не нужно беспокоиться об этом, пока вы проверяете свой скрипт во всех основных браузерах.

ES6

6-е издание ECMAScript называется ES6.

Также стоит как ES2015.

Изменения добавляют много синтаксического сахара, позволяющего разработчикам создавать приложения в объектно-ориентированном стиле.

ES5 Пример:

var User = function () {
  function User(name) {
    this._name = name;
  }

  User.prototype.getName = function getName(x) {
    return 'Mr./Mrs. ' + this._name;
  };

  return User;
}();

ES6 Пример:

class User {
  constructor(name) {
    this._name = name
  }

  getName() {
    return `Mr./Mrs. ${this._name}`
  }
}

Было введено много новых функций синтаксиса, включая:

классы
модули
шаблон
для/из петлей
Выражения генератора
Функции стрелки
коллекции
обещания

В настоящее время большинство функций доступны во всех популярных браузерах. Таблица совместимости Содержит всю информацию о доступности функции всех современных браузеров.

Зачастую новые функции прибывают, которые являются частью преемника ES7. Обычный способ – перевести современный JavaScript (ES6, ES7 и другие экспериментальные предложения) до ES5. Это гарантирует, что также старые браузеры могут выполнять код. Есть инструменты, такие как Бабел Это преобразует новый JavaScript на ES5.

Помимо синтаксического сахара, исходящего из стандартов Ecmascript, есть функции, которые требуют Polyfill Отказ Обычно они необходимы, потому что все реализации класса/метода были добавлены к стандарту.

Объектная атмосфера

В JavaScript и большинству других языках объект содержит серию свойств, которые являются ключом, парой стоимости. Есть несколько вариантов, доступных вам, когда вам нужно построить объект.

Инициализировать переменную объекта

Вы можете создать объект с заранее определенными свойствами, которые так:

let myObject = {
  name: "Dave",
  age: 33
}

Создание пустого объекта

Это создает пустой объект внутри нашей переменной meobject:

let myObject = new Object();

Когда вы хотите добавить свойства на свой объект, вы просто используете либо точечную обозначение, либо на нотацию кронштейна с именем свойства вашего выбора:

myObject.name = "Johnny Mnemonic"
myObject["age"] = 55

Использование функции конструктора

Вы можете определить функцию конструктора, которую вы можете использовать для создания ваших объектов:

function Kitten(name, cute, color) {
  this.name = name,
  this.cute = cute,
  this.color = color
}

Вы можете определить переменную, содержащую инсультирование этого объекта, вызывая функцию конструктора:

let myKitten = new Kitten("Nibbles", true, "white")

Object.Create. ()

Метод Object.Create () (первый, который определен в ECMASSPSTICE 5.1) позволяет создавать объекты. Это позволяет вам выбрать объект прототипа для вашего нового объекта без необходимости заранее определения функции конструктора.

// Our pre-defined object
let kitten = {
  name: "Fluff",
  cute: true,
  color: "gray"
}
// Create a new object using Object.create(). kitten is used as the prototype
let newKitten = Object.create(kitten)

console.log(newKitten.name) // Will output "Fluff"

Оригинал: “https://www.freecodecamp.org/news/best-javascript-tutorial/”