Курси Frontend Developer - Online навчання LiveOnline на ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Підписка

    Обери свою IT спеціальність

    Підписка

      Frontend

      • schedule

        Графік

        3 рази на тиждень

      • recording

        Доступ до матеріалів

        Усі уроки записуються

      • duration

        Тривалість

        5,5 місяців

      • suport

        Підтримка та консультації

        Ментор та помічник

      • group

        Група

        До 25 осіб

      • document

        Документи про навчання

        Сертифікати та Диплом

      • level

        Рівень складності

        З нуля

      • career

        Кар'єрний сервіс

        Допомога у працевлаштуванні

      Подати заявку
      Пробний урок

      СТАРТ КУРСУ

      10

      квітня

      morning-group
      Ранкова група
      09:00 - 11:00 (GMT+2)
      evening-group
      Вечірня група
      19:00 - 21:00 (GMT+2)
      frontend

      6 причин вивчати Frontend

      1
      FrontEnd – один з найлегших ІТ-напрямків. В його основі лежить тріада HTML, CSS & JavaScript, яка має низький поріг входу, а самі фронтенд-розробники можуть реалізувати себе в багатьох ІТ-сферах
      2
      Мови верстання HTML & CSS швидко вивчаються (відповідають за візуальне оформлення веб-сервісів), а JavaScript (клієнтська логіка) в ТОПах багатьох рейтингів популярності мов програмування
      3
      Фронтенд поєднує в собі програмування та творчість. Ви створюєте візуальне оформлення та клієнтську логіку, при цьому кожен рядок коду дає відчутний результат, який ви одразу бачите на екрані
      4
      Висока затребуваність ІТ-ринку в досвідчених FrontEnd спеціалістах. Сервіси з пошуку роботи мають багато вакансій, а фронтенд-технології постійно вдосконалюються та нарощують свій функціонал
      5
      Можливість зробити швидкий старт у фрилансі. Гарні знання HTML & CSS вже дають вам можливість заробляти на виконанні різноманітних фріланс-проєктів і наповнювати ними ваше портфоліо
      6
      Досвідчені FrontEnd розробники мають високу заробітну плату, гарні умови праці, широкі кар’єрні перспективи, а також можливість працювати із сучасними технологіями в командах крутих фахівців

      Що входить до курсу

      124 годин(-и) спілкування
      з тренером
      Перевірка домашніх
      завдань
      Інтерактивні завдання
      онлайн
      44 відеокурси
      4 курсові проєкти
      Тестування
      Сертифікація
      та диплом
      Допомога
      у працевлаштуванні

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

      1
      HTML5 & CSS3 Стартовий
      10 занять / 20 год.
      Програма курсу
      • 1
        Введення в HTML. Типи елементів та атрибути
      • 2
        Введення в CSS та визначення розмірів блоків
      • 3
        Робота з відступами, властивість margin та робота з текстом і видимістю елементів
      • 4
        Верстання з використанням Flexbox
      • 5
        Комбінування селекторів та робота з фоном, властивість background
      • 6
        Семантичне верстання
      • 7
        Форми
      • 8
        Позиціювання елементів
      • 9
        Практика
      • 10
        Практика
      2
      JavaScript Стартовий
      7 занять / 14 год.
      Програма курсу
      • 1
        Введення в JavaScript. Змінні та типи даних
      • 2
        Рядки та оператори
      • 3
        Логічні структури
      • 4
        Масиви та цикли
      • 5
        Функції
      • 6
        Об'єкти
      • 7
        Практика
      3
      Git - основи роботи
      3 занять / 6 год.
      Програма курсу
      • 1
        Основи Git
      • 2
        Публікація репозиторію
      • 3
        Інтеграція з IDE
      4
      JavaScript Базовий
      18 занять / 36 год.
      Програма курсу
      • 1
        Пошук елементів і DOM дерево
      • 2
        Зміна DOM дерева. CSS стилі
      • 3
        Події. Частина 1
      • 4
        Події. Частина 2
      • 5
        Події. Частина 3
      • 6
        Функції конструктори
      • 7
        Класи
      • 8
        Класи. Наслідування
      • 9
        Контекст функції
      • 10
        Замикання
      • 11
        Форми та елементи управління
      • 12
        Перевірка даних форми
      • 13
        Cookies та Web Storage
      • 14
        Обробка винятків
      • 15
        Асинхронний код. Promise
      • 16
        Мережеві запити
      • 17
        Практичне заняття
      • 18
        Практичне заняття
      5
      HTML5 & CSS3 Поглиблений
      9 занять / 18 год.
      Програма курсу
      • 1
        Принципи побудови Grid розмітки, Шаблони сайтів
      • 2
        Мікродані та користувацькі дані
      • 3
        WebWorker. Audio, Video
      • 4
        Робота з графікою на стороні клієнта
      • 5
        Canvas
      • 6
        Анімації та градієнти
      • 7
        Sass основи
      • 8
        Практика
      • 9
        Практика
      6
      Практичний курс “7 кроків для успішної кар’єри в IT”
      Відео курс + індивідуальні консультації HR менеджера
      Програма курсу
      • 1
        Знайомство з Кар’єрним сервісом у CyberBionic Systematics
      • 2
        Сайти пошуку роботи. Різниця, специфіка, рейтинг
      • 3
        Аналіз ринку праці для IT-фахівців
      • 4
        Реєстрація на сайтах для пошуку роботи та заповнення власних профілів
      • 5
        Створення резюме (CV)
      • 6
        Створення супровідного листа (Cover Letter)
      • 7
        Спілкування з рекрутерами
      • 8
        Підготовка до співбесіди з HR
      • 9
        Підготовка до технічної співбесіди
      • 10
        Як отримати офер і пройти випробувальний термін
      !
      Далі ви можете вибрати один із двох напрямків курсу
      7
      TypeScript
      5 занять / 10 год.
      шлях 1
      Програма курсу
      • 1
        Вступ. Змінні та функції
      • 2
        Класи та інтерфейси
      • 3
        Generics
      • 4
        Модулі та простори імен
      • 5
        Практика
      8
      Angular
      10 занять / 20 год.
      шлях 1
      Програма курсу
      • 1
        Введення в Angular
      • 2
        Події та датабайдинг
      • 3
        Директиви, пайпи. Роль модулів Angular
      • 4
        Компоненти та їх робота
      • 5
        Основи роботи сервісів та їх роль у застосунку
      • 6
        Введення в HttpClient та RxJS
      • 7
        Форми в Ангуляр
      • 8
        Маршрутизація
      • 9
        Практичне заняття
      • 10
        Практичне заняття
      9
      React Базовий
      15 занять / 30 год.
      шлях 2
      Програма курсу
      • 1
        Введення в React
      • 2
        JSX у React
      • 3
        Основи React
      • 4
        Стан та життєвий цикл
      • 5
        Форми
      • 6
        Стилізація в React
      • 7
        Створення списку нотаток
      • 8
        Введення в роутинг
      • 9
        Створення сторінки помилки
      • 10
        Створення Модального вікна
      • 11
        Hooks
      • 12
        Оптимізація та продуктивність React застосунків
      • 13
        Практика
      • 14
        Практика
      • 15
        Практика

      Курсові проекти

      CV

      Особисте резюме

      Проект містить інформацію про студента, його цілі, освіту, досвід роботи, контакти і т.д. Це односторінковий сайт із адаптивною версткою.

      CV

      Прогноз погоди

      Додаток показує поточну погоду по трьох містах: Київ, Лондон, Нью-Йорк з можливістю перемикати налаштування виведення температури в градусах за Цельсієм або за Фаренгейтом.

      CV

      Сайт піцерії

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

      CV

      Інтернет магазин

      Веб-програма реалізована як SPA і складається з розділів – каталог, кошик, панель адміністрування. Товар можна фільтрувати за кількома параметрами, додати до корзини. Функціонал адміністрування каталогу товарів та бази клієнтів.

      Вже є базові знання?

      Вже є базові знання?

      Якщо у вас вже є певна база знань і ви хочете продовжити навчання у групі з ментором – надішліть нам заявку і ми підберемо для вас групу.

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

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

      Відправити заявку
      knowledge

      Як проходить навчання  Live online

      1

      Нові знання

      На занятті тренер дає новий матеріал, відповідає на ваші запитання. Спільна практична робота.

      arrow arrow
      2

      Виконання завдань

      Після заняття потрібно виконати практичні завдання за темою уроку і надіслати їх на перевірку викладачеві.

      arrow arrow
      3

      Перевірка дз

      На наступному занятті отримуємо фідбек за виконаним завданням та відповіді на запитання з попередньої теми. Після цього переходимо до нової

      arrow arrow
      4

      Тестування знань

      Для самостійної перевірки знань потрібно пройти онлайн тестування за темою уроку

      arrow
      5

      Відео уроки

      Якщо виникли запитання чи просто хочеться повторити матеріал – дивимося запис уроку у відео форматі.

      arrow arrow
      6

      Курсовий проєкт

      Протягом усього навчання учні самостійно працюють над курсовим проєктом.

      arrow arrow
      7

      Захист проєкту

      Захист курсового проєкту, індивідуальні рекомендації тренера.

      arrow arrow
      8

      Сертифікація

      Фінальне тестування та здобуття Диплому за спеціальністю.

      Додаткові відео курси від ITVDN

      icon

      44 відеокурси

      icon

      Доступ на 5,5 МІСЯЦІВ

      icon

      Навчальні матеріали

      icon

      44 тести та сертифікат

      Наші тренери 

      Ростислав Силівейстр

      Ростислав Силівейстр

      WEB Frontend Developer. Тренер-консультант

      Віталій Мазяр

      Віталій Мазяр

      Web Frontend Developer. Тренер-консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN

      Стародуб Ілля

      Стародуб Ілля

      Angular Developer - Creative Digital Agency Krokus

      Microsoft Certified Specialist

      Володимир Виноградов

      Володимир Виноградов

      Тренер-консультант
      Full Stack Developer,

      Microsoft Certified Specialist,

      автор відео курсів та вебінарів на ITVDN

      Владислав Бєлік

      Владислав Бєлік

      React FrontEnd Developer, тренер-консультант за напрямком FrontEnd

      Денис Ковтун

      Денис Ковтун

      Web Frontend Developer. Тренер-консультант. Сертифікований тренер Microsoft

      Тарас Заславський

      Тарас Заславський

      FrontEnd Developer. Тренер-консультант

       Диплом після закінчення навчання

      diploma diploma

      Допомога у працевлаштуванні

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

      • 1

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

      • 4

        Рекомендації щодо оформлення соціальних профілів (LinkedIn, Facebook)

      • 2

        Проведення екскурсій в IT компанії та зустрічі із фахівцями цих компаній.

      • 5

        Допомога у складанні резюме спеціаліста.

      • 3

        Телеграм канал: дайджести подій та спеціальні пропозиції партнерів.

      • 6

        Програма здобуття досвіду. Організація стажувань та пошук вакансій у компаніях-партнерах.

      Детальніше
      photo

      Вартість курсу

      UAH

      USD

      EUR

      164
      оплата за місяць
      5 X 164 $
      Ви не заощаджуєте
      ОПЛАТИТИ
      знижка 10%
      273
      246
      оплата 3 частинами
      3 X 246 $
      Ви економите 82 $
      ОПЛАТИТИ
      знижка 15%
      820
      697
      оплата 1 платежем
      1 X 697 $
      Ви економите 123 $
      ОПЛАТИТИ

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

      СТАРТ КУРСУ: 10 квітня

      Що входить до курсу:
      • 1

        62 заняття по 2 години (live online) у групі з тренером

      • 2

        Графік занять - 3 рази на тиждень

      • 3

        Час занять: з 9:00 до 11:00 або з 19:00 до 21:00

      • 4

        В одній групі від 6 до 25 осіб

      • 5

        Пакет навчальних матеріалів з усіх уроків

      • 6

        44 відеокурси за напрямком Frontend

      • 7

        Поурочна перевірка домашніх завдань

      • 8

        Доступ до інтерактивного практикуму навичок

      • 9

        Онлайн тестування та сертифікація

      • 10

        4 курсові проєкти

      • 11

        Фінальне тестування та Диплом спеціаліста

      Заповніть заявку

      Ми зв'яжемося з Вами для уточнення інформації.

      Питання, що часто задаються

      • У чому перевага онлайн курсів програмування у порівнянні з офлайн?

        Онлайн курси мають низку переваг перед офлайн форматом:

        1. Незалежність від локації. Онлайн дозволяє навчатися де завгодно.
        2. Збереження часу та грошей на дорогу. Ви економите час та гроші з поїздок на курси та назад. 
        3. Онлайн курси дешевші. Немає потреби в приміщенні та ноутбуках для студентів, тому вартість нижча.
        4. Комфортний темп навчання, постійний доступ до інформації. Навчання у вашому темпі будь-коли і будь-де 24/7. Також є доступ до записаних уроків, чого немає в офлайн форматі.

         

      • Яка вартість навчання?

        На ITVDN є 2 формати навчання: Live Online та відео курси. Ціна навчання залежить від обраного вами способу навчання.
        Якщо ви хочете навчатися самостійно у форматі відео курсів, вартість навчання складе в середньому 10-15 USD на місяць в залежності від обраного вами пакету підписки
        Live Online – це онлайн навчання з тренером у групах разом із іншими студентами. Навчання у даному форматі коштує в середньому 6-7 USD за одну годину.

         

      • Чи можлива оплата частинами чи у кредит?

        Ви можете розбити плату за навчання на зручну кількість платежів, підключивши послугу «Оплата частинами» від MonoBank. Інформація про істотні характеристики продукту та попередження розміщені на сайті продукту chast.monobank.ua

      • Скільки часу знадобиться, щоб опанувати програмування?

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

        • новачки – від 3 до 6 місяців;
        • ті, хто мають базові знання з іншої мови – від 1 до 3 місяців;
        • професійні програмісти – до 1 місяця.

        Найкращий варіант інвестиції часу – 8 годин щоденно (20% теорії + 80% практики). Більше практики – швидше опанування програмування.

         

      • Скільки часу знадобиться, щоб опанувати ІТ-спеціальність?

        Для опанування ІТ-спеціальності треба виділити не менше 500 годин, з яких близько 100 годин – на перегляд відео уроків або відвідування онлайн занять із ментором, а 400 – на виконання практичних завдань за пройденими темами.
        В залежності від того, скільки часу ви готові виділяти на навчання в день, ви зможете пройти програму за 3-8 місяців. Якщо у вас є певна база знань з ІТ, кількість необхідного часу буде меншою. 
        Також тривалість навчання залежить від обраної вами спеціальності, оскільки набір технологій, які ви маєте вивчити, буде різним. 

      • З якого курсу розпочинати навчання?

        Починати варто з тих, які містять в назві слово “Стартовий”. Такі курси мають вступний матеріал для знайомства з мовою або технологією.
        Якщо ж ви плануєте навчатися за конкретною спеціальністю у форматі відео курсів, перейдіть на сторінку спеціальності і прокрутіть до заголовку “Відео курси за спеціальністю …”. Нижче буде список відео курсів, котрі відсортовано в порядку необхідності вивчення.
        Ще нижче ви знайдете Roadmap зі спеціальності – путівник, на якому зображені відео курси у вигляді дерева, що також вас легко зорієнтує у послідовності проходження курсів.

         

      • Як керувати своїм часом та організувати ефективне онлайн-навчання з тренером?

        Якщо ви обираєте Live Online навчання з тренером, все дуже просто:

        • відвідуйте всі заняття, вчасно виконуйте д/з;
        • додатково дивіться відео уроки на ITVDN;
        • після кожного уроку проходьте коротке тестування;
        • практикуйтеся в Інтерактивному практикумі;
        • спілкуйтеся з одногрупниками в ході вирішення д/з, задавайте питання ментору на уроках та поза ними;
        • в кінці кожного курсу складайте екзамен на TestProvider (та отримуйте Сертифікати);
        • в кінці всього навчання проходьте екзамен зі спеціальності і отримайте Диплом.
      • Як керувати своїм часом та організувати ефективне онлайн-навчання у форматі відео курсів?

        Якщо ви обираєте формат навчання за відео курсами, наші поради:

        • організуйте регулярні заняття (бажано щоденні, десь на 4 години);
        • кожну тему закріплюйте практикою за допомогою наших д/з;
        • проходьте тести після кожного уроку та екзамени в кінці кожного курсу;
        • користуйтеся Інтерактивним практикумом;
        • працюйте над власними міні-проєктами;
        • активно використовуйте гугл (stackoverflow, quora) та ChatGPT.

        Ще вам допоможе розділ “План навчання” (у вашому особистому кабінеті) – ви зможете скласти ваш особистий план навчання і відстежувати ваш прогрес.

         

      • Чи є у вас допомога з працевлаштуванням після закінчення навчання?

        Ми маємо спеціальний розділ – “Вакансії”, котрий допомагає нашим студентам шукати першу роботу в ІТ. Детальніше про можливості та призначення розділу за посиланням.
        А для тих, хто навчається онлайн з ментором, у нас додатково передбачена індивідуальна допомога HR-фахівця щодо підготовки до працевлаштування з першого дня навчання і до отримання першого job-оферу. Вона включає в себе допомогу в оформленні соцмереж, підготовці резюме, проведення пробної співбесіди, надання порад щодо пошуку роботи та самопрезентації тощо. 

         

      • Чи можливе персональне навчання з тренером ITVDN?

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

      • З якого віку можна навчатися на платформі?

        На ITVDN відсутні курси для дітей, тому комфортний вік для початку навчання за нашими матеріалами – від 14 років.

      • Чи потрібні знання англійської мови для навчання?

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

      • Якого рівня можна досягти, пройшовши навчання зі спеціальності?

        На ITVDN можна пройти повне навчання з нуля до спеціаліста рівня Trainee/Junior. Якщо ви вже практикуючий розробник, наші відео курси допоможуть поглибити ваші знання до рівня Middle.

      • Коли закінчиться підписка, що далі? Доступу до уроків не буде?

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

      • Чи додаються знижки на придбання підписки?

        Ні, знижки не додаються.

      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.