Курсы JavaScript

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

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

Введення в JavaScript

• Зародження JS
• Особливості та вимоги до студентів
• Визначення об'єктів, властивостей та методів
• Базові методи виводу строк на екран
• Вставка в HTML

Змінні та типи даних

• Змінні
• Методи вводу об'єкта window
• Типи даних
• Оператори

Алгоритми та умови

• Вирішення логічних задач та побудова алгоритмів
• Умови if/else та switch/case
• Оператори виключних ситуацій

Цикли

• for
• while та do while
• Генерація випадкових чисел

Функції

• Робота з функціями
• Види функцій

Строки

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

Масиви

Методи обробки масивів. Практика.

Об'єкти та Класи

• Створення об'єктів, їх методи та властивості
• Синтаксис роботи з класами

Об'єкти Date та RegExp

• Date - обробка дати та часу
• RegExp - регулярні вирази

DOM

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

Local Storage

Практика використання локального сховища.

Drag'n'drop

Перетягування елементів.

Ajax

Асинхронна передача/прийом даних на сервер без перезавантаження сторінки.

jQuery

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

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

• Офлайн курс у Хмельницькому
• Для дорослих та молоді від 14 років
• 2-чі на тиждень по 2 год. 16:00 - 18:00
• Дні навчання: понеділок, четвер
• 5 місяців / 40 занять
• +30 хв. консультації після кожного заняття (до 18:30)
• Вимоги: базові знання з основ верстки HTML/CSS

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

Основи

• Змінні
• Типи даних
• Браузерні функції
• Перетворення типів даних
• Базові оператори, математика
• Оператори порівняння
• Оператор 'if', '?', 'switch', '??'
• Console, comments

Цикли

• Цикл for
• Цикл while
• Цикл do...while
• Цикл for in
• Цикл for of

Функції

• Основи функцій
• Function Expression
• Стрілочні функції
• Область видимості функції
• Замикання функцій

Масиви

• Основи
• Методи масивів
• Перебирання масивів
• Map i Set
• Spread i Rest
• Деструктуризація

Дата та час

• Об'єкт дати
• setTimeout() та setInterval()

DOM та робота з браузером

• DOM
• Пошук по елементам
• Зміна елементів
• Перебирання
• Створення, вставка та видалення
• Робота з подіями
• Події миші
• Події клавіатури
• Робота з формами

Інструменти які ти вивчиш на курсі

• JavaScript
• VS Code
• GitHub

Навички які ти отримаєш після курсу

• Вміння самостійно робити програми рівня панелі адміністратора, та виявляти й виправляти помилки в коді
• Глибоке розуміння мови JavaScript, синтаксису, типів даних, змінних, функцій та об'єктів
• Вміння застосовувати захоплюючі ефекти на сторінках та реалізовувати інший цікавий функціонал
• Вміння впевнено представляти себе на співбесіді та розвивати свої SoftSkills

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

Владислав Ралець - Front End Developer at CGI

В курсі ви навчитеся створювати програми на JavaScript, виводити інформацію на сторінку HTML, отримувати інформацію зі сторінки, навчитеся працювати з паролями, списками, textarea, checkbox, radiobuttons. Розробити калькулятор для будівельного сайту. Вивчіть структури мови – розгалуження, цикли, навчитеся працювати з атрибутами елементів DOM, створювати елементи та маніпулювати ними на сторінці. Вивчіть функції (іменовані, анонімні, стрілочні) та закріпіть знання величезною кількістю завдань.

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

Спринти:

• Як навчатися на курсі JS24: інтерфейс, секрети, коди завантаження та перевірка кодів
• Перша програма JavaScript. Налаштовуємо середовище розробки
• Виведення інформації JavaScript на сторінку. Методи innerHTML, textContent
• Змінні та константи в JavaScript
• Процедури та події у JavaScript. Прив'язка подій до функцій
• Робота з input, select, textarea, checkbox JavaScript
• Розгалуження у програмі. Оператори if, else if, else. Switch - case
• Проєкт - калькулятор на будівельному сайті
• Цикл for - повторення дій у програмі
• Цикл while, do while
• Робота з атрибутами JavaScript
• Робота з класами CSS
• Створення елементів JavaScript
• Функції, анонімні функції, аргументи, значення, що повертаються
• Стрілочні функції: синтаксис, this, оптимізація, плюси та мінуси
• Події у JS. Події: copy, cut, paste, focus, contextmenu та інші. AddEvent, RemoveEvent

