2. 2
Состав вебинаров:
Вводный: история JS, реализации и стандарты.
Операторы и типизация.
Основные конструкции языка, как они используются.
ООП и контекст
JS+HTML: BOM, DOM, события и свойства, AJAX
JS фреймворки: jQuery, AngularJS, CoffeeScript, Node.js
3. 3
Javascript – Появился в 1995 году
JavaScript – создали в компании Netscape
Navigator
Автор языка – Брендан Айк
4. 4
Брендан Айк
Работал в Mozzilla
Foundation с момента
её основания, в 2014
проработал несколько
дней в качестве CEO
5. 5
LiveScript JavaScript ECMAScript
LiveScript появился в
Netscape Navigator
Позже, LiveScript
переименовали в JavaScript
И после выпуска Jscript,
Netscape инициировала
стандартизацию в ECMA
6. 6
JScript
Microsoft , спустя год, выпустил свою версию
JavaScript, назвав её JScript.
Брендан Айк: «Считайте, что JavaScript
(пожалуйста, только не Jscript) спас вас от
VBscript»
11. 11
Стандарты
• ECMAScript – актуальная версия 5.
• Последняя версия 6
• Используются версии 5 и 3
• Таблица реализации ECMAScript 6
http://kangax.github.io/compat-table/es6/
25. 25
Консоль браузера
Практически во всех браузерах(точно нет в IE6)
Выполняет произвольный код
Контекстом служит текущая страница
Доступны все объекты со страницы и сама
страница
Стандартная горячая клавиша F12
30. 30
Работа с файлами JScript
var fso = new ActiveXObject("Scripting.FileSystemObject");
var a = fso.CreateTextFile("c:testfile.txt", true);
a.WriteLine("This is a test.");
a.Close();
wscript "d:jscript_write_to_file.js"
JScript
Запуск js через командную строку
31. 31
Операторы в JavaScript
Комментарии и кавычки
//однострочный комментарий
/*
многострочкый комментарий
*/
alert("comment") //можно двойные использовать
alert('comment') // можно одинарные
alert("It's comment") // можно оба типа сразу
36. 36
Операторы в JavaScript
Оператор switch
var a = 't';
switch(a){
case 't':
console.log("it's equal t");
break;
case 'y':
console.log("it's equal y");
break;
default:
console.log("empty");
break;
}
37. 37
Операторы в JavaScript
Арифметические операторы
var a = 2;
var b = 3;
console.log(a+b);
console.log(a-b);
console.log(a*b);
console.log(a/b);
console.log(a%b); // остаток от деления
38. 38
Операторы в JavaScript
Инкремент, декремент. Операторы доступны как пост- так и пре-.
var b = 15;
for(var i = 1; i < 10 ; i++)
{
console.log(i);
console.log(--b);
}
50. 50
Преобразование типов
Преобразование в число
var a = "123";
if (Number(a) == 123) {
console.log("is true");
}
var a = "123";
if (+a == 123) {
console.log("is true");
}
51. 51
Преобразование типов
Преобразование в число
console.log(Number(true)); // 1
console.log(Number(false)); // 0
console.log(Number(null)); // 0
console.log(Number(undefined))// NaN
52. 52
Преобразование типов
Преобразование в булевый тип
console.log(!!1); // true
console.log(!!0); // false
console.log(!!"foo"); // true
console.log(!!""); // false
console.log(!!NaN); // false
console.log(!!Infinity);// true
54. 54
Contacts
Thank You and
We Look Forward to Working with You
Auriga, USA
92 Potter Rd, Ste 1
Wilton, NH 03086, USA
Phone: +1 (866) 645-1119
Fax: +1 (603) 386-6097
info@auriga.com
www.auriga.com
Auriga, Russia
125 Varshavskoe Shosse, Unit 16A
Moscow, 117587
Tel:+7 (495) 713-9900
Fax:+7 (495) 939-0300
info@auriga.com
www.auriga.com