🐕
hi-eddy
🐕
hi-eddy
УвійтиЗареєструватися

Обмежений доступ для гостей

Вам доступно 3 уроки з цього курсу безкоштовно.

  • • Коментарі доступні тільки авторизованим користувачам
  • • Прогрес зберігається тільки 0:00
УвійтиРеєстрація
🔒
КурсиПрограмування / Основи Javascript

Основи Javascript

Вигляд:

Модуль 1. Вступ до JavaScript

1

Що таке JavaScript?

Знайомимось з мовою програмування JavaScript та її можливостями.

ЗАВАНТАЖЕННЯ...
2

Підключення JavaScript до HTML

Вчимося підключати скрипти до веб-сторінок.

ЗАВАНТАЖЕННЯ...
3

Консоль розробника

Використовуємо DevTools для налагодження коду.

ЗАВАНТАЖЕННЯ...
4

Перша програма

Пишемо перший скрипт та виводимо повідомлення.

Увійдіть для доступу

Модуль 2. Змінні та типи даних

5

Змінні let, const, var

Різниця між способами оголошення змінних.

Увійдіть для доступу
6

Типи даних

Примітивні типи даних у JavaScript.

Увійдіть для доступу
7

Рядки (Strings)

Робота з текстовими даними.

Увійдіть для доступу
8

Числа та математичні операції

Арифметика та об'єкт Math.

Увійдіть для доступу
9

Boolean та порівняння

Логічний тип та оператори порівняння.

Увійдіть для доступу
10

Перетворення типів

Явне та неявне приведення типів.

Увійдіть для доступу

Модуль 3. Умови та логіка

11

Умовний оператор if...else

Розгалуження програми залежно від умов.

Увійдіть для доступу
12

Оператор switch

Множинний вибір за значенням.

Увійдіть для доступу
13

Тернарний оператор

Скорочений запис умов.

Увійдіть для доступу
14

Логічні оператори

Оператори && (і), || (або), ! (не).

Увійдіть для доступу
15

Практика: перевірка віку

Створюємо перевірку доступу за віком.

Увійдіть для доступу

Модуль 4. Цикли

16

Цикл for

Повторення дій задану кількість разів.

Увійдіть для доступу
17

Цикл while та do...while

Цикли з умовою продовження.

Увійдіть для доступу
18

break та continue

Керування виконанням циклу.

Увійдіть для доступу
19

Практика: таблиця множення

Генеруємо таблицю множення циклами.

Увійдіть для доступу

Модуль 5. Функції

20

Створення функцій

Function declaration та function expression.

Увійдіть для доступу
21

Параметри та return

Передача даних у функцію та повернення результату.

Увійдіть для доступу
22

Стрілочні функції

Сучасний синтаксис arrow functions.

Увійдіть для доступу
23

Область видимості

Локальні та глобальні змінні.

Увійдіть для доступу
24

Callback-функції

Функції як аргументи інших функцій.

Увійдіть для доступу

Модуль 6. Масиви

25

Створення та доступ до масивів

Основи роботи з масивами.

Увійдіть для доступу
26

Методи push, pop, shift, unshift

Додавання та видалення елементів.

Увійдіть для доступу
27

Перебір масивів

forEach, for...of та інші способи.

Увійдіть для доступу
28

map та filter

Трансформація та фільтрація масивів.

Увійдіть для доступу
29

find, includes, indexOf

Пошук елементів у масиві.

Увійдіть для доступу
30

Сортування масивів

Метод sort та його особливості.

Увійдіть для доступу

Модуль 7. Об'єкти

31

Створення об\

Об'єктний літерал та властивості.

Увійдіть для доступу
32

Робота з властивостями

Доступ, зміна та видалення властивостей.

Увійдіть для доступу
33

Методи об\

Функції як властивості об'єктів.

Увійдіть для доступу
34

Перебір об\

for...in, Object.keys(), Object.values().

Увійдіть для доступу
35

Деструктуризація

Зручний спосіб отримання властивостей.

Увійдіть для доступу

Модуль 8. DOM маніпуляції

36

Що таке DOM

Document Object Model та його структура.

Увійдіть для доступу
37

Вибір елементів

querySelector, getElementById та інші методи.

Увійдіть для доступу
38

Зміна контенту

textContent, innerHTML та innerText.

Увійдіть для доступу
39

Зміна стилів

Робота зі style та classList.

Увійдіть для доступу
40

Створення елементів

createElement, appendChild, remove.

Увійдіть для доступу
41

Атрибути елементів

getAttribute, setAttribute, data-атрибути.

Увійдіть для доступу

Модуль 9. Події

42

Обробники подій

addEventListener та види подій.

Увійдіть для доступу
43

Об\

Інформація про подію та її властивості.

Увійдіть для доступу
44

Події форм

submit, input, change, focus, blur.

Увійдіть для доступу
45

Делегування подій

Ефективна обробка подій на батьківському елементі.

Увійдіть для доступу

Модуль 10. Практичні проекти

46

Валідація форми

Перевірка даних перед відправкою.

Увійдіть для доступу
47

Todo-список

Створюємо список завдань з можливістю додавання та видалення.

Увійдіть для доступу
48

Модальне вікно

Popup з відкриттям та закриттям.

Увійдіть для доступу
49

Таби та акордеон

Інтерактивні компоненти інтерфейсу.

Увійдіть для доступу
50

Слайдер зображень

Карусель з навігацією.

Увійдіть для доступу

Коментарі

💬

Коментарі доступні тільки для авторизованих користувачів

УвійтиЗареєструватися