Курси JavaScript

Програма курсу

Основи JavaScript

• Загальна інформація про мову і її особливості
• Довідники, специфікації і посилання на них
• Консоль розробника
• Зовнішні скрипти і порядок їх підключення
• Змінні і правила їх іменування
• let і var - відмінності, область видимості і оголошення змінних
• Типи даних
• Основні оператори
• Оператори порівняння і логічні значення
• Умовні оператори
• Логічні оператори
• Конструкція switch
• Службові конструкції: alert, prompt
• Функції
• Цикли 'for', 'while', 'do ... while'
• Масиви даних
• Поняття одновимірних і багатовимірних масивів
• Практика

Ознайомлення з об'єктною моделлю браузера

• Введення в об'єкт Document
• Введення в об'єкт Location
• Введення в об'єкт History
• Введення в об'єкт Navigator
• Введення в об'єкт Screen
• Введення в об'єкт Window
• Розгляд елементів HTML
• Практика

Використання HTML-елементів

• Прийом і обробка даних з полів форми
• Перетворення даних в потрібний тип
• Захоплення елементів і зміна даних на сторінці
• Практика

Введення в події та їхню обробку

• Введення в браузерні події
• Порядок обробки подій (Event Loop)
• Робота з SetTimeout / SetInterval
• Спливання і перехоплення
• Делегування подій
• Події з використанням миші, клавіатури і прокрутка
• Завантаження документа
• Практика

Характеристика об'єктної моделі документу: DOM

• Процедурний стиль написання програмного коду
• Об'єктно-орієнтована стиль написання програмного коду
• Нові можливості ECMAScript 2015 і більш пізні версії. Синтаксичний цукор
• Інкапсуляція
• Спадкування
• Поліморфізм
• Абстракція даних
• Поняття 'клас'
• Практика

Після проходження курсу ви:

• Розумієте сутність й орієнтуєтесь в функціоналі JavaScript
• Розумієте методику веб-програмування
• Обізнані в ній та використовуєте без прив'язки до області виконання

Особливості курсу

• Викладачі практики
• Корпоративне навчання
• Можливість навчатись у вихідні
• Можливість влаштуватись у провідні IT-компанії
• Індивідуальне навчання

Викладачі курсу

• Володимир - Програміст
• Ігор - Програміст
• Володимир - Програміст
• Олексій - Програміст

На курсі наші студенти створюють повноцінні програми, змінюють динамічні елементи на сайті, зокрема додають анімацію та інші візуальні ефекти. Після закінчення навчання ваша дитина представить свій власний проєкт, над яким працювала протягом навчального року.

План курсу

Що вивчають на курсі

• Базові елементи Javascript
• Скрипти та порядок їх виконання
• Типи даних (прості та посилальні)
• Змінні
• Умовні оператори
• Функції, масиви, об'єкти
• Діапазони, розміщення
• Числа та оператори
• Цикли
• Використання елементів canvas

Що учень буде вміти

• Розбиратися в основах програмування Javascript
• Створювати прості програми з урахуванням мови програмування
• Додавати та активно використовувати візуальні ефекти на веб-сторінці
• Створювати прості веб-сторінки
• Самостійно чи в команді розробляти код
• Створювати прості та складніші проєкти, які навчать логічному та абстрактному мисленню та творчості

Що учень матиме

• Створений власний проєкт із нуля
• Цілий ряд простих працюючих програм написаних протягом навчання
• Самостійно створені програми, ігри, візуальні ефекти на веб-сторінках
• Навички працювати у команді над великими проєктами
• Вміння працювати з чужим кодом щодо помилки

Особливості курсу

• Групи до 10 осіб
• Програми розроблені з урахуванням віку дитини
• Заняття записуються і завжди є можливість повторити матеріал
• Дається домашнє завдання для самостійної роботи
• В особистому кабінеті розміщені всі навчальні матеріали
• Заняття проводяться за розкладом як у будні дні, так і у вихідні
• Розклад та викладач протягом курсу навчання не змінюються
• Викладачі - практикуючі IT фахівці з досвідом роботи з дітьми понад 3 роки
• Сертифікат про проходження курсу

