Курси JavaScript

Курс допоможе отримати глибше розуміння процесу тестування, оволодіти основами 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

Курс Full-Stack дозволить швидко засвоїти навички розробки на JavaScript з клієнтської і серверної сторони. В процесі навчання студенти дізнаються що таке Node.js, Express, React та як їх застосовувати, як створювати повноцінні веб-додатки з нуля, розробляти RESTful API.

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

Вступ. Встановлення необхідного ПЗ

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

HTML

• Структура HTML-документу
• Теги, атрибути тегів
• Розмітка тексту за допомогою HTML
• Посилання, списки, таблиці
• Зображення. Формати зображень
• Форми
• Медіа (video, audio). Iframe
• Теги-орієнтири (header, main, aside, nav, section, article)

Git. Github

CSS

• Каскадність. Спадкування
• Підключення CSS
• Рідні стилі. Normalize.css Reset.css
• Селектори
• Стилізація тексту, шрифти
• Блокова модель
• Float. Float layout. Clearfix
• Position
• Псевдокласи. Псевдоелементи
• Flexbox. Flexbox layout
• CSS Grid. Grid layout
• CSS препроцесори, фреймворки, методології

Просунута робота з графікою

• SVG
• SVG спрайти
• Іконочні шрифти
• Адаптивна графіка. Тег picture
• Оптимізація графіки

Адаптивна верстка

• Viewport. @media
• Одиниці вимірювання vh, vw, vmin, vmax, rem
• Знайомство з концепцією Responsive Web Design
• Mobile-first/Desktop-first
• Оптимізація сторінки

Семантика і доступність

• Семантична розмітка
• Доступність для користувача інтерфейсів

CSS анімації

• Transform
• Transition
• Filter
• Animation

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

• Знайомство та план курсу
• Введення в технологію веб-розробки
• Підключення скриптів, перший запуск програми
• Взаємодія з користувачем через примітивні функції
• Git, Github

Змінні та оператори

• Коментарі
• Оголошення змінних
• Сплив змінних
• Порівняння var, let, const
• Типи даних
• Оператори

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

• Умовна конструкція if/else if/else
• Умовна конструкція switch
• Тернарний оператор
• Практика

Цикли

• Введення в цикли
• Види циклів
• Цикли while, do…while, for
• Інструкції break та continue
• Вкладені цикли
• Нескінчені цикли
• Практика

Масиви

• Основи роботи з масивами
• Варіанти створення масивів
• Методи для роботи з масивами
• Перебір масиву за допомогою циклів for, for…in, for…of
• Видалення елементів з масиву
• Створення простих об’єктів
• Практика

Основи функцій

• Основи роботи з функціями
• Варіанти створення функцій
• Параметри функцій, значення за замовчуванням
• Область видимості функції
• Передача параметрів у функцію за значенням та за посиланням
• Повернення значення з функції
• Замикання
• Лексична область видимості
• Рекурсія

Контекст виконання функції

• Глобальний об’єкт window
• Функціональний контекст
• Функції в об'єктах - методи
• Методи підміни контексту
• Стрілочні функції та їх відмінності від звичайних

Функції

• Функція-колбек
• Функція вищого порядку
• Перебір масивів за допомогою методів forEach, find, map, filter, reduce

DOM

• Що таке DOM?
• Отримання існуючих DOM-елементів
• Динамічне створення та видалення нових DOM-елементів
• Керування атрибутами та вмістом DOM-елементів
• Можливі події
• Додавання обробників подій DOM-елементів

Events

• Фази обробки подій
• Делегування подій
• Об'єкт event та його методи
• BOM-об'єкти

Робота з формами

• Основні елементи-керування
• Базові навички динамічної роботи з елементами керування
• Валідація отриманих даних від користувача

WebStorages

• Cookies
• LocalStorage
• SessionStorage
• Практика

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

• Створення регулярного виразу
• Робота з регулярними виразами за допомогою методів
• Модифікатори регулярних виразів
• Структура шаблонів. Метасимволи. Дужки. Квантифікатори

Бібліотеки та фреймворки

• Огляд популярних бібліотек та фреймворків
• Встановлення бібліотек за допомогою NPM
• Приклади роботи з розповсюдженими бібліотеками

Асинхронне виконання коду

• EventLoop
• Функції відкладеного виконання коду

ESNext

