betacode

Быстрый запуск с JavaScript

  1. Что вам понадобится?
  2. Изучить ECMAScript с онлайн инструментами
  3. Изучить ECMAScript с браузером
  4. Изучить ECMAScript с NodeJS

1. Что вам понадобится?

Перед тем, как быстро начать с ECMAScript вам нужно выделить немного времени и прочитать мое введение про ECMAScript, оно поможет вам иметь общее понятие:
Спецификация ES6 (ECMAScript 6) была объявлена в июне 2015 года, ей нужно было немного подождать чтобы браузеры могли поддерживать все новые свойства. Поэтому чтобы изучать ES6 и практиковаться, у вас есть 3 подхода:
1-Online Tool
Для изучения ECMAScript вам понадобится среда для выполнения написанного вами кода. Самое простое это использовать онлайн инструмент, например вебсайт ниже:
2- Browser
Для изучения ES6 вам нужно только один браузер, лучше всего скачайте Chrome, Firefox или Safari новейшей версии. На данный момент эти браузеры поддерживают все свойства ES6.
Вы можете найти поддержку браузеров для ES6 по ссылке ниже:
3- NodeJS
NodeJS является средой запускающей JavaScript (JavaScript Runtime Environment) вне браузера. Он содержит V8 Javascript Engine, программу написанную с помощью C++ помогающая анализировать и выполнять код Javascript. V8 и есть Javascript Engine у известного браузера Chrome.
Установите NodeJS а вашем компьютере и это поможет вам выполнить код Javascript без браузера, это на самом деле полезно для изучения вашего ECMAScript. Еще важная вещь это V8 Javascript Engine в новейшей версии NodeJS может анализировать и выполнить код ES7, ES8.
Поэтому я рекомендую вас установить NodeJS:
Text Editor?
Чтобы написать код ECMAScript вы можете использовать любой "текстовый редактор" (Text Editor), я рекомендую вам использовать текстовый редактор Atom, это бесплатный текстовый редактор, открытый исходный код предоставленный GitHub.

2. Изучить ECMAScript с онлайн инструментами

Как упоминалось выше, для изучения ECMAScript вам нужна среда для выполнения написанного вами кода, самое простое это найти онлайн инструмент для выполнения кода ECMAScript, например вебсайт ниже:
напишите ваш код ECMAScript, и нажмите на кнопку для его выполнения.
Данный инструмент так же позволяет вам увидеть как выглядит написанный вами код в ES6 конвертированный в код ES5.

3. Изучить ECMAScript с браузером

Как упоминалось выше, для изучения ECMAScript вам понадобится только один браузер, например Firefox, Chrome, Safari, и стоит использовать новейшую версию.
Создайте файл HTML, например hello.html:
hello.html
<h3>View results on the browser's Console window</h3>

<script type="text/javascript">

   console.log("Hello World");

</script>
Откройте файл hello.html tна браузере, и вы можете увидеть результаты на окне Console браузера.

4. Изучить ECMAScript с NodeJS

Создание проекта NodeJS поможет вам легче изучить ECMAScript. Заметьте, что возможно вам не нужно изучать NodeJS, NodeJS понадобится только как инструмент для выполнения кодов Javascript без браузера.
Для начала, создайте пустую папку, например node-ecmascript. Откройте окно CMD и CD в созданную вами папку, и выполните команду ниже для инициализации проекта:
# Init project:

npm init
Принять все опции по-умолчанию, нажать Enter, Enter,... Enter до завершения:
Откройте созданный файл package.json в вашей папке.
Откройте вашу созданную папку проекта на определенном редакторе. Здесь я использую Atom.
Создать файл hello.js:
hello.js
console.log("Hello World");
У вас есть 2 способа для запуска данного файла:
Способ 1: Открыть окно CMD и запустить следующую команду:
node hello.js
Способ 2: Установить Atom Runner, данный плагин позволяет вам запускать сценарные файлы как Javascript, Python,... напрямую на Atom:

Pуководства ECMAScript, Javascript

Show More