Онлайн-навчання

Курс Front End

Навчання FrontEnd онлайн — це зручно. А з ITEA — це ще й ефективно. На цьому курсі ти навчишся розширювати функціональність сайту й оживляти вебсторінки за допомогою різних ефектів.

Забронювати місце Отримати запис заняття

КОЛИ

Старт

Йде набір на курс

СКІЛЬКИ

30 занять / 3.5 місяця

3 рази на тиждень
ВТ, ЧТ, СБ з 19:00 до 22:00

ЦІНА

28500 UAH

17100 UAH

Доступна оплата частинами

Можливість заморозити навчання

Доступна оплата частинами

Можливість заморозити навчання

Забронювати місце Отримати запис заняття

Для кого цей курс:

Ти можеш бути юристом або офіціантом, бухгалтером або таксистом. Ти можеш шукати навчання FrontEnd з нуля або вже мати за плечима якісь знання в напрямку FrontEnd. Тобі може бути 18, 28, 45 і більше років.

Курс FrontEnd онлайн — для тебе, якщо ти хочеш спробувати перспективну професію, але не плануєш витрачати роки й великі суми на розтягнуті програми навчання.

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

Безкоштовна консультація

Навчання FrontEnd з нуля проходить так:

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

30 live-занять

Ми перенесли в онлайн старий добрий офлайн-формат навчання. Базовий курс FrontEnd онлайн — це прямі трансляції, а не старі чужі записи. Ти безпосередньо спілкуєшся з викладачем та іншими студентами.

Перевірка знань: тести та домашні завдання

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

Індивідуальна робота з ментором

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

Курсовий проєкт для портфоліо

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

Перша работа в IT?
Разом з ITEA!

Про працевлаштування

Міні-курс з soft skills, пошуку та отримання замовлень на фріланс-біржі Upwork

Працевлаштування в компаніях-партнерах ITEA на їх запит

Обліковий запис та супровід від Jungo.dev - біржі з працевлаштування IT-фахівців-початківців

Доступ до рекомендаційної системи підвищення кваліфікації, яка допоможе адаптувати твої навички під IT-ринок

Про працевлаштування

Чому ти навчишся?

Розбиратися в основних інструментах JavaScript
Працювати з консоллю розробника й перевіряти код на наявність помилок
Розуміти структуру JavaScript, логіку робочого процесу протягом розробки додатку
Створювати інтерактивні елементи та додавати їх на сайт
Деяким просунутим аспектам JavaScript та front end-розробки
Додавати візуальні ефекти на вебсторінки

Чому варто вибрати онлайн курси
FrontEnd з нуля від ITEA

Ефективний онлайн-формат з елементами офлайн-навчання

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

Актуальні програми навчання

Ми стежимо за трендами та змінами у світі IT, тому коригуємо базове навчання FrontEnd згідно з оновленнями. У такий спосіб ти отримуєш найсвіжіші знання, які зацікавлять майбутнього роботодавця, і вивчаєш основи програмування.

Стажування та працевлаштування

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

Всебічний розвиток

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

Розкрити свій IT-потенціал?
Разом з ITEA!

Інтерактивний курс FrontEnd — твій перший крок на шляху до перспективної кар'єри.

* Джерело даних: dou.ua

Записатися на курс

Junior

від 1 року досвіду

$670+

Middle

2-3 роки досвіду

$1800+

Senior

від 4-х років досвіду

$3630+

Записатися на курс

Твій план навчання на курсі FrontEnd

1. Вступ у веб-технології

Призначення технологій
Стек розробки для сайту
Принцип роботи клієнт-сервер
Консоль розробника
Текстовий редактор і IDE
Що таке HTML & CSS & JS і їх взаємодія

2. HTML

Базові принципи верстки
Знайомство з поняттям тегу і атрибуту
Обов’язкова структура будь-якої веб-сторінки
Поняття малих і блокових елементів веб сторінки
Поняття парних і непарних тегів
Семантичні теги
Спецсимволи
Робота з тегами і атрибутами
Робота з посиланнями і якорями
Робота з текстом і коментарями
Робота з різними системами кольорів в HTML
Робота з зображеннями
Нумеровані і марковані списки
Робота з блоками (div)
Таблиці
Форми
Елементи форм (інпут)
Айфрейми
Підключення різних модулів до документу HTML
Форматування елементів HTML

3. CSS

Що таке CSS?
Базові принципи написання стилів
3 способи додавання CSS в HTML сторінку
Зовнішні таблиці стилів
Відносні і статичні одиниці вимірювання
Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
Робота з межами елементів (бордер радіус, тіні)
Робота з відступами і розмірами елементів
Градієнти
Робота з властивостями float і clear
Flex box
Робота з фоном (зображення і колір, розміри, прозорість)
Селектори
Селектори поглибленого рівня
Пріоритети стилів
Перезапис стилів
Псевдокласи, псевдоелементи
Робота з анімацією елементів
Валідація
Медіазапити

