Лучшие IT курсы в Украине

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

Знайомство з Unity 3D

• Установка та перший запуск, інтерфейс редактора Unity
• Знайомство з магазином ассетів
• Вивчення можливостей створення ігор без програмування
• Створення першої 2D гри

Фізика

• 2D колайдери (2D Colliders)
• Компонент "Rigidbody2D"
• Фізичний матеріал
• 2D анімація
• 2D ефектори (2D Effectors)
• Фізичні шари

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

Графіка та ефекти

• Компонент "Trail Renderer"
• Система частинок - Particle System
• Карта нормалей (Normal map)
• Джерела світла

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

C# для Unity

• Взаємодія скрипта та об'єкта
• Основні методи запуску дій - Start() та Update()
• Особливості написання скриптів у Unity
• Введення даних через клас Input
• Корутини (coroutine)

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

Основи створення 2D ігор

• Налаштування об'єктів сцени
• Додавання та зміна фізичних властивостей
• Взаємодія об'єктів між собою та з курсором миші
• Створення нових об'єктів за допомогою скрипту
• Використання таймерів
• Використання променів (Physics2D.Raycast)
• Рух та анімація об'єктів
• Налаштування камери та заднього фону
• Побудова ігрової локації (TileMap)

Основи створення 3D ігор

• Налаштування об'єктів сцени
• Додавання та зміна фізичних властивостей
• Взаємодія об'єктів між собою та з курсором миші
• Створення нових об'єктів за допомогою скрипту
• Використання таймерів
• Використання променів (Physics.Raycast)
• Використання тригерів
• Рух та анімація об'єктів
• Налаштування камери
• Побудова ігрової локації

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

Мобільні ігри

• Робота з інтерфейсом гри
• Особливості компіляції ігор для пристроїв Android
• Створення ігрового меню
• Управління джойстиком

До кінця вивчення сьомого модуля учень вивчить особливості розробки ігор мобільних пристроїв.

Ознайомлення з можливостями створення AR/VR проєктів

• Налаштування VR проєкту, створення ігрової локації у віртуальній реальності
• Налаштування AR проєкту, розміщення об'єктів у доповненій реальності

До кінця вивчення восьмого модуля учень вивчить особливості розробки ігор для віртуальної та доповненої реальності.

Знайомство з можливостями створення проєкту за допомогою візуального програмування

• Установка плагіна Bolt
• Інтерфейс та компоненти
• Огляд приватних НОДів (node ​​- вузол)

Класи

• Інкапсуляція
• Спадкування
• Поліморфізм
• Конструктор класів

Масиви

• Одновимірні
• Двовимірні
• Сортування масивів

Фіналізація проєкту

В рамках курсу ваша дитина:

• Дізнається, що таке платформа UNITY 3D і як вона працює
• Освоїть на практиці основні засади та технологію створення сучасних тривимірних комп'ютерних ігор
• Створить свою повноцінну комп'ютерну гру
• Познайомиться з популярним ігровим двигуном Unity3D та мовою програмування C#
• Навчиться моделювати 3D об'єкти, створювати персонажів та анімацію, працювати з текстурами та освітленням

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

• Допомога ментора
• Практика
• 100% індивідуальне навчання
• Проєкт в портфоліо

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

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

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

• Платформер Obby
• Cтворення нового проєкту
• Cтворення об'єкта
• Створення сценарію

Будівництво парфенону

• Створення складного об'єкту
• Створення фундаменту, стін, колон, даху, джерела світла, ефект вогню

Розробка ландшафтів

• Terrain Editor
• Map Setting
• Додавання гейзера
• Додавання ефектів
• Створення ландшафтів

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

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

Створення сценаріїв

• Створення скрипту
• Редактор скриптів
• Змінні
• Множинне присвоєння

Цикли

• Коментарі
• Циклічна зміна кольору
• Локальні змінні
• Структура циклу

Функції

• Створення функцій та ефектів
• Виклик функції
• Функція знищення вогню
• Створення екземпляра

Події

• Пастки
• Використання подій
• Знищення елементів
• Створення мосту

Умови

• Умови if-then
• Порівняння та привласнення
• Оператори порівняння
• Функція onTouch

Складні умови