Вивчаємо:

• Робота з VSCode
• Створення JS додатків
• Робота з колекціями HTML та Node елементів
• Виведення текстової інформації на HTML сторінку
• Створення HTML елементів
• querySelector
• querySelectorAll
• textContent
• innerHTML
• Змінні
• Константи
• Області видимості
• Робота з number
• Робота зі string
• Конкатенація
• Інтерполяція рядків
• Робота з DOM
• Процедури
• Події
• Функції
• Прив'язки функцій до подій
• Робота з input
• Робота з select
• Робота з textarea
• Робота з checkbox
• Розгалуження програм
• Оператор if
• Оператор else if
• else
• switch case
• Тернарний оператор
• Цикл for
• Цикл while
• Цикл do while
• Робота з атрибутами
• setAttribute
• getAttribute
• Глобальні атрибути
• Робота з класами CSS
• Додавання класів CSS
• Перевірка класів CSS
• Видалення класів CSS
• Переключення класів CSS
• createElement
• append
• prepend
• replaceWith
• before
• after
• Видалення елемента в DOM
• outerHTML
• outerText
• insertAdjacentHTML
• insertAdjacentText
• Анонімні функції
• Іменовані функції
• Аргументи функцій
• return у функціях
• Стрілочні функції
• Подія click
• Подія doubleclick
• Подія mousemove
• Подія mouseup / mousedown
• Подія oninput
• Подія onchange
• Подія copy
• Подія paste
• Подія cut
• Подія focus
• Подія blur
• addEventListener
• removeEventListener

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

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

Курс допоможе отримати глибше розуміння процесу тестування, оволодіти основами Selenium WebDriver, Cypress і Puppeteer, а також розібратися в принципах роботи API та розробки автоматичних скриптів для тестування. Під час навчання студенти здобудуть знання з розробки тест-кейсів, їх імплементації, дебагінгу та розуміння логіки роботи автоматичних тестів.

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

Introduction

• Знайомство
• Інформація про структуру курсу та про оцінювання
• Загальний огляд автоматизації тестування

Git

• Intro to git
• What is VCS, kinds of VCS
• What is repository, most common git commands
• What is GitHub
• What is Pull Request
• What is Branch
• What is remote in git, how to add remote
• SSH config (briefly)
• Configuring GitHub repo & connect local repo
• First PR
• Rebase vs Merge
• Resolving conflicts

JavaScript

• Intro to Node JS and npm, вступ до JavaScript
• JS Basics
• Conditions and Loops
• Functions
• Arrays
• Objects & destructuring
• OOP in JS
• Promises & fetch API
• Linters
• Devtools and Events

Cypress

• Selectors
• Cypress Intro
• Cypress queries
• Cypress actions, assertions, and custom commands
• Cypress CLI and reports
• API testing with Cypress

Playwright

• Playwright Intro
• Playwright queries, actions, assertions, and web first assertion
• Codegen & POM in Playwright
• CLI and Environment variables
• Reporting
• Fixtures and Storage
• Network & Requests in Playwright

API Testing

• Огляд HTTP
• Огляд API тестування
• Написання тестів з jest

CI/CD

• CI/CD overview, GitHub actions
• Introducing tests into the pipeline
• Q&A session

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

• Для проходження курсу необхідні знання ручного тестування на рівні Intern/Junior та базові знання сучасних мов програмування
• Заняття проходять в режимі онлайн-трансляції
• Відеозаписи зберігається в особистому кабінеті та доступні після закінчення навчання
• Оперативна служба підтримки студентів
• Викладачі курсу - практикуючі фахівці, що працюють в топових компаніях
• Можливість повернути всі внесені за навчання кошти до шостого заняття
• Бонуси курсу:
  • тестова співбесіда з технічним фахівцем;
  • тренінги по проходженню співбесіди та складанню резюме з HR-фахівцем.

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