• EcmaScript
• Babel
• Spread & Rest оператори
• Деструктуризація масивів та об'єктів
• Оператор Nullish coalescing
• Оператор Optional chaining
• Інші найновіші оператори

HTTP

• Огляд клієнт-серверної архітектури
• Що таке протокол HTTP та як він працює
• Огляд технології Ajax
• Методи роботи з сервером по технології Ajax
• Приклади відкритих API
• Технологія WebSockets

Promise

• Вступ до Promise
• Стан Promise
• Обробка Promise за допомогою методів then, catch, finally
• Одночасна обробка кількох Promise
• Livecoding

ООП

• Основні поняття ООП
• Фунції-конструктори
• Прототипне успадкування
• Створення об'єкту з певним прототипом
• Створення сутностей за допомогою class
• Успадкування сутностей створених через class
• Приватні властивості
• Статичні властивості за методи class
• Практика

Робота з асинхронними функціями

• Створення власних асинхронних функцій
• Обробка асинхронних функцій з інструкцією await
• Обробка помилок

Системи збирання коду

• Огляд сучасних систем збирання коду
• Основи роботи з Gulp
• Компіляція та зборка sass-файлів
• Транспіляція та зборка js-файлів
• Плагін ESLint

Webpack

• Огляд можливостей Webpack
• Встановлення та конфігурація Webpack
• Налаштування базових лоадерів та плагінів до Webpack
• Запуск локального серверу за допомогою Webpack

React

• Огляд поняття SPA
• Введення в React
• Основні концепції React
• Створення первого React-додатку
• Основи роботи з JSX
• Варіанти створення компонентів
• Передача props до компонентів
• Обробка подій у React-компонентах

Компоненти React

• Етапи життєвого циклу компонентів
• Порівняння класових та функціональних компонентів
• Робота з класовим компонентом
• Методи життєвого циклу класового компоненту
• Робота зі state

Функціональні компоненти в React

• Основи роботи з функціональним компонентом
• Особливості роботи з хуками: useState, useEffect, useRef, useCallback, useMemo, useContext
• Створення власних хуків

Робота з формами в React

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

Маршрутизація в React

Основи роботи з бібліотекою react-router-dom.

Бібліотеки для роботи з React-компонентами

• Огляд бібліотек-компонентів AntD/Material UI
• Робота з стилями у React за допомогою CSS-модулів та бібліотеки styled-components
• Огляд бібліотеки для створення таблиць даних Ag Grid

Redux

• Що таке state management?
• Вступ до Redux та основні поняття
• Основні етапи data flow у Redux
• Інтеграція Redux з React-додатком
• Робота з хуками useDispatch та useSelector
• Middlewares на прикладі redux-thunk
• Livecoding

Redux-Toolkit

• Оптимізація роботи з Redux за допомогою Redux-Toolkit
• Основні поняття Redux-Toolkit
• Створення та використання RTK Query

TypeScript

• Вступ до TypeScript - переваги та недоліки
• Статична типізація у TypeScript
• Типи та інтерфейси
• Аліаси, можливі значення, необов'язкові параметри
• Generics
• Робота з TypeScript в React-додатку

Тестування React-додатків

• Основні поняття тестування програмного забезпечення
• Модульне тестування за допомогою бібліотеки Jest
• Тестування React-додатків за допомогою бібліотеки React-Testing-Library

NodeJS

• Eventloop
• Стандарти, які підтримуються (ECMAscript 5, ECMAscript 6)
• Core
• Streams
• Event emitter

Знайомство з асинхронністю

• Callback
• Promise
• Async (caolan)
• Sync/await

Знайомство з проміжними обробниками

Connect.

Створення веб-сервера

• HTTP
• Express

Використання шаблонизаторів

• Pug
• Nunjucks

Робота з MongoDB

• Query
• Aggregation

Підключення та документація

• Підключення авторизації і аутентифікації
• Тестування і написання документації

Виконання дипломного проєкту

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

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

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

• Сергій Никифоров - Front-end Developer at LiveKick
• Влад Балабаш - Solution Architect, Senior JavaScript Developer
• Владислав Повелиця - Front-end Developer at SOLAR Digital
• Денис Когут - Lead Software Engineer
• Михайло Педченко - Front-end Engineer at GlobalLogic
• Олексій Толстоног - Software Developer at SoftServe
• Андрій Фоменко - Architect at Astravel
• Олексій Павленко - Senior Full-Stack JavaScript Developer at Sitecraft