4. Робота з браузером

Встановлення корисних розширень для верстки
Відладник коду

5. Хостингові і доменні панелі

Робота з Git і хостинг на Git

6. Різні види верстки

Адаптивна верстка
Гумова верстка
Pixel perfect верстка
Статична верстка
Кросбраузерна верстка
Змішана верстка

7. Figma для розробника

Поняття растрової та векторної графіки
Переваги й особливості Figma
Огляд панелей та інструментів
Сітки
Шари і компоненти
Експорт параметрів і графіки
Редагування елементів

8. Grid layout

Побудова мережі
Робота з горизонтальним і вертикальним вирівнюванням
Об’єднання елементів
Методи роботи з комірками

9. Правила іменування класів по BEM

10. Бібліотека Bootstrap

11. SASS

Підключення
Правила і директиви
Керуючі директиви і вирази
Використання міксинів
Застосування на практиці

12. Вступ до мови програмування JavaScript

Загальна інформація про мову та її особливості
Довідники, специфікації і посилання на них
Консоль розробника
Зовнішні скрипти і порядок їх підключення
Змінні та правила їх іменування
Типи даних та приведення типів

13. Основні оператори

Оператори порівняння і логічні значення
Умовні оператори
Логічні оператори
Конструкція switch

14. Цикли і функції

Цикли ‘for’, ‘while’, ‘do … while’
Рекурсія і поняття стека
Поняття і синтаксис функції
Функціональні вирази
Області видимості
Псевдомасив ‘arguments’
Функції зворотного виклику (callback)

15. Масиви

Перебираючі методи
Внутрішнє представлення масивів

16. Об'єкти

Передача за посиланням
Перебір властивостей
Стандартні вбудовані об’єкти

17. Робота з Git

Робота з Git Bash
Workflow від створення сховища до його відправки на віддалений сервер
Робота з гілками
Робота з конфігураційними файлами

18. Прототипне наслідування

Прототип об’єкта
Властивість prototype
Вбудовані класи
Функція – конструктор
Успадкування класів
Внутрішня структура методу ‘extend’ і поліфіл ‘Object.create’
Функціональне успадкування

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

Загальна інформація про ОВП
Інкапсуляція
Поліморфізм
Успадкування
Абстракція даних
Поняття ‘клас’

20. Контекст виклику та замикання

Робота з ‘this’ (4 способи використання)
ES6 стандарт (стрілочні функції)
ES6 let / const + var + hoisting
Використання ‘call’, ‘apply’
Дескриптори, гетери та сетери властивостей
Шаблон проектування ‘Singletone’ через замикання
Збиральник сміття

21. Робота із системою контролю версій

22. Глобальний об'єкт Window та робота з DOM

Загальна інформація про ‘window’, ‘navigator’, ‘document’, ‘location’, ‘history’
Навігація по DOM елементам
Властивості вузлів
Додавання та видалення вузлів
Робота зі стилями
Робота з координатами

23. Події

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

24. Формування сторінки у браузері

Формування DOM покроково
Формування Render Tree
Порядок формування CSSOM
Оптимізація, мініфікація, робота з HTTP Cache

25. HTTP

Вступ у протокол HTTP
Переваги та недоліки протоколу
Робота з AJAX
Загальна інформація про RESTful API
JSON
CORS
Promise + async await

26. Способи зберігання даних у браузері

Cookies
LocalStorage, sessionStorage
IndexedDB (import / require)
Manifest
ServiceWorker
Progressive Web Application

Після курсу Front End у тебе буде:

Сертифікат після закінчення навчання відповідно до успішності
Доступ до матеріалів та записів занять протягом року в особистому кабінеті на зручній платформі
Можливість приєднатися до ITEA community
(понад 16 000 випускників)
Портфоліо з проектами та роботами
Підтримка з працевлаштуванням
Яскравий досвід роботи з професійними інструментами

Відгуки студентів

Ольга Климась

Відгук із сайту Dou.ua (2019 рік)

Могу сказать, что трудоустройство после курсов есть. Я прошла весь курс по Frontend, мне помогли составить портфолио и резюме, была встреча с рекрутером. Несколько раз мне звонили с ИТЕА, говорили, что у их партнеров есть подходящая вакансия, и предлагали передать мое резюме. Я соглашалась и получала от партнера тестовое задание. На третий раз меня пригласили на собеседование. Сейчас работаю на позиции фронта и очень довольна.
Встретила двоих парней, с которыми проходили JS, они тоже устроились на работу. Не знаю, правда, посредством ИТЕА или нет.

Станіслав Бабич

Відгук із сайту Dou.ua (2018 рік)

