Онлайн-курс
Front-end Pro

Advanced level
5

alarm-clock занять

spiral-calendar занять на тиждень

rocket старт

За тиждень записалося

Залишилося

Цей курс проводиться у форматі дистанційного навчання.

Стань веб-розробником!

Курс призначений для глибокого вивчення мови програмування JavaScript і бібліотеки React, яка використовується для створення складних Front-end додатків.
Популярна мова JavaScript використовується при створенні веб-додатків для додання інтерактивності веб-сторінок. Написання коду в React дуже схоже на роботу в HTML, що дає можливість легко почати писати код, упустивши синтаксис. Одна з головних особливостей React — свобода дій.

На курсі ви познайомитеся з принципами ООП, DOM, REST API і отримаєте практичні навички створення додатків з використанням «реакт-стека», що дозволить претендувати на посаду Junior Front-end Developer.

Цілі курсу

  • Навчитися взаємодіяти з серверами за допомогою JavaScript
  • Освоїти ООП
  • Навчитися працювати з REST API
  • Вивчити всі особливості бібліотеки React
  • Вивчити всі нюанси: від того, як працює DOM, до того, як зібрати додаток Webpack-ом
1 583 ₴

на місяць при оплаті частинами на 12 частин

оплата частинами без комісії та відсотків від monobank, ПриватБанк, Ощадбанк та ПУМБ

Повна вартість курсу 19 000 ₴

-10% при оплаті відразу 17 100 ₴

Промокод

Додаткові знижки

Списання з поточного балансу

Невикористаний залишок замороженого курсу

Списання з основного рахунку

Списання з реферального рахунку

Списання з бонусного рахунку

Ціна курсу для вас 17 100

До покупки курсу

Рекомендуємо пройти тест для перевірки знань

smiling-face-with-sunglasses

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

Вивчаємо такі технології

  • ES6

    ES6

  • Git

    Git

  • MongoDB

    MongoDB

  • DOM

    DOM

  • AJAX

    AJAX

  • jQuery

    jQuery

  • JavaScript

    JavaScript

  • React

    React

Що включає в себе курс Front-end Pro?

Video cover

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