• Створення фінішної лінії
• Логічні змінні
• Функція partTouched()
• Підрахунок часу та вручення медалі

Цикли з параметром

• Цикл for
• Створення зворотного відліку
• Створення лампи
• Безкінечний цикл

Фіналізація проєкту, демонстрація та публікація

В рамках цього курсу ваша дитина:

• Навчиться принципів роботи ігрового двигуна, дізнається його сильні сторони
• Засвоїть "етику програміста" та отримає уявлення про те, як структурувати код
• Навчиться моделювати об'єкти, створювати персонажів та анімацію
• Отримає базові навички ігрового програмування Lua
• Отримає базові знання про алгоритміку та оптимізацію проєктів та скриптів
• Отримає чудову базу, яка дозволить опанувати будь-яку іншу мову програмування

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

• Допомога ментора
• Практика
• 100% індивідуальне навчання

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

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

Введення в контент-маркетинг

• Знайомство з куратором і групою
• Хто такий контент-маркетолог
• Завдання та обов'язки контент-маркетолога
• Основна мета контент-маркетингу
• Складові контент-стратегії
• Аналіз конкурентів
• Детальний аналіз цільової аудиторії з промальовуванням портретів споживачів
• Кейс практикуючого контент-маркетолога, плюси й мінуси роботи

Позиціювання й контент: ключові аспекти успішної стратегії маркетингу

• Позиціонування як стратегічний елемент бренду
• Специфіка контенту для різних сегментів аудиторії
• Формування стратегії й масштабування
• Розробка контент-плану відповідно до стратегії
• Використання соціальних медіа та блогів для позиціонування
• KPI для визначення успіху стратегії позиціонування
• Кейс щодо вибору стратегії й контенту

Ефективний копірайтинг: грамотність, стиль та адаптація під завдання бізнесу

• Що таке копірайтинг? Види й завдання копірайтингу
• Важливість правильної граматики та структури тексту
• Створення цікавого та переконливого пропозиційного тексту
• Врахування особливостей продукту чи послуги при написанні тексту
• Сервіси по роботі з текстом
• Фішки від експерта для написання тексту

ChatGPT - інструментальна платформа

• Особливості роботи з ботом
• Генерація контенту за допомогою ChatGPT
• Робота з текстом та ChatGPT
• Застосування OpenAI GPT-4 для створення контенту

SEO-тексти, пошук семантичного ядра

• Підбір семантичного ядра під проєкт
• Основні інструменти збору ключових слів
• Способи аналізу семантики конкурентів
• Контентна-стратегія для SEO
• Різновиди контенту на сайті
• Робота з підрядниками
• Приклади контент-стратегії під різний бізнес

Робота з текстом та основи верстки для контент-маркетолога

• Роль тексту в контент-маркетингу: залучення уваги, інформування, вплив на аудиторію
• Контент-стратегія для блогу
• Основи верстки: чому це важливо для контент-маркетолога
• Тренди в роботі з текстом та версткою для контент-маркетолога
• Що таке HTML і навіщо це треба контент-маркетологу
• Приклади успішних проєктів з використанням тексту та верстки

Робота з блогом

• Різновиди блогів, завдання та цілі блогів
• Особливості контенту для блогу
• Перші етапи роботи з блогом
• Пошук ідей і робота з експертами ринку
• Публікація перших статей
• Контент-стратегія для блогу
• Важливі люди в роботі з блогом
• Просування блогу в інтернеті
• Кейси по роботі з блогом

Лендінги. Лід-магніт

• Що таке лендінги і які їхні переваги
• Важливі принципи створення лендінгу під проєкт
• Основні правила написання текстів для лендінгу
• Програми та плагіни для створення лендінгу
• Мобільна цільова сторінка
• Просування лендінгу і місце лендінгу у воронці продажів
• Лід-магніт: його цілі, завдання, функції
• Як створити правильний лід-магніт (акценти)
• Фішки для продуктивної роботи з лендінгом

Візуальна стратегія просування

• Світові тренди візуального контенту для соціальних мереж
• Візуальні тренди у фотографії 2024
• Де шукати зображення
• Як шукати – прийоми та фішки
• Тренди в ілюстраціях і графічному дизайн
• Формуємо свій стиль у соцмережах
• Правила створення якісного фотоконтенту
• Правила мобільної обробки фото
• Приклади гарних та поганих публікацій
• Інструменти для роботи з креативами