Привіт всім, я проходив курси по Frontend development у Львові. ITEA — це унікальна академія, комфортна атмосфера, мила адміністрація, швидке і перспективне навчання та гарний старт вашої кар’єри, це все ви знайдете в ITEA. Кожну частинку курсу веде інший вчитель, у вас з’являються свої друзі і наставники в сфері айті технологій.
Велике дякую Ірині Петраш ( вона веде курс HTML/CSS) , вона продовжила давати мені поради і помагати після курсів, кращий ментор в сфері верстки сайтів. Адміністрація, вчителі ITEA ви кращі з кращих люблю вас)

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

Команда ITEA зібрала кращих практиків:
керівників, Senior-фахівців і експертів з багаторічним досвідом

Software Engineer

Іван Ничепорук

Software Engineer у компанії Smart Innovative Technologie. Більше 4 років досвіду. Добре розуміється на HTML, CSS та JavaScript. Працював Front end-розробником в компаніях InfiniteSoft і Kvadracom Kiev. Також має досвід роботи в якості Software Engineer в компаніях SoftServe та SmartIT.

JavaScript Developer

Єгор Маркевич

4+ роки досвіду. Досконало знає Javascript, CSS3, HTML5, WordPress REST API, Bootstrap, Google Maps API, а також розбирається в принципах розробки гнучкого дизайну і впровадження мобільного дизайну в додатки і веб-сторінки.

Front End Developer

Сергій Скубіда

9+ років досвіду. Працює з такими технологіями, як HTML, CSS, JavaScript, HTML/CSS Specifications та багатьма іншими. Навчить, як правильно верстати сайти та поділиться лайфхаками із власного досвіду у сфері веб-дизайну та Front End.

Markup Developer (верстальник) у Ideasoft

Олег Кобзар

Markup developer (верстальник) в Ideasoft. Досвід роботи — 2,5 роки. Свою кар'єру в IT почав в 2017 році в якості контент-менеджера на віддаленій основі. Потім влаштувався працювати full-time в невелику веб-студію.Зараз працює в компанії Ideasoft. Добре володіє такими технологіями: HTML, CSS (SCSS), JS, jQuery. Також в роботі використовує GULP для збірки проектів, що значно прискорює розробку.

Встигни забронювати своє місце в групі

Якщо після першого заняття ти відчуєш, що цей курс не для тебе (наприклад, не підходить за складністю), то ми повернемо гроші.

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

Тобі можуть підійти
ці курси онлайн:

Розклад курсів

Вибирай IT-курси суміжного напряму, щоб розширити свої компетенції і підвищити свою конкурентоспроможність.

ЗНИЖКА -40%

Курс Front End Advanced

Покращення якості верстки та використання технологій для швидкого розгортання великих проєктів

Старт

12 Грудня 2023

Тривалість курсу

13 занять / 1.5 місяця

ЗНИЖКА -40%

Курс React

Навчання React.js прокачає твої навички веб-розробки і роботи з JavaScript

Курс Node.js

Навчання фреймворку JavaScript для легкого світчу в back end-розробку

Старт

Йде набір на курс

Тривалість курсу

6 занять / 0.5 місяця

ЗНИЖКА -40%

Курс PHP Pro

Вивчіть основи програмування на мові PHP з нуля

Старт

Йде набір на курс

Тривалість курсу

36 занять / 4.5 місяця

Відповідаємо на питання, які часто задаються

Який рівень англійської мови потрібен для працевлаштування на позицію Junior?

Рівень знання англійської мови безпосередньо залежить від вакансії. Для багатьох Junior-фахівців англійська рівня Intermediate буде перевагою, проте для деяких вакансій досить рівня Elementary.

Чи потрібно мати попередню підготовку в рамках вашого навчання?

Мінімальні вимоги вказані на сторінці кожного курсу. Найчастіше базові курси не потребують спеціальної підготовки. Для курсів поглибленого рівня досить матеріалу попереднього (базового) курсу.

Чи є вікові обмеження на проходження курсу?

Курси націлені на аудиторію віком від 18 років.

Чи буде викладач допомагати мені з вирішенням практичних завдань: давати поради, дивитися скріншоти, пояснювати те, що я не зрозумів?

Так. Викладач завжди на зв'язку, щоб направити студента і при необхідності виправити його. Викладач бере за основу власний досвід і наводить приклади з власної практики. Викладач не рухається далі по програмі, поки студенти не засвоять матеріал на потрібному рівні.

Як відбувається процес працевлаштування в ITEA після проходження курсу і отримання сертифікату?

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

Ми також проводимо перевірку резюме, супровідних листів та даємо консультації, якщо виникають питання.

Якщо я роблю паузу в навчанні (наприклад, через хворобу), чи можу я відновитися? Чи не будуть втрачені час і гроші?

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

Чи не буде в курсі багато теорії? Я отримаю практичні знання?

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

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

Не знаєш, з чого почати свій шлях в IT?

Допоможемо у виборі напрямку прямо зараз. Записуйся на безкоштовну консультацію!