Курс дозволить опанувати FrontEnd та BackEnd, фреймворки Spring IoC, Spring Security, Hibernate, Spring Data, jQuery, Node.js, Express.js, React.js, Redux. Після закінчення навчання у вас буде 8 готових проєктів для портфоліо, вміння працювати у команді та можливість створювати круті продукти самостійно завдяки універсальності знань.

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

Модуль: Soft Skills

• Основні комунікативні навички
• Орієнтування у ситуації спілкування
• Управління емоціями
• Емоційний інтелект
• Критичне мислення
• Робота у команді
• Самопрезентація

Підготовка до початку курсу

Після успішного проходження тестувань та зарахування на курс студенти отримують список книг із Java та перше теоретичне завдання, щоб на першому ж занятті одразу перейти до практики.

Клієнтські технології JavaScript / FrontEnd

• Створення повністю адаптивного сайту або розширення за допомогою HTML, CSS, шаблонів
• Розробка веб-додатків з використанням принципу Single page application
• Вивчаються інструменти для створення веб-інтерфейсів будь-якого рівня складності (JavaScript, jQuery, Node.js, Express.js, React.js, Redux)

Серверні технології Java EE / BackEnd

• Java EE
• Фреймворки:
  • Spring IoC
  • Spring Security
  • Hibernate
  • Spring Data
• Бази даних SQL, NoSql
• Веб-сервера і хмарні технології
• Основи об’єктно-орієнтованого програмування
• Принципи ООП/SOLID
• Шаблони проєктування
• TDD
• Також в модулі передбачено парне програмування, створення онлайн-магазинів, розбір і написання програм Tinder, Instagram

Алгоритми та структура даних

• Основні алгоритми та структури метаданих
• Звичайні та типізовані масиви
• Строкові змінні
• Зв’язані списки
• Стеки та черги
• Хеш, графи, DFS і BFS
• Динамічне програмування
• Дерева
• Алгоритми кешування
• Під час проходження модуля передбачено розв’язання не менше 60 кейсів, користуючись практичним підходом

Воркшопи

Soft skills, технічна англійська та підготовка до співбесіди

Фінальний проєкт

Бонусний модуль: Англійська для ІТ

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

• Живі заняття у вечірній час (19:00-22:00)
• Система оцінки знань
• Підтримка ментора
• Велика кількість практичних завдань
• 8 проєктів для портфоліо
• Допомога у працевлаштуванні

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

Олексій Рихальський - Software Architect, NDA

Мрієш стати розробником, працювати в топовій ІТ-компанії і заробляти від $1000? Ми навчимо тебе кодити за 3,5 місяці.

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

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

Заняття 1. Історія Front-end. JavaScript

• Вирази, Інструкції та Коментарі
• Типи даних

Заняття 2. Оператори та операнди

• Логічні оператори
• Цикли вступ

Заняття 3. Практика. Цикли

• for/ for of/ for in
• while/ do while

Заняття 4. Вбудовані цикли. Об'єкт як тип даних

• Об’єкт
• for of, for in
• while, do while
• Методи перетворення об’єктів

Заняття 5. Практика (Цикли)

• Практичне застосування циклів
• Практичне застосування методів роботи з масивами
• Запитання? Відповідь!

Заняття 6. Менторська сесія (Цикли)

• Практичне застосування циклів
• Практичне застосування методів роботи з масивами
• Запитання? Відповідь!

Заняття 7. Об'єкт як тип даних. Функції (вступ)

• Function Declaration
• Function Exprission

Заняття 8. Особливості глибокого клонування об'єктів

• REST
• SPREAD

Заняття 9. Функції, як об'єкти

• Методи перетворення об’єктів
• Конструктор(new)
• Контекст (this)

Заняття 10. DOM. Події DOM елементів

• createElement
• getElementBy
• querySelector

Заняття 11. Менторська сесія (Функції)

• Взаємодія функцій із DOM елементами
• Запитання? Відповідь!

Заняття 12. Практика (Функції)

• Взаємодія функцій із DOM елементами
• Взаємодія з операторами та логічними конструкціями

Заняття 13. Асинхронні виклики

• XMLHttpRequest.(get)
• Promise

Заняття 14. CRUD. Fetch

• get
• post
• delete

Заняття 15. Асинхронні функції

• assync await
• JSON