Контент для соціальних мереж, формування стратегії

• Основні відмінності соціальних мереж, сторінок, груп, спільнот і який контент публікується в них
• Формування стратегії для соціальних мереж
• Види контенту для різних каналів
• Чому не варто робити кросспостінг?
• Контент-план
• Спільноти та види комунікації. Робота з негативом
• Робота з SMM-фахівцем: постановка завдань, контроль і аналіз

Робота з YouTube та його впровадження у контент-стратегію

• Як задіяти YouTube у контент-стратегії: цілі й задачі
• Для чого, як і коли задіювати кожний з інструментів YT: звичайні відео, Shorts, Спільноту, Подкасти, прямі трансляції
• Правильне налаштування каналу та відео
• Інструменти для полегшення роботи
• Обкладинки для відео
• Штучний Інтелект для створення й оформлення відео
• Як побудувати систему просування відео
• YouTube-аналітика

Просування контенту через створення Event-заходів

• Різновиди та цілі формування event-заходів
  • Конференції
  • Семінари
  • Вебінари
  • Тренінги
  • Марафони
  • Майстер-класи
• Які види контенту застосовуються для розкрутки event-заходів
• Освітлення заходів в ЗМІ
• Партнерські колаборації для просування
• Анонси для реклами й тексти для постів в соціальних мережах
• Контент для чат-бота в Telegram

Email-тексти

• Типи розсилок і види листів
• Різновиди текстів для розсилок і їх написання
• Контент-стратегія для розсилок
• Налаштування мультиканального: web push, sms, месенджери
• Сервіси для розсилок
• Кейси по роботі з Email-текстами

Посів і поширення контенту

• Навіщо потрібно робити посіви контенту і де будемо сіяти
• За яким принципом обирати майданчик
• Як саме має відбуватися робота з посіву контенту
• Збір майданчиків для публікацій: база, інструменти
• Контекстна та таргетована реклама на цільову аудиторію
• Партнерські джерела
• Дистрибуція контенту через ЗМІ
• Поширення контенту через лідерів думок
• Підготовка листів для аутріч: ключові правила
• Ключові правила аутріч: про пуші, читання редполітики, правки, пошук контактів віялом, вміння домовлятися про знижки
• Аналітика результатів: сесії, реєстрації, продажі

Аналітика контенту

• Встановлення Google Analytics для вашого ресурсу, постановка ТЗ програмісту
• Цілі та події в Google Analytics
• Навіщо встановлювати Search Console
• Аналіз ефективності контент-маркетингової стратегії
• Візуалізація звітів і прогнози

Бізнес-процеси при контент-маркетингу

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

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

• Лекції, презентації, додаткові матеріали в особистому кабінеті протягом 1 року
• Живі вебінари
• Навчання націлене на практику
• Дипломний проєкт
• Зворотний зв'язок з куратором
• Сертифікат після закінчення навчання
• Консультації з пошуку роботи
• Можливість повернення коштів протягом 14 днів після початку навчання

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

• Сергій Шагоферов - Куратор курсу, Головний редактор блогу WebPromoExperts
• Михайло Хейна - Керівник креативної студії Арт Депо
• Ольга Ексаурова - YouTube-маркетолог
• Аліна Самульська-Холіна - Копірайтер, контент-маркетолог, засновник в Лабораторія копірайтера
• Наталя Устименко - Head of Direct Marketing в eSputnik
• Ната Заяць - Head of content компанії Inweb
• Ірина Сторожко - COO в GreenSky
• Олена Ткачук - Founder Citrine DMA
• Леся Гайдаш - Керівниця агенції SMM-time

Учні навчаються програмувати в середовищі MineCraft за допомогою однієї з найперспективніших і найпопулярнішою мов програмування Python. Більш маленьких дітей без підготовки ми навчаємо MineCraft на Scratch. Стимулом є можливість підвищення рівня героя за лічені хвилини.

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

Геймери дізнаються, що таке виконавець в грі

• Проходження навчального рівня, знайомство з інтерфейсом та управлінням у Minecraft
• Нові функції Мода Education Edition

