Курси 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 layou
• 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

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

Основи

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

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

Модуль: Soft Skills

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

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

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

Модуль 1: Основи HTML, CSS, та JavaScript

• Основи HTML, CSS і JavaScript
• Emmet
• Git і Gitlab
• Інструменти розробки Chrome
• Font Awesome
• HTML5, CSS3
• Flexbox, Grid Layout
• Функції, об’єкти, масиви
• DOM, цикли та вихідні рядки коду
• Написання проєкту цільової сторінки з динамічними елементами та візуальними ефектами

Модуль 2: HTML/CSS просунутий рівень

• Адаптивна розробка
• Mobile First
• Основи npm
• package.json
• Gulp і його модулі
• Препроцесори CSS: SASS, SCSS

Модуль 3: JavaScript просунутий рівень

• Замикання
• Основи ООP
• Прототипи, класи ES6
• Знайомство з Bootstrap
• AJAX і CORS
• Promise і Fetch
• Axios
• Async/Await

Модуль 4: React.js

• Основи React.js
• Створення вкладених компонентів, посилання на DOM
• propTypes, defaultProps
• Життєвий цикл компонента
• React Router
• React hooks
• Робота з Redux
• Асинхронні дії
• Юніт тести
• Context API

Модуль 5: Основи Node.js та Typescript

• Модульна система. Модулі commonjs
• Глобальні змінні
• Модулі fs і path
• Налагодження Node.js
• Основи Typescript
• Query string
• Обробка помилок
• CORS
• TypeScript

Модуль 6: Express.js

• Middlewares
• Маршрутизатор
• Зворотні виклики маршрутизатора
• Об’єкти запиту/відповіді

Модуль 7: Бази даних і SQL

• Основи SQL
• TypeORM
• Створення віддалених баз даних
• Схеми баз даних
• Міграції

Модуль 8: Теми просунутого рівня

• Розгортання програми
• CI/CD
• Авторизація/автентифікація
• Postman
• Swagger
• Websokets

Воркшопи

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

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

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

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

• SCRUM і Agile
• Командна робота
• Розуміння вимог
• Розробка мінімального життєздатного продукту (MVP)
• Проведення регулярних зустрічей
• Робота в спринті
• Комплексне планування
• Розробка демоверсії вашого продукту

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

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

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

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

• Роман Марченко - 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

Обирай, якщо хочеш стати веб-девелопером

План курсу

Вступ до курсу

Розуміння взаємодії веб-браузерів та веб-серверів. Представляємо інструменти: Інструменти розробника веб-браузера, засоби прототипування веб-сторінок, IDE, робота з GitHub.

HTML

Структура документа HTML, пари тегів, елемент, посилання, вкладеність, перевірка HTML, нові та застарілі теги в HTML, основи зображень, відео та аудіо, додавання карти, створення форми з відправкою на email. Командна робота над проєктом в GitHub.

Основи CSS

Додавання CSS на веб-сторінку, селектори та їх специфічність, приєднання шрифтів, вбудований та блок-потік, позиціонування CSS, стилі браузера за замовчуванням та їх очищення.

Практикум з верстки в CSS

Модель FlexBox та Grid. Медіа-запити. Створення типової сторінки з адаптивною версткою.

CSS-фреймворки. Bootstrap and Tailwind

Введення до CSS-фреймворків, приєднання їх до сторінки та створення типових елементів веб-сторінки.

Поглиблений CSS

Поглиблені теми в CSS, анімація, трансформація. Створення анімованого бургер-меню.

Вступ до JavaScript

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

Цикли та масиви в JavaScript

Цикли, масиви та їх методи, анонімні та стрілкові функції.

Робота з об'єктами в JavaScript

Об'єкти, різні способи їх створення, JSON, прототипне наслідування, класи.

Робота з DOM та BOM в JavaScript

Вступ до BOM/DOM, пошук елементів на DOM, модифікація DOM, встановлення обробників подій, створення динамічних елементів (карусель елементів та ін.).

Взаємодія з сервером та основи NodeJS

Основи асинхронного програмування в JavaScript. Використання Fetch для відправки та отримання даних з сервера. Використання NodeJS для створення простого сервера. Доступ до API, у тому числі Open AI для штучного інтелекту.

Інтернет-магазин

Створення простого, але повнофункціонального інтернет-магазину (завантаження списку товарів з бекенду, збереження товарів в корзині, виведення інформації про товар в модальному вікні, відправка замовлення на email).

Бонусний модуль. Вступ до React та NextJS

