JavaScript

Алгоритм.

 

Как поместить слона в холодильник?

 

JavaScript

 

Может:

• Работать в браузере
• Модифицировать веб-страницу
• Создавать анимации
• и т.д.

Не может:

• Удалять/перемещать файлы
• Вызывать программы на вашем компьютере
• Нанести вред вашей системе. (Если речь идет о нервной)
• и т.п.

JavaScript

 

Может:

• Работать в браузере
• Модифицировать веб-страницу
• Создавать анимации
• и т.д.

Не может:

• Удалять/перемещать файлы
• Вызывать программы на вашем компьютере
• Нанести вред вашей системе. (Если речь идет о нервной)
• и т.п.

<script>

     var scale = .5;

</script>

<script src="path/folder/file.exp"></script>

<script>

     var fridge = "elephant";

</script>

_name

nameName

name123

$name

var fridge;

fridge = "elephant"; 

fridge = "giraffe";

fridge = "elephant"; 

house = fridge;

fridge = "elephant"; 

house = fridge;

Несколько способов узнать правду:

• document.write()
• alert()
• console.log()

document.write()

alert()

console.log()

 

var calculator; //undefined

calculator = 5;

console.log(calculator); //5

calculator = 5 + 2;

console.log(calculator); //7

Операторы в JS

• +
• -
• *
• /
• +=
• -=
• ++
• --

var countOfAnimals = 5;

countOfAnimals++; //6

countOfAnimals--; //5

var countOfAnimals=5;

countOfAnimals+=4; //9

countOfAnimals-=2; //7

 

в JavaScript 6 типов данных:

• Number
• String
• Boolean
• Null
• Undefined
• Object

Boolean

• True
• False

Null

var countOfAnimans = null;

Undefined

var countOfAnimans;

Object

var user = {

    name: “Дарья”,

    age: undefined;

}

 

typeof()

 

typeof(5) // number

typeof("5") //string

typeof(true) //boolean

 

typeof(null) //object

typeof(function() {}) //function

Преобразование типов данных

• Строковое
• Числовое
• Преобразование к логическим переменным

Строковое

console.log(true + “false”); //truefalse

console.log(“111” + undefined); //111undefined
console.log(“hello” + 123); //hello123

alert(), console.log(), document.write()

Числовое

console.log(+”123”); //123

console.log(Number(“123”)); //123

console.log(+true); //1

console.log(+false); //0

 

Логическое преобразование

if()

Функции - для ленивых

var letsCalculate = function() {

    var calculator;

    calculator = 5 + 2;

    return calculator;

}

 

letsCalculate();

var letsCalculate = function(a, b) {

    return a + b;

}

 

var resultOfCalulation = letsCalculate(3,7);

console.log(resultOfCalulation);

Будьте осторожны!

• Всегда в конце строки ;
• Стиль кода(Что это? а знать нужно!)
• camelCase (var countOfAnimalts;)
• Наименования только на английском
• Название переменных number, string - существительное 
• Название переменных booolean - существительные начинающиеся с "is"
• Название функции - глагол
• Название функций возвращающих boolean - существительное начинающееся с "is"

Терпения...

Условия

if (isElephantInFridge) {

    removeElephantFromFridge();

    setGiraffeToFridge();

} else {

    setGiraffeToFridge();

}

 

 

if (isElephantInFridge) {

    removeElephantFromFridge();

    setGiraffeToFridge();

}

 

 

isElephantInFridge ? getElephantFromFridge() : closeFridge();

 

 

var 123 > 100; //true

var 123 => 100; //true

var 123 < 100; //false

var 123 <= 100; //false

var “123” == 123; //true

var “123” === 123; //fasle

 

|| – ИЛИ

&& – И

! –  НЕ

true || false // true

true && true // true

!false // true

|| – ИЛИ

&& – И

! –  НЕ

true || false

true

false || false

false

true && true

true

true && !false

true

true && !false || true || !fasle && !!true

true

Молодцы!

Switch

а что если?

а что если?

а что если?

а что если?

а что если?

а что если?

Нужно больше условий...

var mark = 5;

switch (mark) {
    case 2:

        console.log(‘Ты наказан! Никакого Интернета!’);

        break;

    case 3:

        console.log(‘Ты наказан!’);

        break;

    case 4:

        console.log(‘Можно было и лучше!’);

        break;

    case 5:

        console.log(‘Нормально.’);

        break;

    default:

        console.log(‘Иди вымой посуду и вынеси мусор!’);

}

 

Циклы

while

while(условие) {

    //тело цикла

}

var item = 1;

while(item < 11) {

    console.log(item);

    item++;

}

 

var item = 1;

do {

    console.log(item);

    item++;

} while (item < 11);

 

 

 

for (начальное положение; условие; шаг) {

    //тело цикла

}

 

for (var item = 1; item < 11; item++) {
    console.log(item);

}

 

var item = 1;

while(item < 11) {

    if (item === 5) { break; }

    console.log(item);

    item++;

}

 

Результат: 1 2 3 4

for (var item = 1; item < 11; item ++) {

    if (item === 5) { continue; }
    console.log(item);

}

 

 

Результат: 1 2 3 4 6 7 8 9 10

Что мы сегодня узнали?

 

• Переменные
• Типы данных
• Функции
• Условия
• Условные операторы
• Циклы
• Что еще?

Что делать дальше?

Литература

JavaScript b jQuery, 3-е издание, O’REILLY, Дэвид МакФарланд

 

Изучаем программирование на JavaScrip, O’REILLY, Эрик Фримен, Элизабет Робсон

 

TODO

• Написать свою программу “Hello World” используя document.write(), console.log(), alert().

• Написать программу, которая добавляет +1 к числу которое вы вводите и выводит результат через alert(), использовать prompt.

• Написать программу, которая выводит числа от одного до 7 если пользователь дал на это согласие, использовать confirm.