Заняття 16. Функції 2.0

• Замикання
• Рекурсія
• EventListener

Заняття 17. Практика

• Запити та обробка інформації
• Запитання? Відповідь!

Заняття 18. Практика з функцій

• Практичне застосування функцій у програмуванні
• Запитання? Відповідь!

Модуль 2 - Основні засади об'єктно-орієнтованого програмування

Заняття 19. Основи ООП

• Сlass
• Абстракції
• Спадкування

Заняття 20. Інкапсуляція

• Protected property
• Private property(#)
• static

Заняття 21. Поліморфізм

• Принципи формування
• Конструкція get
• Конструкція set

Заняття 22. Принципи SOLID

• Знайомство з принципами
• Розкриття значень кожного із принципів
• Розгляд прикладів

Заняття 23. Менторська сесія з ООП

• Проектування класів
• Архітектури побудови app

Заняття 24. Практика ООП

• Створення класів
• Практика коректного використання всіх принципів вивчених на курсі

Дипломна робота

• Етап 1 Затвердження теми проєкту
• Етап 2 Обробка концепції проєкту
• Етап 3 Консультації з архітектури проєкту
• Етап 4 Фінальна консультація щодо проєкту
• Етап 5 Захист проєкту

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

• Безкоштовна IT англійська
• Кар'єрний менеджер
• Лекція Project Manager
• Діджитал диплом для Linkedin

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

Іван Юркевич - TOP Rated розробник

Протягом 18 занять ви опануєте головні принципи використання цієї мови при побудові користувацьких інтерфейсів і при створенні сценаріїв, які використовують об'єктно-орієнтовані техніки та функціональні підходи. Цей курс стане фундаментом для подальшого вивчення бібліотек і фреймворків, що базуються на мові JavaScript.

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

Пошук елементів та DOM дерево

• Поняття оточення в JavaScript
• DOM - Document Object Model
• BOM - Browser Object Model
• Пошук елементів у DOM, використання методів querySelector і querySelectorAll
• Типи вузлів DOM дерева
• Основні властивості вузлів DOM дерева
• Методи для навігації вузлами DOM дерева

Зміна DOM дерева. CSS стилі

• Способи створення вузлів в DOM дереві
• Вставка і видалення вузлів
• Способи клонування вузлів DOM дерева
• Властивості і атрибути елементів
• Методи для роботи з атрибутами
• Робота з одними атрибутами data
• Використання CSS стилів, властивості className і classList
• Обчислені стилі і робота з ними

Події. Частина 1

• Що таке подія
• Основні події
• Обробка подій через HTML атрибути
• Обробка подій через властивості вузлів DOM дерева
• Обробка подій за допомогою методу AddEventListener

Події. Частина 2

• Об'єкт Event для отримання додаткових даних при обробці події
• Події DOMContentLoaded і load
• Приклади обробки подій миші
• Приклади обробки подій клавіатури

Події. Частина 3

• Фази проходу події DOM деревом
• Реєстрація обробника події на різні фази
• Скасування виконання дії, за замовчуванням пов'язаної з подією
• Скасування спливання або занурення події
• Приклади використання делегування події при використанні методу addEventListener

Функції-конструктори

• Різниця між функцією-фабрикою і функцією-конструктором
• Використання функцій-конструкторів
• Робота з прототипами
• Циклічна конструкція for / in
• Використання ключового слова instanceof

Класи

• Поняття класів
• Використання ключового слова class
• Конструктори і методи класів
• Getter і setter
• Закриті та відкриті поля класів

Класи. Наслідування

• Наслідування класів в JavaScript
• Ключове слово extends
• Робота з конструкторами в класах-спадкоємцях
• Використання ключового слова super
• Перевизначення методів
• Статичні методи і властивості

Контекст функції

• Що таке контекст функції
• Зміна контексту через методи apply, call і bind
• Планування виклику функції, використання методів setTimeout і setInterval
• Контекст в стрілочних функціях
• Особливості використання контексту при використанні функцій зворотного виклику

Замикання

• Глобальний об'єкт і глобальні змінні, що таке globalThis
• Контекст виконання
• Лексичне оточення
• Замикання
• Приклади використання замикань

Форми і елементи управління

• Тег form
• Способи отримання форми і її елементів через JavaScript код
• Приклади роботи з основними елементами управління через JavaScript код

Перевірка даних форми

• Обробка події submit
• Події blur і focus
• Події copy, paste і cut
• Вбудована перевірка користувацького введення (HTML5 валідація)
• Додавання своєї логіки до вбудованої перевірки користувацького введення форм
• Основи роботи з регулярними виразами і приклади застосування регулярних виразів для перевірки користувацького введення
• Створення сценарію для перевірки користувацького введення

Cookies i Web Storage

• Що таке cookies і як з ними працювати в JavaScript
• Огляд Web Storage API
• Використання sessionStorage і localStorage
• Подія storage

Обробка виключень

• Що таке виключення
• Конструкція try catch
• Використання блоку finally
• Використання ключового слова throw
• Створення користувацьких виключень

Асинхронний код. Promise

• Що таке синхронний і асинхронний код
• Використання функцій зворотного виклику для організації асинхронного коду
• Використання Promise для асинхронного коду
• Ланцюжки promise
• Обробка винятків при роботі з Promise
• Використання методів Promise API

Мережеві запити

• Що таке HTTP
• Структура HTTP протоколу, як виглядає запит і відповідь
• Використання методу fetch для відправки HTTP запиту через JavaScript код
• Налаштування HTTP запиту під час роботи з методом fetch
• Скасування HTTP запиту, відправленого через метод fetch

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

Частина 1

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

Частина 2

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

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

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

• Віталій Мазяр - Web Frontend Developer
• Богдан Мартиненко - Frontend Developer
• Тарас Заславський - Frontend Developer
• Владислав Бєлік - React Frontend Developer
• Ростислав Сілівейстр - Web Frontend Developer
• Олексій Татаренков - Frontend Developer
• Олексій Кучеренко - тренер-консультант напрямку Frontend
• Олександр Виноградов - Software Developer

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

Теми:

• Введення в JavaScript, середовище розробки та інструменти. Основні браузери. Введення HTML/CSS. Структура проєкту. Перша сторінка
• Систематизація базових знань HTML/CSS. Типові розмітки. Аналіз макету
• Основні компоненти (меню, таби, форми, галареї)
• Форматування коду. Семантика. Особливості HTML5/CSS3. Адаптивна верстка. Twitter Bootstrap
• Практика. Аналіз типових помилок у верстці
• Перший сценарій. Знайомство з консоллю. Робота з Git
• Структура коду, змінні, типи та структури даних, методи вбудованих об'єктів
• Керуючі структури (умовні оператори, логічні оператори, цикли)
• Функції та їх різновиди. Робота із аргументами функцій. Асинхронний код. Callback
• Області видимості. Замикання. Рекурсія. Підміна контексту виконання функції
• Визначення поняття DOM-дерева. Принципи роботи з DOM-деревом та взаємодії з CSS. Робота з вікнами та вкладками
• Принципи роботи з подіями у DOM-дереві. Обробка подій, делегування
• jQuery - основи роботи з бібліотекою та використання її для маніпуляції з DOM-деревом
• Робота з анімацією на сторінці. CSS transition та JS анімації
• AJAX - методи асинхронної взаємодії із сервером на поточному домені. Крос-доменні запити
• Основи об'єктно-орієнтованого програмування. Особливості ООП у JavaScript
• Спадкування в JavaScript
• Шаблони повторного використання коду. Шаблони написання коду, що підтримується
• Шаблони роботи з DOM-деревом без використання сторонніх бубліотек. Шаблони проєктування
• Принципи організації коду на велики проєктах. Інструменти статичного аналізу якості коду. Оптимізація. Стиснення
• MVC фреймворки. Принципи побудови односторінкових додатків
• Основи використання фреймворків React.js, Angular.js. Використання Require.js для керування завантаженням коду
• Регулярні вирази JavaScript. Шаблони валідації. HTML5, робота зі сховищами на стороні клієнта. Local storage

В результаті ви отримаєте:

• Впевнені знання JavaScript, вільна розробка та налагодження програм цією мовою
• Робота з функціями та подіями
• Реалізація отримання та передачі даних на сервер без перезавантаження всієї сторінки
• Основи роботи з анімацією на веб-сторінці
• Базові поняття про JavaScript-фреймворки

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

• Можливість оплати курсу частинами
• Сертифікат після проходження курсу
• Курс збудований з урахуванням реальних вимог IT компаній
• Протягом усього курсу ведеться рейтинг успішності
• Додаткове заняття зі стратегії працевлаштування

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

Основи

• Змінні
• Типи даних
• Браузерні функції
• Перетворення типів даних
• Базові оператори, математика
• Оператори порівняння
• Оператор '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 та отримаємо базу для подальшого розвитку в сфері фреймворків.

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

Базовий JS

• Структура коду
• Змінні
• Типи даних
• Оператори
• Цикли
• Функції

Вебсторінка + JS

• Document Object Model (DOM) з погляду JS
• Об'єкти Window та Document
• DOM селектори й обхід DOM дерева
• Слухачі подій та об'єкт події
• Event Bubbling і делегування
• Основи роботи з Local / Session Storage

Асинхронний JS

• Природа асинхронного програмування
• AJAX, XHR
• JSON
• Робота із зовнішнім API
• REST API & HTTP реквести
• Проміси
• Fetch, async...await

Просунутий JS

• Символи, сети й мапи
• Деструктуризація та спред оператор
• Робота з модулями
• Імпорт та експорт модулів

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

• Вебінари з куратором та групою щовівторка та щочетверга о 19:30
• Real-life завдання
• Курсовий проєкт
• Регулярний фідбек
• Сертифікат за здобутки
• Можна повернути кошти протягом 7 днів від початку курсу

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

• Микола Романюк - Frontend/Team Lead в Blackthorn Vision, Frontend Supervisor в BotsCrew
• Мирослав Коломієць - Frontend Developer
• Сергій Кононов - Senior Frontend Developer в VistaCreate
• Микола Губицький - Frontend Developer в Movadex
• Роман Чиж - Team Lead в Aleph1, розробник в Swag.com
• Артем Козяр - Куратор
• Марія Каніцька - Chief People Officer at Blackthorn Vision (Запрошена лекторка)
• Ольга Органіста - Head of Recruitment at Blackthorn Vision (Запрошена лекторка)

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

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

ECMAScript модулі

• Що таке модуль та використання модулів у JavaScript
• ECMAScript модулі
• Динамічні та статичні системи модулів
• import та export

Async Await

• Створення асинхронних функцій. Оператор async
• Очікування завершення Promise через використання оператора await
• Порівняння коду з Promise.then та async/await
• Обробка винятків у коді, де використовується async/await

Symbols

• Що таке Symbol
• Різниця між локальним та глобальним символами
• Приклади використання символів для створення користувацької логіки
• @@toStringTag
• @@species
• @@isContentSpreadable
• @@toPrimitive

Proxy & Reflect

• Шаблон Proxy
• Використання вбудованого типу Proxy
• Пастки (traps) в об'єкті-обробнику
• Використання Reflect

Функції-генератори

• Протоколи iterable та iterator
• @@iterator
• Функції-генератори та yield
• Асинхронні генератори

Незламність (Immutability)

• Робота з об'єктом Map
• Робота з об'єктом Set
• Поняття immutable object
• Object.freeze
• Object.seal
• Value Object Pattern

Функціональне програмування

• Що таке функціональне програмування
• Функції вищого порядку
• Чисті функції
• Використання функцій як даних
• Композиція функцій
• Карування

Observables. Частина 1

• Потоки даних
• Створення користувацьких подій
• Observable

Observables. Частина 2

• Реалізація функції map для свого Observable
• Реалізація функції filter
• Реалізація функції reduce
• Реалізація функції skip
• Приклади використання реалізованих функцій

IndexDB

• Що таке IndexedDB
• Створення бази даних на клієнті
• Використання транзакцій
• Створення, видалення та оновлення записів
• Пошук записів у базі
• Використання курсорів

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

• Практичні заняття і перевірка ДЗ
• Безкоштовний відеокурс
• Онлайн тестування і сертифікація

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

• Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
• Олександр Гончаренко - Web Frontend Developer
• Анна Павлюк - Web Frontend Developer
• Олена Хижняк - Web Frontend Developer
• Поліна Соколенко - Web Frontend Developer
• Анастасія Ткаченко - Web Frontend Developer
• Філіп Севене - Web Frontend Developer
• Віталій Мазяр - Web Frontend Developer
• Оксана Дмитрієва - Web Frontend Developer
• Ростислав Сілівейстр - Web Frontend Developer
• Олександр Петрик - FullStack Developer, CEO at Dinamicka Development
• Денис Ковтун - Web Frontend Developer