Тренінг: Основи програмування на Javascript

Ласкаво прошу до тренінгу «Основи програмування на Javascript». Ви навчитеся програмувати за допомогою мови Javascript, яка працює у веб-мережі та у кожному браузері.

JavaScript є найпопулярнішою мовою програмування у світі. JavaScript – це мова програмування Інтернету. JavaScript легко вивчити. Навіщо потрібен JavaScript? JavaScript є однією з трьох мов, які повинні вивчити всі веб-розробники:

   1. HTML для визначення вмісту веб-сторінок.

   2. CSS для визначення макета веб-сторінок.

   3. JavaScript для програмування поведінки веб-сторінок.

Цей курс навчить вас JavaScript від базового до просунутого рівня. Ви станете програмістом – людиною, яка здатна контролювати роботу комп’ютера. Навчившись програмувати, ви будете в змозі підкоряти комп’ютери своїй волі і змушувати їх виконувати все, що вам треба. Для дітей 10+ та дорослих.

Зміст тренінгу

1. ОСНОВИ
Що таке Javascript?
Структура програми.
Текстові редактори.
Наш перший HTML-документ.
Числа та оператори.
Змінні.
Булеві змінні.
Логічні оператори.
Порівнюємо числа із булевими змінними.
Undefined та null.

2. РЯДКИ
Що таке рядки.
З’єднуємо рядки.
Визначаємо довжину рядка.
Отримуємо окремий символ із рядка.
Розрізаємо рядки.
Змінюємо написання літер у рядку.

3. МАСИВИ
Чому масиви важливі.
Створюємо масив.
Отримуємо елементи із масиву.
Встановлюємо та змінюємо елементи у масиві.
Міксуємо типи даних у масиві.
Дізнаємося довжину масиву.
Додаємо елементи до масиву.
Видаляємо елементи з масиву.
Об’єднуємо масиви.
Знаходимо індекс елемента у масиві.
Перетворюємо масив у рядок.

4. УМОВНІ ВИРАЗИ ТА ЦИКЛИ
If-твердження.
If…else-твердження.
If…else-твердження: послідовне з’єднання.
While-цикли.
For-цикли.

5. ФУНКЦІЇ
Базова анатомія функції.
Створюємо просту функцію.
Викликаємо функцію.
Передаємо функціям аргументи.
Повертаємо значення з функції.
Використовуємо виклики функції як значення.
Спрощуємо код за допомогою функцій.
Виходимо із функції за допомогою return.

6. ОБ’ЄКТИ
Створюємо об’єкти.
Отримуємо значення із об’єкта.
Додаємо значення до об’єкта.
Поєднуємо масиви та об’єкти.
Досліджуємо об’єкти у консолі.
Де об’єкти стануть у пригоді.

7. ОБ’ЄКТНО–ОРІЄНТОВАНЕ ПРОГРАМУВАННЯ
Простий об’єкт.
Додаємо методи до об’єктів.
Створюємо об’єкти, користуючись конструкторами.
Індивідуалізуємо об’єкти за допомогою прототипів.

8. ЕЛЕМЕНТ CANVAS
Створюємо базове полотно.
Обираємо та зберігаємо елемент canvas.
Отримуємо контекст для малювання.
Малюємо квадрат.
Малюємо декілька квадратів.
Змінюємо колір фарб.
Малюємо обрис прямокутника.
Малюємо лінії або ж контури.
Заповнюємо контури.
Малюємо чверть кола, або ж арку.
Малюємо півколо.
Малюємо повне коло.
Малюємо багато кіл за допомогою функції.

9. ІНТЕРАКТИВНЕ ПРОГРАМУВАННЯ
Затримуємо код за допомогою setTimeout.
Скасовуємо паузу.
Викликаємо код декілька разів за допомогою setInterval.
Анімуємо елементи за допомогою setInterval.
Реагуємо на дії користувачів.

10. АНІМУЄМО ЕЛЕМЕНТИ НА ПОЛОТНІ
Рухаємося вздовж сторінки.
Очищаємо полотно.
Малюємо прямокутник.
Змінюємо позицію.
Переглядаємо анімацію у веб-оглядачі.
Анімуємо розмір квадрата.
Бджілка, що літає за довільним маршрутом.
М’ячик-стрибунець.

11. КОНТРОЛЬ АНІМАЦІЇ
Події клавіатури.
Переміщаємо м’яч за допомогою клавіатури.
Події мишки.
Переміщаємо м’яч за допомогою мишки.

12. ОСНОВИ HTML
Теги та елементи.
Заголовкові елементи.
Елемент p.
HTML: пробіли між абзацами та елементи блокового рівня.
Рядкові елементи.
Структурно цілий HTML-документ.
Ієрархія HTML.
Додаємо посилання до HTML.
Атрибути посилань.
Атрибути назв.

13. DOM ТА JQUERY
Обираємо DOM-елементи.
Використовуємо id для ідентифікації елементів.
Обираємо елементи, використовуючи getElementById.
Замінюємо текст заголовка, використовуючи DOM.
Користуємось jQuery при роботі з деревом dom.
Завантажуємо jQuery до HTML-сторінки.
Замінюємо текст заголовка, використовуючи jQuery.
Створюємо нові елементи за допомогою jQuery.
Анімуємо елементи за допомогою jQuery.
jQuery-анімації: послідовне з’єднання.

14. ПРОГРАМУЄМО ІГРИ
Пропоную вашій увазі 50 різних ігор, які можна запрограмувати за допомогою Javascript. Дивиться повний список ігор за цим посиланням.

ЛІТЕРАТУРА

• Нік Морган “Javascript для дітей. Веселий вступ до програмування”.
• Сергій Курінний “Розробка веб-сайтів для початківців”.
• Сергій Курінний “Завдання з програмування“.