• Вадим Руденко - QA Lead at Luxoft
• Денис Смага - QA Automation Engineer в Code IT
• Артем Шойко - Senior QA Engineer at Tabeo
• Денис Павлюк - QA at Blackthorn Vision
• Семен Сизов - SDET Team Lead at Trinetix
• Михайло Красновський - QA Automation Engineer at QA Madness

В даному курсі ми вивчимо дуже цікаву мову програмування JavaScript. Дізнаємось що таке JavaScript, його історію, сферу використання, вивчимо синтаксис, цикли, функції та об'єкти. Розберемо основні алгоритми.

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

Знайомство з JavaScript (4 год)

Дізнаємось, що таке JavaScript та для чого його використовують. Розглянемо структуру JavaScript-програми, поговоримо про браузери та консоль розробника. Розглянемо такі теми, як пам'ять, кодування та системи числення, а також вивчимо деякі основні алгоритми програмування.

Типи даних і змінні (4 год)

Числа та оператори, змінні, стрічки, булеві значення, Undefined і null. Умови і цикли. Основні мовні конструкції.

Функції (6 год)

Базова будова функції. Виклик функції. Передача аргументів у функцію та повернення значення з функції. Виклик функції у якості значення. Ранній вихід з функції. Спрощення коду за допомогою функцій.

Масиви (6 год)

Поговоримо про те, навіщо потрібні масиви, створимо масив і спробуємо достукатись до його елементів. Створимо і змінимо елементи масиву та на практиці вивчимо різні методи роботи з масивами. Дізнаємось, чому вони нам так потрібні.

Об'єкти (8 год)

Що це? Навіщо ми їх будемо використовувати. Створення об'єктів, доступ до значень всередині об'єкта, додавання елементів об'єкта. Що корисного можна робити з об'єктами - все це дізнаємось шляхом використання на практиці.

Теми з розділу Advanced (4 год)

Розглянемо теми, які входять до розділу Advanced і допоможуть вам справитись з виконанням проєкту DOM, setTimeout, setInterval, реакція на дії користувача.

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

• Можливість оплати курсу частинами
• Підтримка ментора
• Повна комунікація з ментором та одногрупниками 
• Інноваційний підхід до колективного навчання
• Сертифікат після здачі іспиту та фінального проєкту

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

Олекса Сарнацький - HTML/CSS, JavaScript, Full-Stack Developer

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

Блок 1. Web, HTML, CSS, Bootstrap

Ввідний курс по веб-технологіям

• Технологія клієнт сервер
• Мережа інтернет, провайдер, домен, хостинг, web сервер
• http запити, типи запитів POST, GET
• Протоколи передачі даних: http, tcp / ip, ftp, ssh і інші

Базовий синтаксис HTML

• Базовий синтаксис css
• Створення кросбраузерності html сторінки з урахуванням відображення її на мобільних пристроях

Основи JavaScript. Вступ

Історія javaScript, область застосування, програми для написання коду підключення до html сторінці.

Основи синтаксису

• Типи даних і змінні
• Оператори порівняння і логічні значення
• Умовні оператори if і else
• Цикли while, do while, for, for in, each
• Функції, замикання і область видимості
• Масиви і об'єкти

Робота з DOM моделлю

• Вибірка html елементів зі сторінки за назвою класу, id, імені тега і інші способи
• Вставка, зміна і створення html елементів на сторінці
• Події браузера, click, mouseover, mousedown, mousemove і інші
• Створення обробників подій у відповідь на дії користувача

Регулярні вирази

Блок 2. Об'єктно-орієнтоване програмування (ООП)

ООП при процедурному програмуванні

• Конструктор об'єкта
• Поняття інтерфейсу
• Методи роботи з інтерфейсом (сеттери, геттери)
• Функціональне успадкування

ООП в прототипному програмуванні

• Прототип об'єкта
• Класи
• Спадкування
• Свої помилки, успадкування від Error

Високий рівень JavaScript, ES-2015/ES6, Node.js ES-2015/ES6