Друга частина зосереджена на структурах даних: об'єктах, set, масивах, map, рядках та роботі з AJAX запитами. Також в курсі багато уваги приділено поглибленню тем: подія, делегування, робота з цим. Все, що потрібно для впевненого написання коду в JS.

Програма курсу

Спринти

• Як навчатися на курсі JS24: інтерфейс, секрети, коди завантаження та перевірка кодів
• Масиви, операції з масивами, базові методи. Особливості виведення. Баги
• Методи масивів: isArray, indexOf, at, includes, map, filter, split
• Алгоритми пошуку за масивами
• Вкладені цикли
• Двовимірні та багатовимірні масиви, застосування масивів для реалізації двовимірних ігор
• Проєкт: TicTacToe. Модель та візуалізація
• Об'єкти: створення, перебір, висновок. Методи отримання ключів масиву та значень. Комбінування методів
• Набори даних - Set
• Сховище даних Map
• Рядки та робота з ними. Операції з пошуку у рядках, трансформації рядків
• Об'єкти. Властивості та методи. This в Об'єктах. Контекст
• Об'єкт Date(). Робота з датою, трансформація даних у датах
• Повторення дій: setInterval, setTimeout
• Події клавіатури. Реалізація контролю введення в input - проєкт
• Сховища даних JavaScript. LocalStorage, CookieStorage. Події - оновлення LS
• Робота з AJAX. Види запитів: POST, GET, PUT, DELETE. Робота з API. Crossorigin
• JSON як структура даних. Операції з JSON
• AJAX Fetch. Працюємо з API
• AXIOS для запитів. Робота із сторонніми пакетами
• Проміси, ланцюжки промісів, черги. Працюємо з API
• Основи написання тестів для програм JS
• TicTacToe - моделюємо через двовимірний масив

Вивчаємо:

• Array and push, pop, shift, unshift
• Array methods: isArray, indexOf...
• Array methods: includes, map, filter
• Array methods: join, split, at, reduce
• Object, For in, For of
• Object.keys, Object.values
• Set
• Map
• String, substr
• new()
• this
• Date()
• setInterval
• setTimeout
• event
• key event
• LocalStorage
• CookieStorage
• AJAX
• GET, POST, PUT, DELETE
• API
• Crossorigin
• JSON
• Fetch
• AXIOS
• Promise, PromiseAll
• Mocha, UnitTest

Особливості курсу

• 555 мин. відео
• 21 спринт
• 475 тасок
• Проєкт
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація

Курс розрахований на тих, хто вже володіє бодай базовими знаннями з HTML та CSS. Якщо в вас вже є деякий досвід роботи з JavaScript, він допоможе структурувати знання. Курс присвячений ключовим аспектам написання коду на JavaScript: від базового синтаксису до роботи з циклами.

Програма курсу

Знайомство з мовою

• Що таке JavaScript
• Базовий синтаксис
• Змінні, оператори, константи

Визначення змінних

• Визначення змінних
• Знайомство з VSCode
• Встановлення та налаштування VSCode

Умови

• Умова if/else
• Умова switch
• Логічні оператори

Робота з умовами

Умови та логічні оператори.

Цикли

Створення програмних сценаріїв з розгалуженням, використовуючи оператори if, Switch та логічні оператори.

Робота з циклами

Створення циклів "for" та "while"

Особливості курсу

• За попередньою підпискою стартуй навчання у будь-який момент
• Самостійне навчання онлайн у власному темпі
• Сертифікат після проходження курсу
• Додаткові матеріали
• 3 теоретичних модуля
• 3 практичних модуля

Викладачі курсу

Антон Супрун - Ведучий розробник CASES та Креативної Практики

