Bootcamp. JS
Presentation
•
Computers
•
10th Grade
•
Hard
Edukoht Edukohter
Used 2+ times
FREE Resource
46 Slides • 0 Questions
1
EduBootcamp. JS
let day = 2;
2
3
4
5
Куда писать код?
Код JS может быть написан несколькими способами. Самый простой из них - специальный тег script
6
Другой вариант
А можно использовать внешние скрипты, тогда весь код будет находиться в другом файле проекта
7
8
9
Переменных требуют наши сердца!
Переменные используются для хранения любой информации
10
querySelector
Чтобы получить нужный нам элемент с HTML страницы, мы обращаемся к нашему документу (document), а потом уже, с помощью запроса querySelector, просим у него элемент или несколько.
11
12
13
14
15
Практика!
16
Что там было про функции?
Чтобы создать свою функцию, никаких сложных действий не требуется
17
Списки
list1[0] - такая запись вернет нам первый элемент списка list1
list.length - выясняем длину списка, узнаем сколько же там всего элементов
18
Добавим условностей
if-else. Такая конструкция помогает нам использовать разный код, для разных возможных значений одной переменной или функции.
Если if возвращает значение true, те истина, то мы выполняем код в скобочках, если нет, идем дальше
Например, number может иметь значения: 1, 2, 3
19
20
21
22
Цикл со списком
23
Практика!
24
25
26
27
Таймеры и Интервалы
setTimeout - выполняет код один раз через определённый интервал времени
setInterval - выполняет код регулярно, повторяя его через каждый определённый интервал
28
Работа с датами
29
30
31
Практика!
32
33
Как работать с канвасом?
Первое, что важно понять - канвас обладает своей координатной плоскостью, начало которой находится в левом верхнем углу
34
35
36
37
38
Рисуем линию
39
Круг
40
Текст
41
Прямоугольник
42
Практика!
43
44
Рисунок в канвас
45
46
Практика!
EduBootcamp. JS
let day = 2;
Show answer
Auto Play
Slide 1 / 46
SLIDE