Алгоритм програми

• Написання програм у візуальному редакторі
• Цикли Repeat

Концепція підпрограми. Реалізація підпрограм

• Використання програм усередині інших
• Побудова коробок дрібних кімнат
• Побудова стель
• Будівля великих кімнат

Будівництво будівель у місті

• Побудова замків
• Побудова хмарочосів

Умовні конструкції, цикли While

• Поліпшення програми прокопування тунелю
• Умовні конструкції If
• Цикли While

Змінні

• Числові змінні
• Інші змінні
• Цикли зі змінними

Цикли із застосуванням змінних

• Вкладені цикли зі змінними
• Спрощення та створення більш складних програм

Вирішення арифметичних прикладів

• Команда Inspect Block
• Вирішення арифметичних прикладів за допомогою програми

Комп'ютер без візуального керування

• Знайомство з комп'ютерами у Minecraft
• Перші програми. Виведення даних на екран

Змінні. Калькулятор

• Змінні, зберігання даних у комп'ютері
• Написання калькулятора
• Умовні конструкції

Кодовий замок

• Умовні конструкції
• Програма для авторизації господаря будинку
• Управління електричними сигналами в Minecraft

Фіналізація проєкту

• Презентація гри
• Завантаження створеної гри

В рамках цього курсу ваша дитина:

• Вивчить мову програмування Python та середовище MineCraft
• Засвоїть синтаксис мови Python, структуру коду, умови та типи даних
• Отримає чудову базу, яка стане крутим стартом для вивчення інших мов програмування
• Побудує складні структури, виконає трудомісткі та корисні завдання за допомогою алгоритмів на Python
• Створить свої світи в середовищі MineCraft, швидше та краще з Python

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

• Допомога ментора
• Практика
• 100% індивідуальне навчання

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

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

Знайомство та перші кроки

• Що таке Construct 3
• Вивчення інтерфейсу програми
• Додавання ландшафту

Створення власних світів

• Ігрові завдання
• Створення власного ландшафту
• Вивчення руху об'єктів

Підрахунок балів та робота зі звуком

• Таймери та підрахунки балів у грі
• Робота зі звуком: Опрацювання всіх можливих варіантів

Додавання другого гравця

• Додавання другого гравця
• Опція "Друзі"
• Завантаження створеної гри

Створення нових світів та ландшафтів

• Створення нового світу
• Вибір жанру та сюжету гри
• Опрацювання ландшафту

Нарахування балів у грі

• Створення клонів та породжених об'єктів
• Створення індикаторів життів
• Нарахування балів за дію об'єктів

Додавання рівнів

• Створення та додавання рівнів
• Опція часу гри
• Опрацювання всіх можливих варіантів

Створення мультиплеєру в грі

Розробка нового власного проєкту

• Створення нового світу, використання чарівної кисті
• Вивчення настройок ігрової сцени
• Опрацювання ландшафту

Робота над грою "Ворожка"

• Створення клонів та породжених об'єктів
• Вивчення циклів
• Вивчення циклу створення випадкових чисел

Створення додаткових рівнів

• Опрацювання власного проєкту
• Опція часу гри
• Створення 3-х додаткових рівнів

Фіналізація проєкту

• Створення рівня "Бос"
• Презентація гри
• Завантаження створеної гри

В рамках цього курсу ваша дитина:

• Навчиться створювати ігри для комп'ютерів та мобільних телефонів та завантажувати їх у Google Play Market
• Розвине алгоритмічне мислення
• Наочно побачить роботу програмних алгоритмів у дії
• Опанує принципи програмування (алгоритми, цикли, змінні, умовні оператори тощо)
• Отримає відмінну базу, яка дозволить вивчити будь-яку іншу мову програмування
• Створить не власний проєкт для закріплення матеріалу

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

• Допомога ментора
• Практика
• 100% індивідуальне навчання

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

Теми:

• Види комп'ютерів
  • Огляд різних типів комп’ютерів та особливості роботи з ними
• Пристрої комп'ютера
  • Вивчення особливостей та додаткових можливостей основних пристроїв комп'ютера
  • Навички використання клавіатури для швидкого введення тексту та взаємодії з комп'ютером
