JavaScript

Введение. Основы языка. github

Жигалов Сергей

Java

написать код
скомпилировать
упаковать в апплет
подключить

JavaScript

написать код
скомпилировать
упаковать в апплет
подключить

Синтаксис → C, C++, Java
Динамическая типизация → Perl
Ссылки на функции → Lisp
Наследование через прототипы → Self

Брэндон Айк

разработал JavaScript для Netscape 1995

Брэндон Айк

... он должен был быть написан за 10 дней, а иначе мы бы имели что-то похуже JS...

Брэндон Айк

... В то время мы должны были двигаться очень быстро, т.к. знали, что Microsoft идет за нами...

Брэндон Айк

... JS был обязан «выглядеть как Java», только поменьше, быть эдаким младшим братом-простаком для Java...

JSON

JavaScript Object Notation

Дуглас Крокфорд, 2001

JSON


{
    "name": "Works",
    "cashlessPayment": true,
    "capacity": 3,
    "barista": [
        {
            "name": "Лёша",
            "favourite": "cappuccino"
        },
        {
            "name": "Лиза",
            "favourite": "tea"
        }
    ]
}

XML




    Works
    true
    3
    
        
            Лёша
            cappuccino
        
        
            Лиза
            tea

AJAX

(Asynchronous JavaScript and XML)

Джеймс Гаррет, 2005

NodeJS

Linux / Windows / MacOS /...
Единая архитектура
Один поток*
Node Package Manager

Версия	Год выпуска
node 0.4	2011
node 0.10	2013
iojs 1.0	2015
node 0.12	2015
iojs 3.0	2015
node 6.0	2016

JavaScript

Браузер
Сервер
Базы данных

Основы языка

Типы данных

числа
строки
булевые величины
объекты* и массивы*
функции*
неопределённые величины

Числовой


123     // 123


12.3    // 12.3

Числовой. Системы счисления


0x11    // 17
0b11    // 3
0o11    // 9

Числовой. Экспонента

64 бит


2^64 = 18446744073709552000


Number.MAX_SAFE_INTEGER
// 9007199254740991


2.998e8
// 2.998 × 10^8
// 299800000

Числовой. Бесконечность


Infinity
-Infinity


Infinity - 1 === Infinity // true

Числовой. Не число

NaN


0/0 // NaN
Infinity - Infinity // NaN
'один' / 'два' // NaN

Строковый


'строка текста'
"строка текста"
'中文 español русский \' '

Логический


true
false

Hеопределенное значение


undefined
null


var a;
console.log(a); // undefined

typeof


typeof 0;
// 'number'


typeof '0';
// 'string'

Основы языка

Переменные


var studentsCount;
studentsCount = 98;


var studentsCount = 98;


var studentsCount = 98,
language = 'JavaScript';

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

oneMoment
a-z _ $
1moment

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

soSo
A-Z a-z 0-9 _ $
so-so

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


// Переменная
var currentTime;


// Константа
var MILLISECONDS_IN_DAY;

Зарезервированные слова


break    do       try       while
case     else     new       with
catch    finally  return
continue for      switch
debugger function this
default  if       throw
delete   in       instanceof
typeof   var      void

https://clck.ru/9auhk

Зарезервированные слова


class enum   extends super
const export import

https://clck.ru/9auhk

Основы языка

Операторы

Унарные

++ (инкремент)
-- (декремент)
-  (унарный минус)
!  (логическое НЕ)

Инкремент


var a = 1;
var b = a++;  // b === 1, a === 2


var a = 1;
var b = ++a;  // b === 2, a === 2

Бинарные

Арифметические

* (умножение)
/ (деление)
% (остаток от деления)

+ (сложение)
- (вычитание)
+ (сложение строк)

Сложение


2 + 3 = 5


'«JavaScript — это простой, но ' +
'изящный язык, который является ' +
'невероятно мощным для решения ' +
'многих задач» © Джон Резиг'

Сравнения

<  (меньше)
<= (меньше или равно)
>  (больше)
>= (больше или равно)

==  (проверка на равенство)
!=  (проверка на неравенство)
=== (проверка на идентичность)
!== (проверка на неидентичность)

Логические

&& (И)

|| (ИЛИ)

Присваиваивание

= (присваивание)

*=, /=, +=, -=, &=, ^=, |= 
(присваивание с операцией)


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

Условные операторы


if (language === 'JavaScript') {
    likes = likes + 1;
} else {
    likes = likes - 1;
}


likes = language === 'JavaScript' ?
    likes + 1 :
    likes - 1;

Условные операторы


switch (language) {
    case 'JavaScript':
        likes++;
        break;
    case 'C++':
    case 'Java':
        break;
    default:
        likes--;
}

Statement


a = b * 2;

Expression


a = b * 2;

// 2 - это выражение литерала
// b - это выражение переменной
// b * 2 - это арифметическое выражение
// a = b * 2 - это выражение присвоения

;


function getTrue() {
    return true;
}

getTrue();    // true

;


function getTrue() {
    return
    true;
}

getTrue();    // undefined

Основы языка

Строгий режим


'use strict';

// этот код будет работать
// по современному стандарту ES5

Спецификация

Пример запуска


console.log('Hello, world!');

В браузере


// Ctrl + Alt + J

console.log('Hello, world!');

https://nodejs.org

NodeJS


// index.js
console.log('Hello, world!');


$ node index.js

Редакторы кода

WebStorm

Лицензия для WebStorm

завести JetBrains Account
подтвердить статус студента:
- при помощи карточки ISIC
- при электронной почты университета (в домене .edu)
- при помощи скана студенческого билета

Подать заявку можно здесь

0. Регистрация

Регистрируемся по ссылке http://github.com/join

Подтверждение почты

Заполнение профиля

Указываем ФИО и группу

1. Делаем Fork

Переходим по ссылке https://github.com/urfu-2016/demo-task-1

Нажимаем на кнопку Fork

Редирект на форк

2. Устанавливаем git

Переходим на https://git-scm.com/download

2.1. Устанавливаем git Windows

Запускаем "Git.exe"