Учасники ознайомляться з основними принципами об'єктно-орієнтованого програмування, дізнаються про його складові, принципи та застосування. Курс буде корисний для тих, хто вже знайомий з кодом Python, C++ або Javascript.

Програма курсу

Теми:

• Парадигми програмування
• ООП. Проєктування
• Основи ООП
• Класи. Об'єкти. Властивості та методи
• Принципи ООП
• Конструктори
• Методи доступу
• Спадкування
• Відносини між класами
• Об'єктно-орієнтовані мови програмування

Опис курсу

Якщо ви вже можете написати код однією з мов програмування (Python, C++ або JavaScript), то саме час познайомитись з ООП. Що ж це таке і навіщо воно потрібно? ООП - об'єктно-орієнтоване програмування, яке дає можливість описати реальний світ як сукупність об'єктів, що взаємодіють між собою: персонажів в іграх, функцій в програмах, елементів в пристроях. Більшість проєктів написано саме з використанням ООП. Складно? Ні, реально і практично. Приєднуйтесь!

• тривалість заняття - 60 хвилин
• інтенсивність - 1 заняття 2 рази на тиждень
• повна тривалість курсу - 3 місяці, 24 заняття
• заняття проходять онлайн, що дає змогу вчитися в комфортній, безпечній обстановці та не пропускати зустрічі

Що необхідно для навчання?

Ноутбук або комп'ютер, під'єднаний до інтернету та оснащений необхідними гарнітурами (колонки або навушники, вебкамера, мікрофон).

Особливості курсу

• Авторська система освітніх курсів
• Унікальна команда тренерів
• Турбота й індивідуальний підхід
• Офіційний сертифікат
• Навчання в будь-який час і з будь-якого місця
• Комфортний освітній процес. Заняття проходять у мінігрупах
• Засновник - перша в Україні дистанційна школа "Оптіма"
• Корисні та потрібні знання. Максимум практики в кожному занятті

Викладачі курсу

Людмила Булигіна - Викладає курси "Старт програмування", "Старт програмування з мовою C/C++"

Цього разу ми підготували навчальну програму, розраховану на 5 місяців плідної праці. Ні, це не означає, що на тебе чекає півроку нудної теорії. Курс на 80% складається з практичних завдань, за виконанням яких уважно стежить лектор. Обіцяємо вчасні й детальні фідбеки та щоденну менторську підтримку. Ти з нами?

Програма курсу

Розділ 1: HTML та CSS. Вступ

• Знайомство з групою та лектором
• Організаційні моменти
• Visual Studio Code як головний інструмент курсу

HTML

• Що таке HTML?
• Структура HTML-документа та основні теги
• Посилання та навігація

Таблиці та форми

• Робота з таблицями
• Робота з формами

Зображення та інші теги

• Робота з зображеннями
• Робота з тегами

CSS

• Що таке CSS?
• Способи підключення стилів
• CSS-селектори та основні CSS-властивості

Шрифти. Бекграунд сторінки

• Робота зі шрифтами
• Типографіка
• Бекграунд сторінки та його властивості

Псевдокласи. Пріоритет у CSS

• Псевдокласи та псевдоелементи
• Пріоритет та успадкування в CSS

Блоки та рядки

• Блоки та рядки. Їх відмінності та особливості
• Тінь елемента, скруглення кутів та градієнт

HTML-форма

Оформлення HTML-форми.

Робота з зображеннями

• Векторні іконки
• Позиціонування елементів

Flexbox

Вивчення та практика.

Layouts. Media queries

• Layouts та блочна верстка сторінки
• Media queries та верстка під мобільні пристрої

Анімація. CSS Grid

• Анімація та трансформація елементів у CSS
• Про CSS Grid

Фреймворки. Бібліотеки. Робота з компонентами

• Фронтенд-фреймворк Twitter Bootstrap
• Сітка Bootstrap та робота з компонентами
• Про інші CSS-бібліотеки та фреймворки

Шаблони Figma. Частина 1

Практичне заняття.

Шаблони Figma. Частина 2

Практичне заняття.

