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
Зробіть перші кроки в навчанні під керівництвом практикуючих спеціалістів!
Ольга Климась
Можу сказати, що працевлаштування після курсів є. Я пройшла весь курс з Frontend, мені допомогли скласти портфоліо та резюме, була зустріч із рекрутером. Кілька разів мені дзвонили з ІТЕА, говорили, що їхні партнери мають відповідну вакансію, і пропонували передати моє резюме. Я погоджувалась і отримувала від партнера тестове завдання. Втретє мене запросили на співбесіду. Нині працюю на позиції фронта й дуже задоволена. Зустріла двох хлопців, з якими проходили JS, вони теж влаштувалися працювати. Не знаю, щоправда, через ІТЕА чи ні.
Станіслав Бабич
Привіт усім, я проходив курси з Frontend development у Львові. ITEA — це унікальна академія, комфортна атмосфера, мила адміністрація, швидке й перспективне навчання та гарний старт вашої кар’єри, це все ви знайдете в ITEA. Кожну частинку курсу веде інший вчитель, у вас з’являються свої друзі та наставники у сфері айті-технологій. Дуже дякую Ірині Петраш (вона веде курс HTML/CSS), вона продовжила давати мені поради й помагати після курсів, найкращий ментор у сфері верстки сайтів. Адміністрація, вчителі ITEA, ви кращі з кращих, люблю вас)
Валерія Нечипорук
Мені дуже сподобався сервіс і особливо вчителі! Коли в мене виникали запитання, я могла розраховувати на їхню допомогу. Крім того, вони дуже добре викладають предмет, полегшують вивчення матеріалу. Однозначно рекомендую цю академію! Я вибрала курс Front End Development, але впевнена, що це буде не єдине, що я буду тут вивчати!
Володимир Яворський
Закінчив курс по HTML/CSS, всім задоволений, курс цікавий і зрозумілий для таких як я (фізичний терапевт) до цього часу користувався компютером тільки щоб статті читати) було 10 занять, 5 тижнів, за цей час навчають від створення файлу html до створення невеликої сторінки — лендінг пейдж. Піду ще на JS у листопаді, мене обов’язково попросять написати відгук, тому чекайте)
Маріана Свіржевська
Проходила курси JavaScript Base (05.2019 ), JavaScript Advanced (06.2019) і React JS (10.2019). Вибирала курс по програмі, яку в ньому будуть проходити (шукала, щоб окремо js базовий без хтмл, працюю верстальщиком і тратити час на це не хотілось). JS Advanced i React викладав Андрій Доценко. Кожне заняття це близько 2х годин лекція (або lifecode з поясненням та посиланнями на відповідну документацію) і година практичне заняття (однак бувало й навпаки — година лекція, дві — практика). Загалом об’єм інформації величезний і не завжди просто (суб’єктивно мені react-redux, react hooks). Домашні завдання об’ємні та потребують поворошити мізками і все ж розібратись з матеріалом. Але це реально дуже допомагає вникнути в суть(!) Звідси, для тих, хто шукає ’чарівну пілюлю’, де він просидить на курсах півтора місяці і стане відразу розробником — так не працює. Потрібно буде працювати і на занятті і в дома, вчитись самому докопатись до потрібного методу в документації, а не задавати 100 питань ментору (знову ж таки суб’єктивно, на роботі так само потрібно буде ритись в гуглі і вирішувати ту чи іншу задачку). Для себе — отримала масу нових знань і навиків на цих курсах, а головне дійсно розібралась, як це працює ’під капотом’. Окремо величезне спасибі Андрієві Доценко, всі приклади і задачки він готував реальні, які найчастіше бувають на проектах, часто залишався після заняття, щоб відповісти на запитання по домашкам. Всіх благ і пул реквестів без конфліктів.
Влад Калиниченко
Закончил JavaScript advanced. Много полезной практики, благодаря которой полученные знания быстро усваиваются. Очень приветливый персонал. Получил от курса все чего желал) Всем рекомендую!
Максим Пасічник
Я закінчив базовий курс HTML/CSS в ITEA. Зокрема, буду говорити за даний курс та за школу загалом. Я впевнено можу сказати, що ця школа створює всі необхідні умови для комфортного навчання. Протягом навчання адміністратори школи цікавляться як проходить курс, чи все подобається студенту. Якщо щось не підходить або не влаштовує — оперативно виправлять. ITEA надасть тобі ту необхідну та потрібну базу для розуміння своєї спеціальності та подальшого розвитку. З необхідним багажем знань отриманих в ITEA в купі з хорошою мотивацією — реально стати хорошим спеціалістом IT. :)
Діна Катеренюк
Всім привіт! Хочу поділитись своїм досвідом навчання в ITEA та розкажу трішки про працевлаштування (можливо комусь буде корисно, особливо, тим хто починає свій шлях в Frontend Development). В ITEA я вивчала JavaScript, пройшла курс JS basic та JS advanced (витратила 3 місяці). В цілому, в ITEA дуже хороша програма курсу, але щоб її освоїти потрібно багато навчатись (в середньому витрачала 2-3 години на день). Домашні завдання перевіряє ментор і дає свій фідбек, якщо виникають складності у виконанні дз — ментор теж може допомогти в онлайн режимі. Після успішного завершення курсів по JS в ITEA, я приступила до вивчення Angular (витратила 2 місяці), після чого написала проект і залила на gitlab. До речі, для студентів, які закінчили курси з відзнакою, ITEA допомагає в працевлаштуванні — відправляє ваше резюме в компанії, з якими співпрацюють! ITEA дає дуже хороший старт! І власне, після 5 місячного навчання я розпочала шукати роботу. Як і всі, в резюме я указала стек технологій, які вивчила та лінк на gitlab профіль. На пошуки роботи я витратила 1 місяць, за який провалила 3 інтерв’ю (дякуючи яким покращила свої знання) та було 2 успішних інтерв’ю, після яких отримала офер.
Ольга Серпак
Проходила Html и JS, все доступно и понятно. Хороший преподаватель, структурированная информация, впечатления остались очень положительные. В планах еще несколько курсов тут же, что уже говорит само за себя)Завдання нашої команди — стати твоїм провідником у світ 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, щоб допомогти якомога більшій кількості українців отримати популярну і високооплачувану роботу. Після завершення навчання та складання фінального іспиту ми видаємо сертифікат, який підтверджує отримані знання та навички в професії веб-розробника.