Курс Front End
Після завершення навчання зможете претендувати на посаду Junior Frontend Developer.
СТАРТ
Дату запитуйте в адміністрації
ЧАС
90 год.
по 2-3 рази на тиждень
з 18:30 (19:00)
ЦІНА
28500
17100 грн
Для юр. осіб ціна вказана без ПДВ
Доступна оплата частями
Про курс
Frontend-розробник відповідає за зовнішній вигляд продукту: за всі кольори та шрифти, паралакси та скролінги, анімацію й інші мультимедіа на сайті. Звичайно, структуру сторінок зазвичай продумує дизайнер, але саме програміст має реалізувати ідею та простежити, аби готовий проєкт відповідав макету.
—JavaScript — головна мова frontend-розробників у web, якою вони програмують інтерфейси користувача. Їм часто доводиться займатися версткою сайтів: написанням HTML-коду та CSS-стилів для надання потрібної інформації. Саме тому для якісного фронтенду важливим є добре знання мов програмування, чистота коду та творчий підхід до завдань.
—Протягом курсу ви опануєте структуру сторінки та наявні стилі, навчитеся працювати з HTML та CSS, дізнаєтеся, як надати сторінці того чи іншого вигляду. Після цього ви будете готові до вивчення більш складних речей, як-от мови JavaScript, її синтаксису та можливостей, фреймворків та інших додаткових інструментів, способів виконання різних завдань. А після завершення навчання можете сміливо претендувати на посаду Junior frontend developer.
Для кого даний курс
Ви — новачок
і хочете опанувати професію з невисоким порогом входження
Ви хочете отримати творчу професію
та залишити свою нудну роботу
Ви вже працюєте в IT,
але бажаєте змінити профіль або розширити знання
Ви займаєтеся самостійно,
але вам потрібно впорядкувати знання
Чому ви навчитеся?
Надавати продуктам ефектного зовнішнього вигляду, застосовуючи HTML & CSS та JavaScript
Розбиратися в основних інструментах та особливостях JavaScript
Працювати з консоллю розробника та перевіряти код на предмет помилок
Створювати анімації, інші інтерактивні елементи та додавати їх до продукту
Впливати на процес оптимізації завантаження сторінки та робити код більш читабельним
Вигідно презентувати себе роботодавцеві
Чого не буде
- Теорії без практики
- Застарілих механік роботи
- Переказу чужих лекцій і книг
- Питань без відповіді
В рамках курсу ви будете працювати в групах над реальними проєктами.
Це буде захоплююче та ефективно!
Записатися на курс Це буде захоплююче та ефективно!
Що включає курс?
30 live-занять — лише необхідна теорія й багато практики
Навчання за програмою, створеною фахівцями топових IT-компаній
Навчання у викладачів-практиків, які поділяться з вами реальним досвідом та актуальними знаннями
Доступ до матеріалів і записів занять протягом року в особистому кабінеті на зручній платформі
Два заняття з англійської, на яких ви визначите свій рівень володіння мовою, засвоїте корисну лексику для ІТ, а також отримаєте рекомендації щодо подальшого навчання
Заняття з пошуку першої роботи в ІТ, на якому обговоримо зарплатні очікування, самопрезентацію, етапи комунікації з працедавцем і підготовку до співбесіди
Мінікурс з soft skills, пошуку замовлень на фріланс-біржі Upwork, а також підготовки до пошуку роботи
Перевірка знань — вправи й тести
Навички командної роботи та проєкти, на яких здійснювалася робота впродовж навчання, для включення в портфоліо
Можливість долучитися до ITEA community
(понад 16 000 випускників)
Повну підтримку клієнтського сервісу
Можливість сплачувати частинами
Індивідуальну онлайн-підтримку від викладача або ментора, спілкування з іншими студентами в чаті групи
Можливість заморозити навчання за потреби й доєднатися до наступного потоку
Сертифікат після завершення навчання відповідно до своїх досягнень
Програма навчання
Даний курс є частиною програми Front End Development
, JavaScript Development
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
27. Як скласти резюме і пройти співбесіду
- Структура резюме
- FAQ
- Як вести себе на співбесіді
- Основні помилки на співбесіді
- Урок англійської мови №1
- Урок англійської мови №2
- Урок пошуку роботи
Викладачі
Зробіть перші кроки в навчанні під керівництвом практикуючих спеціалістів!
Назар Дзендзелюк
JavaScript Developer
3+ роки комерційного досвіду.
Основний стек: React, Redux, Webpack, HTML5/CSS3, sass, NodeJs. В основному працював з медіа проектами для таких гігантів, як Samsung.
В роботі з студентами основну увагу звертаю на речі, які знадобляться на практиці, але й не забуваю про теорію, що допоможе вдало проходити співбесіди.
Працевлаштування
Ми надаємо нашим студентам можливість працевлаштуватися в компаніях-партнерах за їхнім запитом. ITEA також активно співпрацює з платформою Jungo, яка допомагає Junior-фахівцям знайти роботу. Завдяки цьому Ви отримуєте:
Кар'єрну консультацію
Доступ до рекомендаційної системи підвищення кваліфікації, яка допоможе адаптувати ваші навички під сучасний ІТ-ринок
Перший досвід роботи на стажуванні/фрілансі/аутстафінгу, в тому числі і на зарубіжних ринках
Встигни забронювати своє місце в групі
Кількість місць обмежена
Ціна:
28500 грн
17100 грн
Ви отримаєте:
- Актуальні програми навчання
- Готовий проект після закінчення курсу
- Допомогу у працевлаштуванні після закінчення програми Roadmap
- Сертифікат про закінчення курсу
Що кажуть наші випускники
Відгуки з ресурсу dou.ua
Ярослав Грицюк
Недавно закінчив курс від ІТЕА «JavaScript базовий».
Дуже хороші враження, викладач все доступно і ясно пояснював, організація на хорошому рівні, рекомендую.
Також приємний бонус це івенти, які організує ІТЕА.
Андрій Шиян
В березні закінчив курс JavaScript basic, яким є дуже задоволений. В програмі курсу є завдання, які застосовуються при web розробці, тобто, при виконанні яких, я розумів для чого я вчився їх розв‘язувати. Також, багато користувався git, що дуже розповсюджене на реальних проектах та у командній роботі. Всім рекомендую! З нетерпінням чекаю на наступний курс)))
Stanislav Babych
Привіт всім, я проходив курси по Frontend development у Львові. ITEA — це унікальна академія, комфортна атмосфера, мила адміністрація, швидке і перспективне навчання та гарний старт вашої кар’єри, це все ви знайдете в ITEA.
Кожну частинку курсу веде інший вчитель, у вас з’являються свої друзі і наставники в сфері айті технологій.
Велике дякую Ірині Петраш (вона веде курс HTML/CSS), вона продовжила давати мені поради і помагати після курсів, кращий ментор в сфері верстки сайтів.
Адміністрація, вчителі ITEA ви кращі з кращих люблю вас)
Yaroslav Zdebskyy
Привіт усім. Я пройшов курси HTML & CSS та JavaScript в ІТЕА у м.Львів. Задоволений викладачами — створюють гарну, затишну атмосферу, де сприйняття матеріалу дається легко.
Програма цікава і насичена. Подають основний, важкий для самостійного опрацювання матеріал. Комфортні умови навчання. Багато практики (більше, ніж передбачено програмою — викладач бачить, що студенти справляються легко, додає ще завдань), завдання цікаві, деякі взято з реальних проектів. Великим плюсом (зокрема, для мене) є те, що викладач майже весь час на зв’язку. Це доволі зручно, коли ти практикуєш вдома, а виникають питання, можна вирішити не чекаючи на чергове заняття.
Стосовно допомоги при працевлаштуванні — адміністратори час від часу пропонували мені різні вакансії (я так гадаю від компаній-партнерів). Також вони рекомендують своїх студентів різним компаніям. Зі мною одного разу зв’язалася компанія, на яку я не подавав заявку — сказали отримали резюме та відгук, саме, із ITEA.
Дякую ITEA за хороший старт !
FAQ
Потрібно мати попередню підготовку в рамках вашого навчання?
Мінімальні вимоги вказані на сторінці кожного курсу. Частіше за все базові курси програмування не вимагають спеціальної підготовки. Для поглибленого навчання достатньо матеріалу попереднього курсу.
Чи існують вікові обмеження на проходження курсу?
Курси націлені на аудиторію віком від 18 років. У нас також є курси для дітей від 8 років.
Як проходить процес працевлаштування в ITEA після проходження курсу та отримання сертифікату?
Студенти, які набрали максимальну кількість балів протягом навчання та пройшли програму Roadmap, отримують спеціальну форму резюме, за якою ми співпрацюємо з нашими партнерами. Ми також проводимо перевірку резюме, супровідних листів та даємо консультації, якщо виникають якісь питання. Наш кар’єрний центр мотивує та підтримує кожного кандидати до тих пір, поки він не обере для себе найкращу пропозицію.
Якщо я роблю паузу в навчанні (наприклад, через хворобу), чи зможу я поновитися? Або гроші й час будуть утрачені?
Якщо ви змушені припинити навчання, вам потім не потрібно буде повертатися до самого початку. Ви можете продовжити з того ж місця, де зупинилися, а отже, ваш прогрес не буде втрачено. Деталі поновлення ви можете уточнити в адміністрації.
Чи допомагатиме мені викладач з розв’язанням практичних задач: даватиме поради, дивитиметься скріншоти, пояснюватиме те, що я не зрозумів?
Так. Викладач завжди на зв’язку, аби спрямувати студента й за потреби виправити його. Він проводить навчання, спираючись на свій досвід, та наводить приклади з власної практики. Викладач не рухається далі за програмою, поки студенти не опанують матеріал на потрібному рівні.
Чи не буде в курсі забагато теорії? Я отримаю реальні знання?
Інформація без практичного закріплення довго не тримається в пам’яті.Тому після отримання нових знань наші студенти одразу застосовують їх на практиці. Викладач допомагає їм упоратися із задачами та відповідає на питання, що можуть виникати. Тому на вас чекає практика на заняттях, у домашніх завданнях, а також при роботі над власним проєктом наприкінці курсу.
Який рівень англійської потрібен для працевлаштування на позицію Junior?
Рівень англійської безпосередньо залежить від вакансії. Для багатьох Junior-спеціалістів англійська рівня Intermediate буде перевагою, однак для деяких вакансій достатньо рівня Elementary.