• Змінні let і const
• Деструктуризація
• Нові можливості оголошення функцій і роботи з рядками
• Робота з об'єктами і прототипами
• Робота з класами і спадкуванням між ними, extends, constructor, super, static, геттери, сеттери
• Тип даних Symbol, ітератори, Set, Map, WeakSet і WeakMap
• Promise, асинхронний javascript
• Генератори, модулі, proxy

Node.js

• Встановлення і запуск
• Робота з модулями
• NPM і Yarn менеджери встановлення пакетів для node js
• Підключення бази даних, post і get запити
• Складальник проєктів Webpack, Babel

Робота з API

• Робота з http запитами, технологія клієнт - сервер
• Вивчення ajax запитів і формату передачі даних JSON
• XMLHttpRequest і fetch
• Принципи роботи REST API

Блок 3. Вивчення сучасної JavaScript бібліотеки

React JS

• Базова концепція, для чого і де використовується
• Налаштування оточення, створення структури програми
• Вивчення JSX - синтаксису
• React Virtual DOM
• Рендеринг елементів
• Компоненти і реквізит
• Оформлення компонентів, робота з CSS
• Життєвий цикл React-компонентів
• Стан і життєвий цикл
• Обробка подій
• Умовний рендеринг
• Списки і ключі
• Форми
• Зворотний потік даних, підйом стану
• Налагодження

Блок 4. Вивчення сучасної JavaScript бібліотеки React JS

Redux JS

• Базова концепція, єдине джерело істини, для чого використовувати з react
• Підключення до react
• Події, асинхронні події
• Reducers, створення і оновлення сховища, імутабельність даних
• Connect метод
• Налагодження
• Розробка фронтенд додатку на REACT JS

Вивчення написання end-to-end i unit тестів для тестування Frontend додатків на React

• Jest js
• Enzyme
• Nightwatch

Розробка фронтенд додатку на React JS і написання серверної його частини на Node JS

Після онлайн курсу ти:

• Ти навчишся створювати веб-сторінки і повноцінні веб-додатки
• Напрацюєш своє стартове портфоліо
• Ти зможеш додавати анімацію і графічні ефекти на веб-сторінки
• За допомогою JavaScript навчишся взаємодіяти з користувачами через веб-інтерфейс

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

• Денис Руденко - В IT сфері вже більше 8 років
• Волосович Андрій - Більше 5 років досвіду у сфері IT

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

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

Теми:

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

Опис курсу

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

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

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

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

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

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

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

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

Курс "Основи програмування на JavaScript" – для всіх, хто хоче опанувати одну з найбільш популярних мов програмування.

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

Теми:

• Основи програмування JavaScript. Вивчення основних понять і синтаксису мови JavaScript для веброзробки
• Основи графіки. Розгляд можливостей створення та відображенняграфічних об'єктів на вебсторінках
• Основи анімації. Створення анімаційних ефектів за допомогою JavaScript для підвищення привабливості та взаємодії вебсайтів
• Основи розмітки та стилізації вебсторінок HTML+CSS. Поглиблення в знання HTML та CSS для створення структури вебсторінок та їх стилізації
• Основи браузерних ігор. Розгляд технік створенняпростих браузерних ігор на базі JavaScript, їх логіка та взаємодія з користувачем

Опис курсу

JavaScript – одна з найбільш популярних мов програмування. Разом з HTML і CSS вона входить у базовий набір інструментів Front-end розробника. JavaScript – це та основа, від якої можна розвиватися в будь-якому напрямі, освоюючи додаткові фреймворки та бібліотеки. Розробникам цієї мови доступні потужні інструменти для створення веб та серверних додатків, побудови клієнт-серверних систем та безліч інших можливостей.

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

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

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

Попередні вимоги

Учасник повинен мати елементарні навчики користувача ПК:

• копіювати й додавати текст з однієї програми до іншої
• друкувати, виправляти помилки в тексті (del, backspace), переходити на новий рядок (enter)
• зберігати файли, відкривати збережені файли
• користуватися кнопками керування вікна (згорнути, розгорнути, зачинити), перемикати вікна
• заходити за посиланням, яке надано в загальному чаті групи, у Microsoft Teams або Zoom

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

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

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

Катерина Антоненко - Викладає комп'ютерні дисципліни понад 20 років

Цього разу ми підготували навчальну програму, розраховану на 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