Перші кроки до створення додатків з React/NextJS.

Після закінчення курсу ти вмієш:

• Створювати коректну розмітку HTML-сторінки і перевіряти її за допомогою валідатора
• Писати селектори в CSS
• Створювати CSS-стилі, зокрема для верстки сторінки з використанням FlexBox та CSS Grid Layout та підтримкою responsive і візуальних ефектів
• Створювати JavaScript-код для вирішення типових задач клієнтського веб-програмування
• Структурувати і проектувати JavaScript-код з використанням функцій та об'єктів, обирати та створювати коректні колекції даних, а також оформлювати код відповідно до Google JavaScript Style Guide
• Інтегрувати JavaScript і HTML, зокрема знати різні варіанти включення JavaScript до HTML, а також задання обробників подій, створення HTML-форм, побудова і використання регулярних виразів у JavaScript і HTML
• Здійснювати пошук помилок за допомогою вбудованого відладчика у браузері, моніторити використання ресурсів, користуватися консоллю для виводу інформації
• Використовувати бібліотеку jQuery для маніпуляції елементами DOM, створення базових ефектів та виконання Ajax-запитів
• Створювати і виконувати Ajax/Fetch-запити, використовувати формати XML і JSON для передачі даних
• Використовувати Git для збереження версій проєкту і публікації сайту на GitHub

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

• Не потрібно розтягувати навчання на роки: опанувати основи HTML, CSS i JavaScript можна за лічені тижні
• Це базовий курс, проходження якого дозволить прискоритись у вивченні інших мов програмування, що використовуються у Web, зокрема C#, Python чи Java
• Доступний кожному: вивчення HTML5, CSS3 i JS не потребує надзусиль чи додаткових знань з комп'ютерних наук
• Знаючи HTML5, CSS3 i JS, ти легко налагодиш взаємодію з веб-дизайнерами чи девелоперам
• HTML/CSS/JS - це комплект із трьох мов, які розуміють усі веб-браузери (Safari, Firefox, and Google Chrome та ін.)
• HTML, CSS і JS дозволять тобі створювати сучасні, адаптовані для мобільних пристроїв та десктопів веб-сайти з високим рівнем SEO-оптимізації
• Підтримка ментора впродовж навчального процесу
• Підсилення твого CV
• Доступ до додаткових е-курсів для навчання у власному темпі
• Онлайн-курси за рівнем англійської та Speaking Club

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

Vyacheslav Koldovskyy - 20 років професійного досвіду в ІТ

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

Основи 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 роки
• Сертифікат про проходження курсу

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

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

Основи мови JavaScript

• Змінні.
• Типи даних.
• Приведення типів. Тривіальні типи.
• Оператори. Оператори інкременту й декременту.
• Цикли: while, do while, for.
• Керуючі конструкції if – else, else – if.
• Мітки.
• Переривання і продовження циклу.
• Керуюча конструкція switch.

Функції

• Робота з математичними функціями.
• Способи оголошення функцій.
• Область видимості.
• Анонімні функції й замикання.
• Рекурсія.

Обробка помилок і налагодження

• Консоль і dev tools.
• Обробка помилок.
• Порядок виконання коду.
• Error object.
• Workflow налагодження.

Структури даних: об'єкти й масиви

• Властивості об'єкта.
• Методи об'єкта.
• Методи функцій.
• Робота з рядками.
• Робота з масивами.

Document Object Model (DOM) — об'єктна модель документа

• Робота з елементами HTML сторінки.
• Структура документа.
• Вибірка елементів документа.
• Навігація по вузлах документа.
• Створення, вставка й видалення вузлів.
• Html-форми.

Події

• Як працює механізм подій.
• Робота з обробниками подій.
• Події завантаження документа.
• Події миші.
• Події клавіатури.

Дата й таймери

• Робота з датами.
• Робота з таймерами.

Browser object model (BOM — об'єктна модель браузера)

• Об'єкт window (history, location, navigator, screen).
• Адреса документа й навігація по ньому.
• Історія відвідувань.
• Інформація про браузер і про екран (Navigator, Screen).
• Діалоги.
• Iframes.

Основи jQuery

• Селектори.
• Робота з подіями jQuery.
• Маніпуляції з DOM.
• Зміна властивостей та атрибутів.

jQuery Плагіни

• Ефекти й анімація бібліотеки jQuery.

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

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

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

• Знання основ HTML5 і CSS3

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

Іван Ніконов - керівник групи розробки веб-проектів.