Front-End Pro. JavaScript

Где можно запускать JavaScript-код ?

Браузер
Через js-файлы
Из консоли
Сервисы
https://jsfiddle.net
https://plnkr.co
….
Сервер
NodeJS

Как выполняется код JavaScript?

JavaScript-движок — это программа, или, другими словами, интерпретатор,

Подключение JS в HTML-файл

Синтаксис. Комментарии

// закомментированный код в одну строку
/*
много
строк
закомментированного
кода
*/

Комментарий - это часть

Переменные

Переменная - именованная область памяти хранящая некоторое значение, которое может быть

var, let, const

var digit = 10;
let myDigit = 5;
const someDigit =

Именование переменных

Буквы латинского алфавита (a-z, A-Z)
Цифры (но не на первом месте)

Некоторые зарезервированные слова

var
let
const
break
continue
for
function
case
default
delete

return
switch
try
true
false
null
new
if
else
while

Hoisting (Поднятие переменных)

console.log(digit);
var digit = 100;
console.log(digit);

console.log(digit);
let digit = 100;
console.log(digit);

Типы данных

Примитивные:
Number - целые и вещественные числа;
String - строковые значения;
Boolean -

Определение типа данных

typeof undefined // "undefined"
typeof 0 // "number"
typeof true //

Определение типа данных

typeof NaN; // number
typeof Infinity; //number
typeof []; // object

Явное преобразование типов

var a = 5;
console.log(typeof a); // number
var b =

Явное преобразование типов

var a = '5';
var b = '5.5';
console.log(parseInt(b)); // 5
var

Явное преобразование типов

Number('25.3'); // 25.3
Number('25.3abcd'); // NaN
Number(true); // 1
String(false); // "false"
Boolean(1);

Строковые литералы. Escape-последовательности

var str = "Hello, world;\nWe are here";
alert(str);

\n - перенос

Операторы

Унарные
Бинарные
Тернарный

Унарные

+ (унарный плюс)
- (унарный минус)
++ (инкремент)
-- (декремент)

Унарные операторы. Примеры

var digit1 = "5";
var digit2 = 3;
console.log(typeof digit1); //

Инкремент и Декремент

var a = 1;
alert(a); // 1
// Постфиксная форма:
a++;
alert(a); //

Бинарные операторы

Арифметические
Операторы сравнения
Логические операторы

Арифметические операторы

+ Сложение (для строк - конкатенация)
- Вычитание
* Умножение
/ Деление (деление

Бинарные операторы. Примеры

var digit = 11;
var str0 = 'Hello';
var str1 =

Арифметические операторы. Примеры

var a = 5;
var b = 3;
console.log(a+b); // 8
var

Арифметические операторы. Примеры

var a = 5;
var b = "3";
console.log(a+b); // "53"
console.log(a-b);

Деление по модулю (остаток от деления)

var digit = 10;
console.log(digit % 2);

Операторы сравнения

> Больше
< Меньше
>= Больше либо равно
<= Меньше либо равно
== Равно

Операторы сравнения. Примеры

var digit1 = 5;
var digit2 = 3;
var value1 =

Логические операторы

&& Логическое И
ИСТИНА && ИСТИНА = ИСТИНА
ИСТИНА && ЛОЖЬ =

Логические операторы. Примеры

console.log(true && true); // true
console.log(false && true); // false
console.log(false

Неявное преобразование типов

console.log(1 && true); // true
console.log(0 && true); // 0
console.log(0

Сокращенные арифметические операции

var a = 5;
a = a + 1;
a +=

Взаимодействие с пользователем

alert - функция для вывода сообщения пользователю

var name =

Получение данных от пользователя

var defaultDigit = 5;
var digit = prompt('Enter any

Полезная литература

http://learn.javascript.ru/hello-world
http://learn.javascript.ru/variables
http://learn.javascript.ru/variable-names
http://learn.javascript.ru/types-intro
http://learn.javascript.ru/operators
http://learn.javascript.ru/comparison
https://www.youtube.com/watch?v=et8xNAc2ic8