• Операційна система
  • Роль, види та функції операційних систем на комп'ютері
• Папки та файли
  • Організація інформації на комп'ютері в папках та файлах
• Мережа інтернет
  • Огляд мережі та основних її можливостей
• Браузери та їх основні функції
  • Робота з веб-переглядачами та пошук інформації в Інтернеті з використанням ключових слів
• Правила безпечної поведінки в Інтернеті
  • Важливі поради щодо захисту особистої інформації та безпечної навігації в мережі
• Використання офісних програм
  • Робота з текстовими документами та презентаціями
• Знайомство з корисними застосунками
  • Використання дошки Jamboard, Google Sheets та Google Forms
• Використання дошки Jamboard
  • Вивчення можливостей та інструментів цифрової дошки для колективної роботи над проєктами, нотатками тощо
• Google Sheets
  • Освоєння можливостей електронних таблиць для організації даних, розрахунків та візуалізації даних
• Google Forms
  • Навчання створенню анкет, опитувань та форм для збору даних

Після вивчення курсу дитина отримає наступні результати:

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

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

• Допомога ментора
• Практика
• 100% індивідуальне навчання

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

Модуль 1. Вступ до мануального тестування

Визначення та важливість мануального тестування

• Що таке тестування (QA) та його важливість в розробці програмного забезпечення
• Цілі тестування
• Ролі та відповідальності Manual QA

Типи тестування

• Чорний, білий та сірий ящики
• Функціональне та нефункціональне тестування
• Інші типи тестування

Життєвий цикл розробки програмного забезпечення та методології тестування

• Розуміння життєвого циклу розробки програмного забезпечення (SDLC) та роль QA на кожній фазі
• SDLC vs STLC
• Огляд різних методологій тестування програмного забезпечення (Waterfall, Agile)

Процес тестування

• Визначення вимог
• Вступ до планування та стратегії тестування
• Розробка тестових сценаріїв
• Виконання тестів
• Аналіз результатів тестування

Модуль 2. Планування та документування в тестуванні

Вимоги до програмного забезпечення

• Види вимог
• Процес управління та аналізу вимогами
• Важливість вимог у тестуванні

Процес планування тестування та визначення цілей

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

Тестові сценарії та тестові випадки

• Визначення тестових сценаріїв та випадків
• Написання тестових сценаріїв та випадків
• Використання чек-листів
• Testrail - інструмент для управління тестовою документацією

Баг-репорти

• Визначення багів
• Створення баг-репортів
• Основи Agile та Scrum
• Роль QA в Agile-команді
• Jira - інструмент для управління проектами та задачами

Модуль 3. Тестування веб-застосунків

Тестування UI та UX

• Визначення UI та UX
• Основні принципи тестування UI та UX
• Figma
• Перевірка елементів інтерфейсу

Робота з даними

• Визначення CRUD-операцій
• Використання Postman для тестування
• Тестування роботи з формами
• Перевірка валідації даних

Тестування на різних браузерах та пристроях

• Крос-браузерне тестування
• BrowserStack
• Респонсив-дизайн

Модуль 4. Тестування мобільних додатків

Основи тестування мобільних додатків

• Тестування на мобільних пристроях
• Відмінності між веб та мобільним тестуванням
• Типи мобільних додатків
• Основні платформи та пристрої

Функціональне тестування мобільних додатків

• Тестування UI/UX мобільних додатків
• Тестування підключення до сервера та обміну даними
• Тестування локального зберігання даних

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

• Особистий кабінет та ком'юніті
• Прямі ефіри
• Практикуючі ментори
• Уроки з HR
• Практичний досвід на реальному проєкті
• Модуль із працевлаштування
• Підготовка до співбесіди
• Проєкт в портфоліо
• Сертифікат про проходження курсу
• 2 пакети навчання

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

Світлана Вишневська - Практикуючий тестувальник

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

Модуль 1. Вступ до UI/UX Design

Хто такий UI/UX Designer

• User Experience
• User Interface
• Переваги та недоліки
• Важливість Англійської мови в професії UX/UI дизайнера

Планування та види дослідження