Розділ 2: JavaScript. Основи

• Що таке JavaScript
• Інтеграція JS у HTML
• Змінні

Дані

• Типи даних
• Основні методи та виведення інформації на екран

Вирази та оператори

Детальний розбір виразів та операторів.

Умовні конструкції

Створення умовних конструкцій: if...else, switch-case, ternary.

Цикли

Робота з циклами: while, do...while, for-loop.

Масиви

Масиви та їх методи.

Функції

Функції та області видимості в JS.

Об'єкти

Об'єкти, їх властивості та методи.

Розділ 3: Document Object Model (DOM)

• Розуміння DOM
• Особливості роботи з DOM
• Отримання доступу до елементів сторінки

Розмітка HTML. HTML-атрибути

• Отримання та встановлення розмітки HTML і тексту документа
• Маніпуляції HTML-атрибутами "class" за допомогою JS

Бібліотека jQuery

Робота з бібліотекою jQuery.

Підключення плагінів

Підключення готових JavaScript-плагінів

Селектори. Фільтри. Атрибути

• Детально про селектори та фільтри
• Робота з атрибутами та властивості елементів

Події DOM

• Події DOM. Вивчення та практика
• Поширення та дія за замовчуванням подій
• Делегування подій

Елементи в DOM. Ресурси браузера

• Створення та вставка елементів у DOM
• Оптимізація використання ресурсів браузера

Практичне заняття. Частина 1

Практика роботи з DOM.

Практичне заняття. Частина 2

Практика роботи з DOM.

Розділ 4: Web APIs

• Зберігання даних у браузері
• Cookies
• Web Storage API

AJAX

• Основи та розуміння AJAX
• HTTP-протоколи та статуси
• XMLHttpRequest. Синхронні та асинхронні запити

Loading. Робота з JSON

• Процес очікування завантаження даних. Loading
• Робота з JSON
• Відправлення даних із форми

Практичне заняття

• Практика з API
• Інші засоби мережевих запитів

Розділ 5: Front-end Project

Практичні заняття з написання фронтенд-проєкту.

Заняття з англійської

Сьогодні знання англійської обов'язкова умова чи не в кожній ІТ-вакансії. Тому зайвим для твого професійного зростання не буде заняття з англійської мови від досвідченого викладача.

Кар'єрна консультація з рекрутером

На цьому занятті досвідчений рекрутер допоможе тобі скласти власне резюме, яке точно виділиться серед купи інших. До того ж заняття з рекрутером додасть упевненості в будуванні майбутнього кар'єрного шляху!

Особливості курсу

• 45 занять тривалістю по 1,5 години
• 80% курсу - практичні заняття
• Доступ до всіх матеріалів занять - презентацій, чек-листів, записів лекцій
• Зворотній зв'язок та регулярна підтримка досвідченого ментора
• Доступ до зручної онлайн-платформи для навчання
• Сертифікат про закінчення курсу, що підтверджує отримані навички та компетенції
• Можливість контракту з IT-компанією
• Невеликі групи для навчання

Викладачі курсу

Євген Ступаченко - Full Stack JavaScript Developer

Курс для тих, хто хоче стати повноцінним фронтенд-фахівцем, але знаєте тільки верстку та основи мови JavaScript. Після закінчення навчання Ви матимете всі необхідні навички, які потрібні сучасними IT-компаніями від фахівців рівня Junior.

Програма курсу

Розширений JavaScript

• Основи об’єктноорієнтованого програмування, наслідування
• Функції-конструктори та замикання
• Робота з класами та прототипами об’єктів
• Тестування JavaScript-коду
• Promise
• Асинхронні запити на сервер – AJAX, fetch, axios
• async/await
• Event loop у JavaScript
• ES6 модулі

Вимоги для проходження курсу

• Знання основ та синтаксису JS

Особливості курсу

• Живі заняття онлайн
• Система оцінки знань
• Навчальний проєкт
• Ізраїльська методика Телем
• Підтримка ментора
• Робота над реальними проєктами
• Допомого курс-координатора
• Сучасна LMS-система
• Система оцінки знань

