Глава I. Обо всём понемногу.

Учимся программировать вместе с JavaScript

Глава I. Обо всём понемногу.

Первоначальные сведения. Первая программа. Переменные. Типы данных. Выбор действия по условию. Правила «хорошего тона программирования». Блок-схема алгоритма. Сравнение строк. Циклы. Функции. Массивы. Обработка данных. Объекты. Объект Math. Конструкторы. Массив объектов. Простейшая база данных. JavaScript и html документ. Графика и JavaScript. Тэг canvas.

Что такое JavaScript. Вставка JavaScript кода в html документ. Когда происходит выполнение кода JavaScript. Наша первая программа. Регистр букв. Вставка тэгов в документ. Присваивание значений атрибутам тэгов. Пример кода в отдельном файле. Комментарии. Отладка программ. Операция alert.

Что такое переменная. Правила для формирования имён переменных. Список зарезервированных слов. Информация, которая может содержаться в переменной. Числа. Арифметические операции. Строки.

Выбор действия по условию. Правила «хорошего тона программирования». Блок-схема алгоритма. Сравнение строк. Расстановка строк по алфавиту.

Цикл. Цикл счётчик. Цикл с предварительной проверкой условия. Цикл с проверкой условия после прохода. Цикл внутри цикла.

Определение функции. Передаваемые аргументы. Передача нескольких аргументов. Возвращение результата функцией.

Массив. Создание массива случайных чисел. Сортировка данных в массиве.

Объект. Создание объекта со свойствами. Доступ к свойствам. Создание свойств типа объект. Создание объекта с методами. Объект Math. Обработка свойств методами.

Конструкторы. Создание свойства типа объект с помощью конструктора. Массив объектов. Массив объектов как свойство объекта. Создание методов в конструкторе. Простейшая база данных.

Реакция интернет страницы на действие пользователя. Использование элемента button для вызова JavaScript кода. Доступ к элементам Html документа. Свойство innerHTML объектов, отражающих элементы HTML документа. Формирование содержимого элемента. Конкатенация строк. Динамическое изменение свойств CSS. Правила формирования имён свойств объекта style. Динамическое скрытие и показ элементов с помощью свойства CSS display.

Тэг canvas. Метод getContext('2d') и объект CanvasRenderingContext2D. Формирование изображения на экране компьютера. Термин «перо». Методы для рисования линий. Настройка пера. Путь пера. Метод beginPath(). Демонстрация того, что пиксели имеют координаты с половинками. Вывод графика функций. Стирание рисунка.