• Визначення дослідження
• Планування дослідження
• Визначте цілі дослідження
• Визначте досліджувану аудиторію
• Виберіть методи дослідження
• Розробіть план дослідження
• Підготуйте необхідні ресурси
• Заплануйте рекрутинг учасників
• Здійснюйте дослідження
• Аналізуйте та інтерпретуйте результати
• Документуйте та представляйте результати

Модуль 2. Основи UX Design

Що таке User Journey Map та User Flow

• User Journey Map
• User flow

Wireframe

• Wireframe це
• Структура інтерфейсу
• Візуальні елементи
• Відсутність деталей дизайну
• Простота

Модуль 3. Основи UX Design

Евристика

• Видимість статусу системи
• Відповідність до реального світу
• Свобода від помилок
• Консистентність та стандарти
• Універсальність та повторне використання
• Забезпечення користувальницького контролю
• Уніфікація та ефективність
• Забезпечення розуміння та навігації
• Забезпечення дизайну за замовчуванням
• Забезпечення діагностики та виправлення помилок

Закони UX

• Закон Фіттса (Fitts’s Law)
• Закон Гікса (Hick’s Law)
• Закон Проксемікі (Proximity)
• Закон Байєса (Bayes’ Theorem)
• Закон Вебера-Фенхера (Weber’s Law)

Модуль 4. Основи UI Design

Композиція

• Статична композиція
• Динамічна композиція
• Навіщо нам потрібні правила композиції
• Композиція допоможе
• Ієрархія об'єктів
• Колір
• Форма

Елементи типографіки

• Типографіка
• Шрифти
• Товщина шрифту
• Основний текст
• Заголовки
• Розмір і міжрядковий інтервал

Модуль 5. Колір та іконки

Теорія кольору

• Теорія
• RGB
• CMYK
• HEX code
• Колірна палітра
• Відтінок
• Градієнт
• Контраст
• Непрозорість

Дизайн іконок

• Основна мета іконки
• Сценарії використання іконок
• Правила використання
• Де використовувати

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

• Особистий кабінет та ком'юніті
• Прямі ефіри
• Практикуючі ментори
• Уроки з HR
• Практичний досвід на реальному проєкті
• Модуль із працевлаштування
• Підготовка до співбесіди
• Проєкт в портфоліо
• Сертифікат про проходження курсу
• 2 пакети навчання

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

Роман Максимчук - Практикуючий UI/UX Designer

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

Модуль 1. Введення в Web-розробку

Урок 1. Вступне слово

Роль Front-end розробника.

Урок 2. Як встановити Visual Studio Code

Етапи встановлення Visual Studio Code.

Урок 3. Що таке HTML

• Базові теги
• Що таке "тег"
• Списки, заголовки, абзаци й звичайні тексти

Урок 4. Базовий CSS

• Інлайнові стилі
• Стилі прописані в середині тегу <style></style>
• Підключення зовнішнього файлу зі стилями

Урок 5. Шрифти

• Що таке шрифти
• Стандартні системні шрифти
• Загальні імена сімейств
• Специфічні імена сімейств
• Властивості шрифтів
• Зовнішні шрифти та @font-face

Модуль 2. Семантика та стилізація елементів

Урок 6. Базові властивості елементів

• Атрибут class
• Використання margin та padding
• Використання devTools panel
• Block та inline елементи, вирівнювання контенту
• Вирівнювання по центру, box-sizing та margin collapse

Урок 7. Семантична структура HTML-сторінки

Урок 8. Базовий адаптив

Урок 9. Селектори CSS та їх пріоритетність

• Селектори
• Псевдокласи
• Специфічність

Модуль 3. Взаємодія з посиланнями, картинками, створення форм

• Урок 10. Використання URLS та стилізація посилань в HTML та CSS
• Урок 11. Використання картинок на HTML сторінці та керування їх розмірами
• Урок 12. Медіа запити, responsive image та responsive background
• Урок 13. Форми

Модуль 4. Вирівнювання елементів та препроцесори

• Урок 14. Позиціонування
• Урок 15. FlexBox
• Урок 16. BEM методологія
• Урок 17. Препроцесор SASS
• Урок 18. Трансформації та анімації
  • Ransition
  • Transform
  • Animation
  • Cubic-bezier
• Урок 19. Сітка (Grid)

Модуль 5. Базовий JavaScript