Викладачі курсу

• Роман Марченко - Senior Frontend Developer, DAN.IT Education
• Арсеній Деркач - Front-end React developer в Revjet
• Максим Матвеєв - FrontEnd developer, Freelance
• Віталій Мудрий - Software Engineer в Gravity
• Богдан Адмін - Senior Software Engineer, NDA
• Ігор Тоболяков - Front End Developer в Newfold Digital
• Іван Сердюков - Web development lead at Clario
• Андрій Моргун - Middle front-end engineer, LULU Software
• Станіслав Чірва - Senior Frontend (JS) Engineer, EPAM Systems

Вивчаємо підхід до програмування з урахуванням об'єктів. ООП JavaScript. Починаємо навчання із поняття класу, принципів побудови класу, структури класу. Вивчаємо призначення конструктора, властивостей та методів класу.

Програма курсу

Вивчаємо:

• Клас
• Об'єкт
• Прототип
• Успадкування
• Конструктор
• Методи та властивості об'єкта та класу
• this
• super
• get, set методи
• Приватні властивості
• Статичні властивості та методи
• Стрілочні функції і контекст
• Контекст
• Вказівка контексту call, apply, bind
• Проєкт - віджет GridView
• Проєкт - кошик магазина

Спринти

• Що таке ООП, міфи і реальність. Кити ООП: інкапсуляція, поліморфізм, наслідування
• Поняття об'єкта. Властивості і методи. Прототипне програмування. Наслідування
• Клас, об'єкт, конструктор. Властивості і методи. This
• Наслідування з використанням класів. Super, конструктор
• Чарівні методи get, set (гетери і сетери). Поняття про приватні властивості
• Статичні властивості і методи
• This - значення в класах, об'єктах, функціях. Стрілочні функції і this. Поняття контексту
• Явна вказівка контексту з використанням call і apply. Метод bind
• Створення віджета GridView з використанням ООП (частина 1)
• Створення віджета GridView з використанням ООП (частина 2)
• Створення віджета GridView з використанням ООП (частина 3)
• Використання ООП в Frontend розробці на прикладі корзини інтернет-магазину (частина 1)
• Використання ООП в Frontend розробці на прикладі корзини інтернет-магазину (частина 2)
• Висновок

Проєкт

Курс містить 2 проєкти - розробка кошика інтернет-магазину (товари, сума, генерація кошика) та створення віджета gridView, який приймає дані у вигляді об'єкта що створює на сторінці таблицю з фільтрами.

Вимоги до проходження курсу

Впевнені знання JavaScript, або проходження курсу JavaScript 2.0.

Особливості курсу

• 14 спринтів 49 тасок
• Проєкт
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація

Курс підвищеної складності після вивчення якого ви знатимете про масиви все. Вивчаємо всі нюанси застосування методів масивів у стандартних та нестандартних підходах.

Програма курсу

Вивчаємо:

• indexOf
• includes
• push, pop, shift, unshift
• slice
• map, filter
• reduce
• isArray
• splice
• concat
• spread
• find, findIndex, lastIndexOf
• sort, reverse
• split, join
• every, some
• flat, fill, keys

Спринти

• Пошук значень в масиві. Метод indexOf
• Методи масивів JavaScript: Includes
• Push і Pop. Методи масивів JavaScript
• Shift, Unshift, Slice
• Метод масива MAP
• Методи Filter
• Reduce, isArray
• Splice, concat
• Find, FindIndex, LastIndexOf
• Sort, Reverse
• Split, Join
• Every, Some
• Flat, Fill, keys

Вимоги до проходження курсу

Впевнені знання JavaScript, або проходження курсу JavaScript 2.0.

Особливості курсу

• 13 спринтів 136 тасок
• Допомога та підтримка
• Розбір та усунення багів
• Доступ без обмежень по часу
• Сертифікація