3 рази на тиждень
ВТ, ЧТ, ПТ
з 19:00 до 22:00
і хочете опанувати професію з невисоким порогом входження
та залишити свою нудну роботу
але бажаєте змінити профіль або розширити знання
але вам потрібно впорядкувати знання
Надавати продуктам ефектного зовнішнього вигляду, застосовуючи HTML & CSS та JavaScript
Розбиратися в основних інструментах та особливостях JavaScript
Працювати з консоллю розробника та перевіряти код на предмет помилок
Створювати анімації, інші інтерактивні елементи та додавати їх до продукту
Впливати на процес оптимізації завантаження сторінки та робити код більш читабельним
Вигідно презентувати себе роботодавцеві
Теорії без практики
Застарілих механік роботи
Переказу чужих лекцій і книг
Питань без відповідей
Це буде захоплююче та ефективно!
30 live-занять — лише необхідна теорія й багато практики
Навчання за програмою, створеною фахівцями топових IT-компаній
Навчання у викладачів-практиків, які поділяться з вами реальним досвідом та актуальними знаннями
Доступ до матеріалів і записів занять протягом року в особистому кабінеті на зручній платформі
Два заняття з англійської, на яких ви визначите свій рівень володіння мовою, засвоїте корисну лексику для ІТ, а також отримаєте рекомендації щодо подальшого навчання
Заняття з пошуку першої роботи в ІТ, на якому обговоримо зарплатні очікування, самопрезентацію, етапи комунікації з працедавцем і підготовку до співбесіди
Мінікурс з soft skills, пошуку замовлень на фріланс-біржі Upwork, а також підготовки до пошуку роботи
Перевірка знань — вправи й тести
Навички командної роботи та проєкти, на яких здійснювалася робота впродовж навчання, для включення в портфоліо
Можливість долучитися до ITEA community
(понад 16 000 випускників)
Повну підтримку клієнтського сервісу
Можливість сплачувати частинами
Індивідуальну онлайн-підтримку від викладача або ментора, спілкування з іншими студентами в чаті групи
Можливість заморозити навчання за потреби й доєднатися до наступного потоку
Сертифікат після завершення навчання відповідно до своїх досягнень
- Призначення технологій
- Стек розробки для сайту
- Принцип роботи клієнт-сервер
- Консоль розробника
- Текстовий редактор і IDE
- Що таке HTML & CSS & JS і їх взаємодія
- Базові принципи верстки
- Знайомство з поняттям тегу і атрибуту
- Обов’язкова структура будь-якої веб-сторінки
- Поняття малих і блокових елементів веб сторінки
- Поняття парних і непарних тегів
- Семантичні теги
- Спецсимволи
- Робота з тегами і атрибутами
- Робота з посиланнями і якорями
- Робота з текстом і коментарями
- Робота з різними системами кольорів в HTML
- Робота з зображеннями
- Нумеровані і марковані списки
- Робота з блоками (div)
- Таблиці
- Форми
- Елементи форм (інпут)
- Айфрейми
- Підключення різних модулів до документу HTML
- Форматування елементів HTML
- Що таке CSS?
- Базові принципи написання стилів
- 3 способи додавання CSS в HTML сторінку
- Зовнішні таблиці стилів
- Відносні і статичні одиниці вимірювання
- Робота зі шрифтами (сімейства, стилі, розміри, насиченість)
- Робота з межами елементів (бордер радіус, тіні)
- Робота з відступами і розмірами елементів
- Градієнти
- Робота з властивостями float і clear
- Flex box
- Робота з фоном (зображення і колір, розміри, прозорість)
- Селектори
- Селектори поглибленого рівня
- Пріоритети стилів
- Перезапис стилів
- Псевдокласи, псевдоелементи
- Робота з анімацією елементів
- Валідація
- Медіазапити
- Встановлення корисних розширень для верстки
- Відладник коду
- Робота з Git і хостинг на Git
- Адаптивна верстка
- Гумова верстка
- Pixel perfect верстка
- Статична верстка
- Кросбраузерна верстка
- Змішана верстка
- Поняття растрової та векторної графіки
- Переваги й особливості Figma
- Огляд панелей та інструментів
- Сітки
- Шари і компоненти
- Експорт параметрів і графіки
- Редагування елементів
- Побудова мережі
- Робота з горизонтальним і вертикальним вирівнюванням
- Об’єднання елементів
- Методи роботи з комірками
- Підключення
- Правила і директиви
- Керуючі директиви і вирази
- Використання міксинів
- Застосування на практиці
- Загальна інформація про мову та її особливості
- Довідники, специфікації і посилання на них
- Консоль розробника
- Зовнішні скрипти і порядок їх підключення
- Змінні та правила їх іменування
- Типи даних та приведення типів
- Оператори порівняння і логічні значення
- Умовні оператори
- Логічні оператори
- Конструкція switch
- Цикли ‘for’, ‘while’, ‘do … while’
- Рекурсія і поняття стека
- Поняття і синтаксис функції
- Функціональні вирази
- Області видимості
- Псевдомасив ‘arguments’
- Функції зворотного виклику (callback)
- Перебираючі методи
- Внутрішнє представлення масивів
- Передача за посиланням
- Перебір властивостей
- Стандартні вбудовані об’єкти
- Робота з Git Bash
- Workflow від створення сховища до його відправки на віддалений сервер
- Робота з гілками
- Робота з конфігураційними файлами
- Прототип об’єкта
- Властивість prototype
- Вбудовані класи
- Функція-конструктор
- Успадкування класів
- Внутрішня структура методу ‘extend’ і поліфіл ‘Object.create’
- Функціональне успадкування
- Загальна інформація про ОВП
- Інкапсуляція
- Поліморфізм
- Успадкування
- Абстракція даних
- Поняття ‘клас’
- Робота з ‘this’ (4 способи використання)
- ES6 стандарт (стрілочні функції)
- ES6 let / const + var + hoisting
- Використання ‘call’, ‘apply’
- Дескриптори, гетери та сетери властивостей
- Шаблон проектування ‘Singletone’ через замикання
- Збиральник сміття
- Загальна інформація про ‘window’, ‘navigator’, ‘document’, ‘location’, ‘history’
- Навігація по DOM елементам
- Властивості вузлів
- Додавання та видалення вузлів
- Робота зі стилями
- Робота з координатами
- Вступ у браузерні події
- Порядок обробки подій (Event Loop)
- Асинхронні події
- Робота з SetTimeout / SetInterval
- Спливання і перехоплення
- Делегування подій
- Події з використанням миші, клавіатури та прокручування
- Завантаження документа
- Формування DOM покроково
- Формування Render Tree
- Порядок формування CSSOM
- Оптимізація, мініфікація, робота з HTTP Cache
- Вступ у протокол HTTP
- Переваги та недоліки протоколу
- Робота з AJAX
- Загальна інформація про RESTful API
- JSON
- CORS
- Promise + async await
- Cookies
- LocalStorage, sessionStorage
- IndexedDB (import / require)
- Manifest
- ServiceWorker
- Progressive Web Application
Зробіть перші кроки в навчанні під керівництвом практикуючих спеціалістів!
Завдання нашої команди — стати твоїм провідником у світ IT, підготувати тебе до IT-кар'єри максимально ефективно і, як наслідок, змінити твоє життя на краще. Ми випустили вже понад 16 000 IT-фахівців.
Детальніше про працевлаштування з ITEA ти можеш почитати тут.
У межах навчання на курсі Front End ми надаємо нашим студентам:
для кращого розуміння матеріалу
Особистий кабінет з доступом до матеріалів курсу
Допомога викладача чи ментора курсу
Актуальну програму навчання
Front end курси
Front end - це популярний напрямок у сфері IT, який передбачає розробку сайтів, веб-додатків та багатьох інших продуктів. Курси з Front end підходять для тих, хто хоче займатися веб розробкою і таким чином долучитися до індустрії ІТ. Чудово, якщо ви вже маєте базові знання та навички в цій галузі, але навіть без них ви можете опанувати професію веб-розробника "з нуля".
Чого можна навчитися на курсі HTML/CSS і Front end
Пройшовши навчання, ви зможете верстати різні сайти й створювати ефективні алгоритми роботи веб продуктів. Front end курси допоможуть вам набути таких навичок:
- створення різних веб-сайтів на основі макетів, розроблених дизайнером;
- адаптація сайту під різні екрани та браузери;
- створення версій веб-сайтів для мобільних пристроїв;
- вбудовування в сайти інтерактивних форм, а також необхідних інструментів для збору та аналізу статистики;
- створення красивих анімованих веб-ресурсів.
І це далеко не всі переваги, які ви отримаєте після навчання HTML/CSS і освоєння курсів Front end у Києві. Цей продукт пропонує найбільш насичену програму, що дає змогу повноцінно увійти в професію за відносно короткий час. Уже в процесі навчання ви створите свій власний сайт або навіть кілька. Їх можна розмістити у своєму портфоліо або використовувати в робочих цілях.
Куди можна влаштуватися працювати після закінчення Front end курсів
Щоб створити сучасний веб-сайт, потрібно задіяти щонайменше трьох фахівців: дизайнера, Front end розробника (верстальника) і back-end розробника (програміста). Як правило, від верстальника залежить зведення роботи дизайнера і back-end розробника воєдино.
Професія Front end верстальника дає змогу працювати як в офісі, так і віддалено. Ви зможете створювати конкурентні вебсайти на замовлення за макетом дизайнера або без нього, працюючи на себе або влаштувавшись в IT-агентство. Крім того, верстальники бувають популярні в друкарнях і компаніях, які займаються перекладами. В останньому випадку ви також можете працювати віддалено.
Компанія ITEA пропонує пройти курси фронтенд із працевлаштуванням. Після успішного завершення навчання ми рекомендуємо нових фахівців нашим партнерам, які за наявності відповідних вакансій запрошують їх на співбесіду. Ми забезпечуємо підготовку до співбесіди, проводячи необхідні тренінги та консультації. Якщо ви старанно займалися і глибоко занурилися в тематику верстки, то обов'язково пройдете співбесіду.
Кому підійдуть Front end курси developer
Курси фронтенд від компанії ITEA дозволять вам удосконалити базові навички або навчитися професії веб-розробника з нуля. Навіть новачки без будь-яких знань в айті-сфері можуть освоїти запропоновану програму і досягти високих результатів. Перші кілька уроків присвячені освоєнню базових понять HTML і CSS, після чого ви поступово заглибитеся в тематику верстки та опануєте багато тонкощів.
Навіть пенсіонер або домогосподарка, які не мають жодного стосунку до IT, успішно освоюють цей курс і знаходять себе в новій професії. Сьогодні для створення сайтів не обов'язково вміти програмувати, оскільки для основного обсягу роботи вже існують спеціальні зручні програми.
Щоб успішно пройти навчання Frontend розробки, дотримуйтесь наших рекомендацій:
- відвідуйте всі заняття без пропусків;
- будьте уважні на лекціях і практиках, обов'язково ставте запитання викладачеві, якщо щось вам незрозуміло;
- повністю виконуйте завдання, навіть якщо знадобиться додатковий час;
- знайомтеся з різними джерелами й обговорюйте почерпнуте з них із викладачем;
- повторюйте вдома матеріал, пройдений на занятті.
І ще одна важлива рекомендація: подумайте, що ви хочете отримати від курсів, які проєкти збираєтеся реалізовувати, де хочете працювати і як розвиватися.
Компанія ITEA спеціально розробила курси front end, щоб допомогти якомога більшій кількості українців отримати популярну і високооплачувану роботу. Після завершення навчання та складання фінального іспиту ми видаємо сертифікат, який підтверджує отримані знання та навички в професії веб-розробника.