Урок 20. Вступ до JavaScript

• Короткий огляд JavaScript
• Запуск першого скрипта
• Створення файлу js
• JavaScript код в HTML
• Змінні в JavaScript
• Створення та назви змінних: "let", "const" і "var"
• Правила надання назв змінним, ключові слова
• Застосування змінних у JavaScript
• Коментарі
• Ключові слова
• Літерали
• Вирази

Урок 21. Типи даних та оператори в JavaScript

• Типи даних
• Оператори в JavaScript

Урок 22. Functions

• Оголошення функції
• Локальні змінні
• Зовнішні змінні
• Параметри
• Значення за замовчуванням
• Повернення значення
• Вибір імені функції

Урок 23. Умовні оператори

• Інструкція "if"
• Перетворення до логічного типу
• Блок "else"
• Умовний оператор "?"

Урок 24. Loops

• Цикл "for"
• Вбудоване оголошення змінної
• Пропуск частин "for"

Модуль 6. Типи даних

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

Урок 26. Робота з масивами

• Оголошення
• Отримання останніх елементів за допомогою "at"
• Методи pop/push, shift/unshift
• Багатовимірні масиви
• toString

Урок 27. Робота з числами

• Числові літерали (decimal, binary, octal, hexadecimal)
• Пріоритети операторів в js
• Які існують числа в js (Infinity, BigNumber, NaN)
• Конвертація рядка в число (Number(), +string, 123 + string, parseInt(), parseFloat())
• Округлення чисел
• Генерація випадкових чисел

Урок 28. Цикл While

• Цикл "do…while"
• Переривання циклу: "break"
• Перехід до наступної ітерації: continue
• Мітки для break/continue

Урок 29. Робота з рядками (поглиблено)

• Кодування рядка
• Порівняння рядків
• Методи редагування рядків (.repeat(), .padStart(), padEnd())
• Спецсимволи
• Довжина рядка
• Доступ до символів
• Зміна регістру
• Пошук підрядка

Урок 30. Функції (поглиблено)

• Rest Arguments
• Function Declaration, Expression and Arrow
• Switch Case, Switch True

Модуль 7. Поглиблений JavaScript

Урок 31. Перетворення типів в JS

• Перетворення типів
• Як порівнювати різні типи в js

Урок 32. Логічні оператори. Як логічні оператори працюють

• || (АБО)
• && (І)
• ! (НЕ)
• Оператор нульового злиття (??)

Урок 33. Об'єкти

• Навіщо потрібні об'єкти?
• Створення, читання, редагування, видалення значень об'єкта
• Перевірка значень об'єкта
• Перебір по об'єкту
• Як працюють об'єкти, const and Object
• Порівняння об'єктів
• null vs undefined
• Об'єкти як аргументи
• Клонування об'єктів
• Деструктуризація об'єктів
• Функція як об'єкт
• Методи об'єктів
• Computed properties

Урок 34. Методи масивів

• Мутуючі та немутуючі методи масивів
• Копіювання масивів
• Деструктуризація масивів

Урок 35. Колбеки

• Колбеки та колбеки у циклі
• Таймери(таймаут, інтервал) та Event Handlers("click", "contextmenu"…)
• Обробники подій
• Доступ до елемента через this

Модуль 8. Особливості JavaScript

Урок 36. Замикання (Closures)

• Область видимості та лексичне оточення
• Замикання
• Функція у циклі
• Function яка повертає a function
• Функція з декількома батьками

Урок 37. Наслідування

• Прототипне наслідування
• proto
• Методи в прототипах

Урок 38. Конструктори

• Що таке конструктори
• Успадковування в прототипах
• this в деталях

Урок 39. Класи

• Синтаксис класів, статичні поля та методи
• Вбудовані класи об'єктів (приклад - new Date())
• Наслідування класів
• instanceOf
• JS модулі

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

• Особистий кабінет та ком'юніті
• Прямі ефіри
• Практикуючі ментори
• Уроки з HR
• Практичний досвід на реальному проєкті
• Модуль із працевлаштування
• Підготовка до співбесіди
• Проєкт в портфоліо
• Сертифікат про проходження курсу
• 2 пакети навчання

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

Юрій Лісовенко - Практикуючий Front-end Developer