Вас будуть навчати практикуючі фахівці, що працюють в топових компаніях.

  • Володимир Кривошапов

    Володимир Кривошапов

    Senior JavaScript Developer в Playtika

    Playtika
    Володимир Кривошапов
    Володимир Кривошапов Senior JavaScript Developer в Playtika

    У мене більше 10+ років досвіду в фул-стек розробці. Зараз спеціалізуюся на JS, MySQL, React, GraphQl, Node. Програмування — моє хобі, тому я поєдную приємне з корисним.

  • Катерина Шиповська

    Катерина Шиповська

    Senior JavaScript Engineer, Software Architect в Boosta

    Boosta
    Катерина Шиповська
    Катерина Шиповська Senior JavaScript Engineer, Software Architect в Boosta

    У розробці з 2015 року.

    Освіта:

    1.
    НТУУ «КПІ», ФІОТ, Комп'ютерна інженерія
    2.
    Національний університет «Києво-Могилянська академія», Інженерія програмного забезпечення

    Займаюсь розробкою R&D-проектів.

  • Максим Бєлкін

    Максим Бєлкін

    DM & JS Team Lead в Capgemini Engineering

    Capgemini Engineering
    Максим Бєлкін
    Максим Бєлкін DM & JS Team Lead в Capgemini Engineering

    Працюю в IT з 2010 року, займаюся розробкою великих вебсервісів. Займаюся не тільки розробкою вебсервісів, а й керую іншими розробниками. Воджу авто, виховую 4 дітей, люблю цікаві книги та фільми.

  • Антон Головін

    Антон Головін

    Front-end Team Lead в ForForce

    ForForce
    Антон Головін
    Антон Головін Front-end Team Lead в ForForce

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

    Останні 5 років працюю в компанії FORFORCE на позиції Front-end Team Lead з React додатками і не тільки.

  • Роман Яремій

    Роман Яремій

    Full-Stack Developer в NIX

    NIX
    Роман Яремій
    Роман Яремій Full-Stack Developer в NIX

    У розробці з 2012 року одразу після закінчення Національного Університету Кораблебудування за спеціальністю Програмне забезпечення автоматизованих систем кафедри комп'ютерних наук.

    Працював як Front-end і Back-end розробник на таких проектах як Templatemonster.com, Pfizer.com, Eurail.com. Є сертифікація Acquia Drupal Front End Specialist та зацікавлена в Open Source.

    Зараз фокусуюсь на модерновому Javascript та його оточенні.

  • Владислав Продан

    Владислав Продан

    Middle Front-end Developer в Eleks

    Eleks
    Владислав Продан
    Владислав Продан Middle Front-end Developer в Eleks
    • 6+ years in software development
    • Strong knowledge of React, Redux, TypeScript, and GraphQL
    • Experience with unit-test tools (React Testing Library)
    • Team player with good communication skills
    • Intermediate level of English
  • Сергій Котерняк

    Сергій Котерняк

    Software Engineer

    Сергій Котерняк
    Сергій Котерняк Software Engineer

    Займається розробкою з 2015 року. Встиг попрацювати в кількох аутсорсинг-компаніях і фріланс у стартапі. Любить стару техніку, авто і мотоцикли.

  • Влад Балабаш

    Влад Балабаш

    Solution Architect, Senior JavaScript Developer

    Влад Балабаш
    Влад Балабаш Solution Architect, Senior JavaScript Developer

    Програмуванням почав захоплюватися в 2012 році, а свій шлях в індустрії почав в 2013.

    За 7 років встиг попрацювати в кількох невеликих компаніях / стартапи, а також в більш відомих, таких як Intersog, DataArt, ABSoft.

    Виступав на кількох локальних / одеських мітапах, веду канал з добірками цікавих github-репозиторіїв на різних ЯП (https://t.me/opensourcefuture).

  • Дмитро Крулькевич

    Дмитро Крулькевич

    Software Engineer в Continuumua

    Continuumua
    Дмитро Крулькевич
    Дмитро Крулькевич Software Engineer в Continuumua

    В IT з 2015 року.

    Розробляє в основному на React / React Native / Node js / T(J)S one ❤️

    Захоплюється мототехнікою та Muscle карами.

  • Олексій Дом'янич

    Олексій Дом'янич

    Senior Software Engineer в UKEESS Software House

    UKEESS Software House
    Олексій Дом'янич
    Олексій Дом'янич Senior Software Engineer в UKEESS Software House

    У розробці з 2019 року, за цей час встиг взяти участь у більш ніж 6 проєктах: у компаніях та місцевих організаціях (ІБК Львів).

    Починав свій шлях на проєкті ReatailMeNot на чистому JavaScript. На даний час працюю в компанії SoftServe.

    На поточний проєкт почав заходити як Front-end розробник (React). Так як на ньому з'явилася потреба в додаткових руках на Back-end стороні, то радий був розширити свої повноваження на бек.

    Таким чином, вже більше року працюю як Full-stack розробник (React+NodeJS).

  • Олексій Толстоног

    Олексій Толстоног

    Software Developer в SoftServe

    SoftServe
    Олексій Толстоног
    Олексій Толстоног Software Developer в SoftServe

    За час у розробці пройшов шлях від верстки до Fullstack Developer.

  • Марія Манойло

    Марія Манойло

    Teacher at Hillel IT School

    Марія Манойло
    Марія Манойло Teacher at Hillel IT School

    Я засновниця проєкту MarfaLab і Front-end розробниця. Загалом маю близько 11 років досвіду у розробці.

    Починала свій шлях в ІТ з позиції Trainee C# у невеликій продуктовій компанії. Пізніше працювала C# розробником в аутсорс компанії. Поступово зі зміною проєктів я все більше переходила на сторону веб-розробки і зрештою очолила команду Front-end розробників.

    Після 9 з половиною років у компанії я відчула потребу у змінах. Мала кілька веб-проєктів на фрілансі. Але бажання ділитися власними знаннями та досвідом переважило, і наразі я повністю присвятила себе викладанню, консультуванню та менторству у напрямках Soft Skills та Front-end.

    Також веду сторінку в інстаграм про Soft Skills.

  • Ігор Михайличенко

    Ігор Михайличенко

    Software Engineer в BonApp

    BonApp
    Ігор Михайличенко
    Ігор Михайличенко Software Engineer в BonApp

    У розробці з 2019 року. Основний стек технологій — React, Redux.

  • Василь Петров

    Василь Петров

    Senior Front-end Engineer в Pin-up.tech

    Pin-up.tech
    Василь Петров
    Василь Петров Senior Front-end Engineer в Pin-up.tech

    Розпочав у 2016 році, працював в декількох компаніях як фронтенд розробник, маю досвід роботи з Angular та React.

  • Любомир Рудько

    Любомир Рудько

    Senior Software Engineer в N-iX

    N-iX
    Любомир Рудько
    Любомир Рудько Senior Software Engineer в N-iX

    Працюю в IT з 2010 року, різні компанії (SoftServe, EPAM, Lohika), різні замовники і проєкти (HP, Adidas, Ebay, Twilio, etc), працював тех лідом і простим розробником, суто з JavaScript.

  • Віталій Пархоменко

    Віталій Пархоменко

    Front-end Developer в Capgemini Engineering

    Capgemini Engineering
    Віталій Пархоменко
    Віталій Пархоменко Front-end Developer в Capgemini Engineering

    Front-end розробник із більш ніж 6-річним комерційним досвідом.

    Моя основна сфера роботи — веб-розробка, а мови програмування, з якими я працюю, — JavaScript, HTML та CSS. Здебільшого я працюю з популярним стеком React, а саме React та Redux. Також у поєднанні з екосистемами React та Redux у мене є досвід роботи з бібліотеками Preact, Inferno, Redux Saga, React Thunk, React Final Form тощо.

    Крім того, я працював у сфері мобільної розробки на React Native.

  • Роман Таран

    Роман Таран

    Senior Front-end Engineer в EPAM

    EPAM
    Роман Таран
    Роман Таран Senior Front-end Engineer в EPAM

    Почав свій шлях як Front-end розробник у 2017. На початку у мене задачі були в основнуму по маркапу. Поступово отримував досвід і почав щось писати на JS, і потім вже пішли проєкти на React JS.

  • Володимир Шайтан

    Володимир Шайтан

    Senior Full Stack Developer в UKEESS Software House

    UKEESS Software House
    Володимир Шайтан
    Володимир Шайтан Senior Full Stack Developer в UKEESS Software House

    Я Software Engineer з понад 8-річним досвідом у розробці. Працюю Technical Lead і вже більш ніж 3 роки викладаю. Спеціалізуюся на JavaScript і фреймворках, таких як Vue, React, Nuxt і Next. Крім того, маю досвід у backend-розробці з використанням Node.js і PHP.

    Допомагаю новачкам ставати професійними розробниками. Регулярно пишу статті на тему розробки, технологій і ментального здоров'я розробників, записую подкасти. Веду власний YouTube-канал і Telegram-канал, де ділюся знаннями про програмування та сучасними трендами в IT. Моя мета — показати, що знання здобуті працею можуть відкрити нові горизонти в кар'єрі.

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

  • Соломія Браташ

    Соломія Браташ

    JavaScript Developer в EPAM

    EPAM
    Соломія Браташ
    Соломія Браташ JavaScript Developer в EPAM

    Full-stack (Node.JS/React.JS) Developer з досвідом роботи більше ніж 3,5 роки.

  • Валерій Тернавський

    Валерій Тернавський

    Software Developer в Sense Bank

    Sense Bank
    Валерій Тернавський
    Валерій Тернавський Software Developer в Sense Bank

    У веб-розробці 3 роки, в IT-сфері більше чотирьох років. Почав свій досвід розробки ще в студентські роки. У команді з колегами старших курсів розробляли і презентували «Перший ситуаційний центр розумного міста» на конференції «Розумні міські технології XXI століття».

    Cвій досвід викладання почав з індивідуальних занять по JavaScript зі студентами.

    Дуже любить спорт. Кандидат у майстри спорту з плавання.

  • Денис Решетняк

    Денис Решетняк

    Senior Front-end Developer в WorkBuzz

    WorkBuzz
    Денис Решетняк
    Денис Решетняк Senior Front-end Developer в WorkBuzz

    Почав працювати за часів підтримки Internet Explorer 8 та ECMAScript 5. За 9 років встиг попрацюівати як в корпорації, так і в стартапах.

    Я завжди любив ділітися знаннями та допомагати зрозуміти. Я був ментором в школі The Rolling Scopes, в EPAM, робив презентаціі та виступав на мітапах.

  • Володимир Шкарупін

    Володимир Шкарупін

    Senior Developer в Archer

    Archer
    Володимир Шкарупін
    Володимир Шкарупін Senior Developer в Archer

    У розробці давно, починаючи з 2010 року переважним напрямком є Front-end.

  • Денис Лебеденко

    Денис Лебеденко

    Front-end Developer в Reply

    Reply
    Денис Лебеденко
    Денис Лебеденко Front-end Developer в Reply

    У розробці з 2019-го року, за цей час значно підвищив свої навички: як зі сторони розробника, так і процесів побудови веб аплікейшнів.

    Вважаю, що не працюю, а займаюсь любимим ділом.

  • Андрій Черненко

    Андрій Черненко

    Front-end Developer в Wargaming

    Wargaming
    Андрій Черненко
    Андрій Черненко Front-end Developer в Wargaming

    Працюю розробником з 2012 року. Маю досвід олімпіадного програмування.

    З досягнень: розробив декілька високонавантажених та динамічних проєктів (мобільний застосунок, платформу веб-сайтів, цілодобовий моніторинг). Наразі працюю в сфері геймдеву.

  • Андрій Посітко

    Андрій Посітко

    Front-end Engineer в CHI Software

    CHI Software
    Андрій Посітко
    Андрій Посітко Front-end Engineer в CHI Software

    Кар'єру вер розробника розпочав у 2017 році. За цей час працював більше ніж на 10 проєктах, з замовниками з різних країн: Англії, США, Австралії, Ізраїлю, країн Європи.

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

  • Олексій Павленко

    Олексій Павленко

    Senior Full-Stack JavaScript Developer в Sitecraft

    Sitecraft
    Олексій Павленко
    Олексій Павленко Senior Full-Stack JavaScript Developer в Sitecraft

    Розробка з кінця 2010 року.

    Упродовж цього терміну пробував кілька мов розробки. Зупинився на JavaScript для Front-end та Back-end. Працював як у великих іменитих компаніях, наприклад, TOA (Oracle) і GlobalLogic, так і маленьких, комфортних і маловідомих.

    Більшість часу співпраця велася з компаніями, які розташовані в Європі.

  • Владислав Проценко

    Владислав Проценко

    Chief Technology Officer в Profair Games

    Profair Games
    Владислав Проценко
    Владислав Проценко Chief Technology Officer в Profair Games

    У розробці від початку 2019 року. В основному працював і досі працюю з HTML5 games (браузерні ігри, побудовані за допомогою Canvas/WebGl).

    Є досвід із типовими веб-сайтами, але більше люблю писати ігри. Останній рік працюю над побудовою буквально всіх процесів у компанії Profair Games: від основ та концептуалізації гри до її сертифікації та виходу на ринок.

    Люблю займатися технічним менеджментом та вибудовувати процеси в командах, покращуючи всі елементи системи (FE, BE, DB, Design, DevOps), які можливо. Маю різнобічний досвід як з Front-end, так і з Back-end розробкою, яким радо поділюся з усіма бажаючими!

  • Дмитро Прокудін

    Дмитро Прокудін

    Javascript Software Engineer в Capgemini Engineering

    Capgemini Engineering
    Дмитро Прокудін
    Дмитро Прокудін Javascript Software Engineer в Capgemini Engineering

    У професійній розробці з 2016 року, за цей час встиг прийняти участь у розробці різноманітних веб-застосунків, використовуючи Javascript та фреймворки на JS.

    Полюбляю розробку і Front-end, і Back-end та знаходжу цікавими обидва напрямки розробки, але все ж таки більше спеціалізуюсь на Front-end.

  • Валерій Хомченко

    Валерій Хомченко

    Front-end Developer в SOLAR Digital

    SOLAR Digital
    Валерій Хомченко
    Валерій Хомченко Front-end Developer в SOLAR Digital

    Я веб-розробник з акцентом на Front-end, живу у прекрасній Одесі.

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

  • Арсеній Деркач

    Арсеній Деркач

    Senior React.js Software Engineer

    Арсеній Деркач
    Арсеній Деркач Senior React.js Software Engineer

    10 років досвіду у Front-end розробці та 5 років досвіду викладання Front-end.

    Працював з великими американськими та європейськими клієнтами, як Homedepot, Otto, Zalando.

  • Олександр Фурманов

    Олександр Фурманов

    Frontend developer

    Олександр Фурманов
    Олександр Фурманов Frontend developer

    Кар'єрний шлях був важким і тернистим, починалося все з С++, але в якийсь момент навчання та написання некомерційних проектів зрозумів, що це не моє і увірвався у фронтенд. З того часу працюю як фронтенд-розробник, 5+ років досвіду, обожнюю верстку, та все, що з нею пов'язано, пишу додатки з використанням React, JavaScript/TypeScript, Next.js, Zustand, etc. Мої хоббі — це автомобілі, мотоцикли, психологія, науково-популярні відосики на утубі та коекціонувати купу ігор в Steam.

  • Сергій Савчук

    Сергій Савчук

    Fullstack developer в Capgemini Engineering

    Capgemini Engineering
    Сергій Савчук
    Сергій Савчук Fullstack developer в Capgemini Engineering

    Hi, my name is Serhii Savchuk, I’m Full-Stack Developer 💻
    Specializing in modern web development with: JavaScript, React, Node.js, and NestJS.

    I am passionate about building scalable, high-performance web applications that provide exceptional user experiences. On the frontend, I leverage React to craft dynamic, interactive interfaces, coupled with CSS and Sass for responsive and maintainable designs. My backend expertise in Node.js and NestJS allows me to build efficient server-side applications, ensuring smooth integration with the frontend. I also utilize tools like Figma for seamless design implementation and Git for collaborative version control.

    Skills:
    • JavaScript: Expertise in both frontend and backend development with modern JavaScript.
    • React: Skilled in building dynamic, reusable components and managing state efficiently.
    • CSS/Sass: Proficient in creating responsive, scalable styles for modern web applications.
    • Node.js: Expertise in building RESTful APIs and server-side logic for robust backend solutions.
    • NestJS: Skilled in structured, scalable backend architecture using TypeScript and Node.js.
    • Figma: Capable of designing and prototyping intuitive user interfaces.
    • Git: Experienced in version control, branching, and collaborative development workflows.

Програма онлайн-курсу
Front-end Pro

alarm-clock 30 занять
Друк
  • Знайомство з JS

    • Знайомство та план курсу

    • Введення в технологію веб-розробки

    • Підключення скриптів, перший запуск програми

    • Взаємодія з користувачем через примітивні функції

    • Git, Github

  • Змінні та оператори

    • Коментарі

    • Оголошення змінних

    • Сплив змінних

    • Порівняння var, let, const

    • Типи даних

    • Оператори

  • Умовні конструкції

    • Умовна конструкція if/else if/else

    • Умовна конструкція switch

    • Тернарний оператор

    • Практика

  • Цикли

    • Введення в цикли

    • Види циклів

    • Цикл while

    • Цикл do…while

    • Цикл for

    • Інструкції break та continue

    • Вкладені цикли

    • Нескінчені цикли

    • Практика

  • Масиви

    • Основи роботи з масивами

    • Варіанти створення масивів

    • Методи для роботи з масивами

    • Перебір масів за допомогою циклів for, for…in, for…of

    • Видалення елементів з масиву

    • Створення простих об’єктів

    • Практика

  • Основи функцій

    • Основи роботи з функціями

    • Варіанти створення функцій

    • Параметри функцій, значення за замовчуванням

    • Область видимості функції

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

    • Повернення значення з функції

    • Замикання

    • Лексична область видимості

    • Рекурсія

  • Контекст виконання функції

    • Глобальний об’єкт window

    • Функціональний контекст

    • Функції в об’єктах — методи

    • Методи підміни контексту

    • Стрілочні функції та іх відмінності від звичайних

  • Функції

    • Функція-коллбек

    • Функція вищого порядку

    • Перебор масивів за допомогою методів forEach, find, map, filter, reduce

  • DOM

    • Що таке DOM?

    • Отримання існуючих DOM-елементів

    • Динамічне створення та видалення нових DOM-елементів

    • Керування атрібутами та вмістом DOM-елементів

    • Можливі події

    • Додавання обробників подій DOM-елементів

  • Events

    • Фази обробки подій

    • Делегування подій

    • Об’єкт event та його методи

    • BOM-об’єкти

  • Робота з формами

    • Основні елементи-керування

    • Базові навички динамічної роботи з елементами керування

    • Валідація отриманих даних від користувача

  • WebStorages

    • Cookies

    • LocalStorage

    • SessionStorage

    • Практика

  • Практика та Livecoding

  • Регулярні вирази

    • Створення регулярного вираза

    • Робота з регулярними виразами за допомогою методів

    • Модифікатори регулярних виразів

    • Структура шаблонів. Метасимволи. Дужки. Квантифікатори

  • Бібліотеки та фреймворки

    • Огляд популярних бібліотек та фреймворків

    • Встановлення бібліотек за допомогою NPM

    • Приклади роботи з розповсюдженими бібліотеками

  • Асінхронне виконання коду

    • EventLoop

    • Функції відкладенного виконання коду

  • ESNext

    • EcmaScript

    • Babel

    • Spread & Rest оператори

    • Деструктурізація масивів та об’єктів

    • Оператор Nullish coalescing

    • Оператор Optional chaining

    • Інші найновіші оператори

  • HTTP

    • Огляд клієнт-серверної архітектури

    • Що такое протокол HTTP та як він працює

    • Огляд технології Ajax

    • Методи роботи з сервером по технології Ajax

    • Приклади відкритих API

    • Технологія WebSockets

  • Promise

    • Вступ до Promise

    • Стан Promise

    • Обробка Promise за допомогою методів then, catch, finally

    • Одночасна обробка кількох Promise

    • Livecoding

  • ООП

    • Основні поняття ООП

    • Фунції-конструктори

    • Прототипне успадкування

    • Створення об’єкту з певним прототипом

    • Створення сутностей за допомогою class

    • Успадкування сутностей створених через class

    • Приватні властивості

    • Статичні властивості за методи class

    • Практика

  • Робота з асінхронними функціями

    • Створення власних асінхронних функцій

    • Обробка асінхронних функцій з інструкцією await

    • Обробка помилок

  • Системи збирання коду

    • Огляд сучасних систем збирання коду

    • Основи роботи з Gulp

    • Компіляція та зборка sass-файлів

    • Транспіляція та зборка js-файлів

    • Плагін ESLint

  • Webpack

    • Огляд можливостей Webpack

    • Встановлення та конфігурація Webpack

    • Налаштування базових лоадерів та плагінів до Webpack

    • Запуск локального серверу за допомогою Webpack

  • Node.js

    • Огляд технології Node.js

    • Створення сервера на Node.js

    • Приклад створення сервера за допомогою бібліотеки express на Node.js

    • Приклад роботи власного фронтенд та бекенд додатків

    • Огляд програми Postman

  • React

    • Огляд поняття SPA

    • Введення в React

    • Основні концепції React

    • Створення первого React-додатку

    • Основи роботи з JSX

    • Варіанти створення компонентів

    • Передача props до компонентів

    • Обробка подій у React-компонентах

  • Компоненти React

    • Етапи життєвого циклу компонентів

    • Порівняння класових та функціональних компонентів

    • Робота з класовим компонентом

    • Методи життєвого циклу класового компоненту

    • Робота зі state

  • Функціональні компоненти в React

    • Основи роботи з функціональним компонентом

    • Особливості роботи з хуками: useState, useEffect, useRef, useCallback, useMemo, useContext

    • Створення власних хуків

  • Робота з формами в React

    • Робота з основними елементами керування форми

  • Маршрутизація в React

    • Основи роботи з бібліотекою react-router-dom

  • Бібліотеки для роботи з React-компонентами

    • Огляд бібліотек-компонентів AntD/Material UI

    • Робота з стилями у React за допомогою CSS-модулів та бібліотеки styled-components

    • Огляд бібліотеки для створення таблиць даних Ag Grid

  • Redux

    • Що таке state management?

    • Вступ до Redux та основні поняття

    • Основні етапи data flow у Redux

    • Інтеграція Redux з React-додатком

    • Робота з хуками useDispatch та useSelector

    • Middlewares на прикладі redux-thunk

    • Livecoding

  • Redux-Toolkit

    • Оптимізація роботи з Redux за допомогою Redux-Toolkit

    • Основні поняття Redux-Toolkit

    • Створення та використання RTK Query

  • TypeScript

    • Вступ до TypeScript — переваги та недоліки

    • Статична типізація у TypeScript

    • Типи та інтерфейси

    • Аліаси, можливі значення, необов’язкові параметри

    • Generics

    • Робота з TypeScript в React-додатку

  • Тестування React-додатків

    • Основні поняття тестування програмного забезпечення

    • Модульне тестування за допомогою бібліотеки Jest

    • Тестування React-додатків за допомогою бібліотеки React-Testing-Library

  • Екзамен

Бонуси курсу

  • Всі Студенти цього курсу можуть відвідувати заняття з англійської мови
  • Всі студенти курсу пройдуть тренінг по проходженню співбесіди та складанню резюме з нашим HR-фахівцем
  • Тестова співбесіда з технічним фахівцем

Додайте навички в резюме

  • JavaScript (Примітиви, Об'єкти, Масиви, Функції)

  • Навички маніпуляції із DOM деревом

  • Основні патерни програмування

  • ООП у JavaScript

  • Робота з REST API

  • MVC/MVP/MVVM архітектури

  • Бібліотека ReactJS для SPA

  • Принципи роботи роутингу на прикладі бібліотеки react-router

  • Зберігання стану програми на прикладі redux та redux-thunk

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

  • woman-technologist

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

  • briefcase

    Домашні завдання у будь-який зручний час відправляються через особистий кабінет на перевірку викладачеві.

  • thumbs-up

    Викладач дає зворотній зв'язок з розбором помилок у домашньому завданні.

  • light-bulb

    Ви опрацьовуєте помилки і закріплюєте пройдений матеріал.

Роботи наших Студентів

Переваги онлайн-навчання в Комп'ютерній школі Hillel

  • man-raising-hand
    Групи до 20 осіб Викладач приділяє час кожному студенту.
  • nerd-face
    Викладачі практики У нас викладають тільки практикуючі фахівці з топових IT-компаній.
  • briefcase
    Система особистих кабінетів Ефективне і зручне навчання.
  • speech-balloon
    Оперативна служба підтримки студентів Термінові питання — своєчасне рішення.
  • videocassette
    Доступ до відеозаписів занять Записи уроків залишаються у студентів після закінчення навчання.
  • hammer
    Практичні заняття Велика частина занять орієнтована на практику.
  • rocket
    Працевлаштування

    Що ми робимо для того, щоб ви досягли успіху?

  • clipboard

    Проводимо майстер-класи з підготовки резюме та пошуку роботи

  • books

    Регулярно оновлюємо програми курсів під вимоги ринку

  • smiling-face-with-sunglasses

    Запрошуємо викладати тільки кращих практикуючих фахівців

  • globe-with-meridians

    Розвиваємо нашу мережу партнерів серед топових IT-компаній

  • direct-hit

    Наші викладачі часто самі забирають до себе наших кращих Студентів ;)

Наші викладачі та випускники працюють в топових IT-компаніях світу

PMI Ukraine
Samsung
Infopulse
EVO
EPAM
Ciklum
DataArt
Prom.ua
Capgemini Engineering
HYS
MacPaw
Ubisoft
Provectus
Admixglobal
Snap Inc.
OWOX
Chapps
3DLOOK
482.solutions
4Limes
Цитрус
AgileEngine
Andersen
Banda-Tech
Codeska
DIGIS
DMark
EIS Group
IWA Solution
Luxoft
Metro Global Ukraine
Netcracker Technology
Netpeak
Nexteum
Onixsoft
OS-System
Інфотех
Petrosoft
QA Madness
QATestLab
Readdle
Rozetka
SendPulse
Sigma Software
Snapchat
Synebo
Valtech
Volo.Global
ZenBit Tech
eSputnik.com
Uitop
Codica
Happy Monday

Хочу висловити щиру подяку викладачеві Олексію за його неймовірну професійність і терплячість. Він завжди пояснював теми курсу так, щоб кожен з нас дійсно зрозумів матеріал, відповідав на всі питання та приділяв увагу кожній деталі.

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

Олексій — чудовий викладач, який по-справжньому зацікавлений в успіху своїх студентів. Він не дасть вам розслабитись, але саме в цьому його сила: він ставить високу планку і допомагає її подолати. Кожен урок — це чіткі пояснення, реальні приклади та прагнення витиснути з вас максимум. Після курсу в Олексія ви станете не просто розробником, а впевненим, мислячим професіоналом, готовим до будь-яких викликів!

Я закінчив курс, і враження залишилися тільки позитивні! Програма навчання була добре структурованою і охоплювала всі необхідні теми для початківця в IT. Особливо хочу відзначити викладача Дениса. Він не тільки володіє глибокими знаннями, але й чудово пояснює матеріал, роблячи складні речі зрозумілими для всіх. Кожне заняття проходило цікаво, з реальними прикладами та практичними завданнями. Його підтримка та допомога поза уроками дуже цінувались, оскільки завжди можна було отримати додаткові поради та відповіді на запитання. Рекомендую цю школу всім, хто хоче отримати якісну IT-освіту!

Це вже мій другий курс у цій школі і я знову не пожалів! Все було супер ! Дякую Жені, що прокачав мене! Я прям відчуваю, що значно виріс як спеціаліст і готовий йти далі по обраному шляху в ІТ. Не можу підібрати слів, щоб в повній мірі висловити свою вдячність викладачу і школі. Величезне ДЯКУУУЮЮ за все !

Нещодавно я закінчила курс Front-end Pro, викладачем якого був Володимир Шайтан. Він справжній професіонал своєї справи.

Володимир завжди прагнув максимально доступно пояснити кожну нову тему на заняттях. Його ентузіазм і віра в нас, студентів, створювала надзвичайно підтримуючу та мотивуючу атмосферу.

Володимир надавав розгорнутий зворотний зв'язок щодо домашніх завдань, що дозволило мені глибше зрозуміти матеріал. Після "сотого" пояснення просто не залишалося шансів не зрозуміти тему)) Особливо цінним було те, що кожне заняття включало численні практичні завдання, завдяки яким я здобула впевненість у написанні коду на найвищому рівні.

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

Хотіла потрапити на цей курс саме до Володимира Шайтана і дуууууууже задоволена, що мені це вдалося!

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

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

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

Школі Hillel окреме дякую за все! Навчання з вами — просто казка!

Навчання у Володимира Шайтана стало одним із найкращих рішень у моєму навчанні. Щиро вдячна викладачу за професіоналізм і можливість перейняти досвід та знання.

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

Володимир завжди знаходив час відповісти на всі питання та надавав підтримку кожному студенту, пояснюючи теми до повного розуміння, незалежно від рівня підготовки. Багато складних тем ставали зрозумілими раз і назавжди.

Завдяки глибоким знанням Володимира, зацікавленості в наших успіхах у співпраці зі школою «Hillel», яка створила комфортне середовище для навчання, її всебічній підтримці та гнучкості рішень — зробили для мене навчання систематичним й ефективним.

Щиро дякую!

Закінчив курс Front-end Pro, залишився абсолютно задоволеним. Володимир якісно й доступно викладав увесь потрібний матеріал, дуже багато було додаткових завдань і додаткової інформації, курс дещо розтягнувся, але це і на краще, тому що такий об'єм інформації треба засвоювати поступово і на це потрібен час. Викладач робив акцент саме на засвоєнні інформації, складні теми повторювали декілька разів, навіть позакривали пробіли у знаннях з верстки. Та і взагалі, все пройшло чудово, тож якщо у вас є бажання вчитися, то вам сюди!

I wanted to take a moment to express my sincere gratitude 🤗 to Volodymyr Shaitan 😎 and for your fantastic Front-End Pro 💪 (JavaScript/React/TS) course. I learned so much, and I appreciate 🙏 the way you made the learning process engaging and informative 🔊 . Your clear explanations, passion with programming 👨‍🏫 topics, patience with student question ⁉ were particularly helpful, and I especially enjoyed all 100 🙃 home 🏠 work that you prepare for us:) Thanks to your guidance, I feel much more confident in my JavaScript skills and excited to continue learning and building 💻 things. I truly appreciate your dedication to your students' success 🥇 and support! Separate Thank you Hillel IT School for organising the learning process and to make it comfortable for everyone, for been flexible and always meet students 👩‍🎓 needs.
Однозначно рекомендую перед початком FrontEndPro самостійно пройти основи JS на безкоштовних платформах, щоб мати уявлення про сутності. Рекомендую йти на курс до Марії Манойло тим, хто хоче побачити магію математичної логіки, вміння читати найзапутаніший код і отримати допомогу в розборі. Впевнений підхід і знання своєї справи у Маші на найвищому рівні. Решта справа лише за вами і практикою. Зробив повністю фінальний проект в строк, зрозумів те, що не розумів до цього, і задоволений.
Ernest Haliievskyi

