Базовий курс із сучасного JavaScript для початківців у 2025 році: від нуля до проєкту на реальних прикладах

Контакт в телеграм - vitali_colarento

Чого ви навчитеся після проходження курсу:
Створювати повноцінні вебзастосунки на JavaScript.

Розуміти основи мови JavaScript.

Працювати з функціями, масивами, рядками та об'єктами.

Писати цикли, сортування та фільтри.

Опановувати внутрішні механізми роботи JavaScript.

Розбиратися в стеку викликів.

Використовувати контекст і ключове слово this.

Створювати замикання та розуміти їхню структуру.

Працювати з DOM (Document Object Model).

Оброювати дані форм.

Зберігати дані в Local Storage.

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

Чому JavaScript?
JavaScript є найпопулярнішою мовою програмування у світі. Він використовується для створення вебзастосунків, мобільних і десктопних програм. За його допомогою можна розробити повноцінний fullstack-застосунок, де і фронтенд, і бекенд написані на JavaScript.

Для кого цей курс?
Курс призначений для тих, хто хоче вивчити JavaScript з нуля. Він підійде як початківцям, так і тим, хто має базові знання HTML та CSS. Навіть якщо у вас немає досвіду роботи з вебетехнологіями, ви зможете повністю опанувати курс і почати свій шлях у програмуванні. Особливу увагу приділено практичним вправам, щоб ви могли не тільки зрозуміти теорію, а й застосувати її на практиці. Курс охоплює сучасний синтаксис і можливості мови.

Структура курсу
Курс побудований за принципом від простого до складного. Наприкінці кожного модуля на вас чекає тест для перевірки знань, а наприкінці курсу — великий проєкт, де ви створите повноцінний вебзастосунок — трекер звичок на чистому JavaScript.

План курсу:
Вступ

Чому JavaScript?

Як побудований курс?

Огляд проєкту та курсів.

Курс із наставником і робота на платформі.

Командний проєкт.

Налаштування середовища

Налаштування середовища та встановлення NodeJS.

Налаштування VSCode.

Під'єднання JS файлів і робота з gitflow.

Основи

Змінні та значення, арифметичні оператори.

Оператори присвоювання, порівняння та порядок операторів.

Типи даних і перетворення типів.

Шаблонні рядки та хибні значення.

Керування потоком

Умовні оператори if, else, switch і тернарні оператори.

Робота з логічними операторами та оператором нульового злиття.

Функції

Вступ до функцій, анонімні та стрілкові функції.

Параметри за замовчуванням та умови у функціях.

Функції у функціях та повернення функцій.

Масиви

Керування елементами масиву та пошук елементів.

Методи slice, splice, concat, reverse і перетворення рядків на масиви.

Принцип DRY, деструктуризація і rest оператор.

Цикли

Цикл for, оператори break і continue.

Вкладені цикли та цикл while.

Цикли for of і for in.

Функції вищого порядку

Callback-функції та повернення функцій.

Стрілкові функції та функції вищого порядку.

Ітерації в масивах

Методи forEach, map, filter, reduce.

Методи find і findIndex, some, flat і flatMap.

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

Робота з рядками

Базові методи та перетворення рядків.

Робота з масивами та доповнення рядків.

Маскування картки та робота із символами.

Об'єкти

Знайомство з об'єктами та звернення до елементів.

Методи об'єктів і перетворення об'єктів.

Enhance object literals та ітерування за об'єктом.

Як працює JavaScript під капотом

Огляд роботи JavaScript і процес виконання.

Контекст виконання та стек викликів.

Примітиви та об'єкти.

Scope chain

Scope chain і strict mode.

Підняття і ключове слово this.

Контекст у методах і arguments.

Керування this

EOL для методів, call, apply і bind.

Замикання та керування this.

Document Object Model (DOM)

Вибір і маніпуляції з елементами.

Обробка подій і робота зі стилями.

Встановлення атрибутів і збереження даних.

Проєкт — трекер звичок

Огляд макета та робота з Figma.

Верстка макета та завантаження даних.

Робота меню та рендер шапки.

Рендер днів і додавання днів.

Робота з формами та вибір іконки.