Ernest Haliievskyi

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

Відповідаємо на поширені запитання

  • Який потрібно мати комп'ютер, щоб навчатися на курсі Front-end Pro?

    Вимоги до комп'ютера для навчання на курсі Front-end Pro.

    Операційна система:

    • Windows 11 64-біт
    • macOS 10.13 або вище
    • Linux: Ubuntu 16.04 - 20.04

    Процесор* :

    • Мінімум intel core i5 4-го покоління
    • Рекомендується i5 7-го

    Оперативна пам'ять:

    • Мінімум 8 Гб
    • Рекомендується 16 Гб

    Пам'ять:

    • Мінімально 500 Гб HDD і більш
    • Рекомендується 200 Гб SSD і більш

    * Допустимі аналоги від AMD

  • Ваші викладачі беруть участь у будь-яких проектах / чи працюють вони по їх IT-спеціалізації / чи мають досвід викладання?

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

  • Де можна подивитися відгуки про вашу Школу?

    Ви можете прочитати відгуки наших Студентів та Випускників на нашому сайті за цим посиланням. Ще ви зможете знайти відгуки і інформацію про нас на DOU.ua або можете прописати назву нашої Школи у Google, де ви також зможете побачити відгуки про нашу Школу у Google-акаунті або на Google-картах.

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

    Так! Адже це обов'язкова і дуже важлива частина процесу Вашого навчання. Оскільки кожен студент повинен закріпити весь отриманий на занятті матеріал вдома, за допомогою виконання домашнього завдання. Кожне задане ДЗ буде перевірятися разом з усією групою і викладачем на наступному занятті. Без дотримання даного пункту ніхто не зможе домогтися очікуваного результату.

  • Теорія або практика? Чому приділяється більше часу на заняттях?

    Метою більшості курсів нашої Школи є можливість подальшого працевлаштування наших Студентів та Випускників. Тому ми робимо упор на опрацювання та вивчення практичних кейсів, найбільш актуальних на даний момент у роботі тієї чи іншої спеціальності IT-сфери. Безумовно, ми відводимо час на наших заняттях і на вивчення важливої теоретичної бази, яка також необхідна будь-якому фахівцеві. Але зазвичай у процентному співвідношенні теорії приділяється близько 30% часу заняття і 70% — практиці.

  • Як отримати максимальний бал за домашнє завдання на курсе Front-end Pro?

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

    • Виконати завдання в зазначені терміни
    • Виконати всі умови завдання
    • Виконати завдання без помилок
    • Перездача домашнього завдання не більше одного разу
  • Як я можу сплатити за навчання?

    Оплата провадиться через виставлення інвойсу на E-mail через сервіси LiqPay та Fondy.

  • Як працює оплата частинами?

    Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку, Монобанку ОщадБанку або ПУМБ. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.

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

    Докладніше про оплату частинами у нашому матеріалі.

Запит на консультацію

Залиште ваші контактні дані, і ми вам обов'язково зателефонуємо!

Обов'язково вкажіть ваше ім'я кирилицею

Обов'язково вкажіть email, за яким ми зможемо з вами зв'язатися

Обов'язково вкажіть телефон в міжнародному форматі

Школа працює з 10:00 до 21:00 по буднях і з 10:00 до 19:00 у вихідні дні (за київським часом, GMT + 2).

Відправлено

Професія Front-end розробника