Курс Front-end Pro у Києві

Advanced level
4.9

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 416 ₴

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

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

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

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

Промокод

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

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

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

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

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

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

Ціна курсу для вас 15 300

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

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

smiling-face-with-sunglasses

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

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

  • ES6

    ES6

  • Git

    Git

  • MongoDB

    MongoDB

  • DOM

    DOM

  • AJAX

    AJAX

  • jQuery

    jQuery

  • JavaScript

    JavaScript

  • React

    React

Програма онлайн-курсу
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-компаніях світу

Однозначно рекомендую перед початком FrontEndPro самостійно пройти основи JS на безкоштовних платформах, щоб мати уявлення про сутності. Рекомендую йти на курс до Марії Манойло тим, хто хоче побачити магію математичної логіки, вміння читати найзапутаніший код і отримати допомогу в розборі. Впевнений підхід і знання своєї справи у Маші на найвищому рівні. Решта справа лише за вами і практикою. Зробив повністю фінальний проект в строк, зрозумів те, що не розумів до цього, і задоволений.
Ernest Haliievskyi

Ernest Haliievskyi

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

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

Павло Кочуєв

Павло Кочуєв

Закінчив курс фронт-end pro, який тривав із грудня 2021 до липня 2022 року. Загалом задоволений, але відчуття після курсів, ніби ці курси тільки база для того, щоб йти на наступні. Більшість тем необхідних для працевлаштування піднято, але недостатньо щоб справді шукати роботу. Найкращим варіантом буде почати шукати собі наступні більш просунуті курси, стажування / інтернатуру в компанії або продовжити навчання самостійно і фуллтайм. Протягом усього курсу, на жаль, не вистачало завдань для самоперевірки, якихось міні-тестів між лекціями або якихось невеликих завдань на кшталт codewars. До речі, про нього зовсім не було згадано на курсі (або було згадано зовсім побіжно), дізнався тільки на тестовій співбесіді з іншим фахівцем (до речі, за цю співбесіду окреме спасибі, це дійсно дає оцінити свої знання). Щодо таких тестів знаю, що у деяких викладачів вони присутні, але вони це роблять швидше за своєю ініціативою. Висновок: курсів вистачить щоб зрозуміти які технології зараз актуальні і що вам точно потрібно буде вивчити для подальшого навчання та працевлаштування, але недостатньо щоб шукати роботу. Будьте готові, що після цього потрібно буде дуже багато і багато вчитися.
Отличный преподаватель умеет доступно объяснить всем, курс был интересный и познавательный! Однозначно рекомендую! Отдельное спасибо персоналу и школе!
Всем привет, оставляю персональный отзыв о прохождении курса Front-End Pro в школе Hillel. Касаемо самой школы и организации учебного процесса - все просто на высшем уровне, да кофе и печеньки имеются)) Расскажу немного свою историю, изначально попал к одному преподавателю, с первого занятия, понял, что я ничего не понимаю, подумал, может со второго зайдет, далее то же самое, понял, что мне не подходит именно манера самого преподавателя, человек хороший, но "таланта" объяснять сложные вещи нет у человека. Обратился к администрации школы, объяснил ситуацию, они без проблем предложили мне перейти в другую группу, которая стартовала в скором времени, я согласился и был этому очень рад. Большая благодарность школе и организаторам за такую ориентированность на учащихся. А теперь хочу выразить огромную благодарность именно своему преподавателю Владимиру Шайтану. Человек и Преподаватель с большой буквы и это не подкупленный отзыв;) О его подаче материала и прочего я много описывать не буду, скажу лишь то, что еще до окончания курсов я уже получил оффер в одной из Одесских компаний и устроился на работу, думаю, это в большей степени описывает уровень человека, который вас обучает. Так что от меня рекомендация и респект именно Вове, старайтесь попасть в его группу!!! Ребята, если вы читаете этот отзыв и у вас есть сомнения по поводу выбора школы и преподавателя, перечитайте еще раз мой отзыв и смотрите на результат. У вас обязательно все получится, главное верить в мечту, приготовится получать много информации и отрабатывать ее на практике, и вы обязательно станете крутым специалистом с достойной оплатой труда!!!
Окончил курс Frontend Pro. Очень благодарен своему преподавателю - Владимиру Шайтану. У него невероятный дар объяснять сложные вещи чуть-ли не на пальцах, прибегая к простым и понятным аналогиям, разбавляя все это юмором. Получил массу удовольствия от курса, тот самый случай когда учеба в радость)
Курс Front-End Pro был интенсивным, увлекательным, охватывающим множество информации, так необходимой будущему разработчику. Подачей информации, объяснением теоретических и практических знаний, изобилием дополнительных практических заданий остался очень доволен, за что ОТДЕЛЬНОЕ СПАСИБО моему преподавателю Шайтану Вове, запаса энергии которого хватит для запуска Falcon в космос (Илон Маск, делай заметку:))!!! Всем рекомендую школу Hillel за отзывчивую и дружескую атмосферу, созданную всем коллективом школы. Спасибо всем Вам, ребята из Hillel, за эту возможность! Для желающих начать свой путь в IT - школа Hillel c Шайтаном Вовой - отличный старт!
Kateryna Trushko

Kateryna Trushko

Виражаю слова подяки IT школі Hillel, а саме викладам курсу Front End Pro Сергію Журавлю та Дмитру Єсипенку. Курс для мене виявися обширним й важким, але за допомогою чіткої систематизації всього обсягу інформації в структуровану послідовність тем та тасків, а також нескінченному терпінню й розумінню менторів, я змогла здолати цю сходинку й отримати оффер на позицію trainee react developer. Ментори упродовж всього навчального процесу йшли поруч зі мною у тісній співпраці, завжди були в зоні досяжності й надавали професійну, змістову консультацію. Я дуже вдячна за ці 4 місяці плідної роботи. Я впевнилася, що Сергій - людина своєї справи, його глибокі знання матеріалу й великий досвід, а головне бажання передати й навчити, дає гарний результат навчального процесу й демонструють високий рівень IT школі Hillel. Окрема подяка адміністраторам школи за відмінну скоординованість дій в усіх незрозумілих ситуаціях.
Анастасия Сухоцкая

Анастасия Сухоцкая

Отличный, информативный курс! Хороший старт если не знаешь с чего начать. Если не забивать на домашки-можно усвоить достаточно информации. Большое спасибо преподавателю, доступно объясняет
Безумно рада была учиться у Владимира Шайта на базе и продвинутом курсе! Очень разжёвывает всю информацию, невозможно не усвоить такой подачи материал, так что рекомендую всем, кто как и я приходит с нуля. Помимо указанных в программе тем, всегда дополняет чем-то сопутствующим, что как мне кажется необходимо любому новичку (больше инфы). Сама школа действительно соответсвует званию лучшей школы в Одессе! Рекомендую)
Очень позитивные впечатления остались как от курса, так и от преподавателя. Материал был очень полезный, более того, преподаватель постоянно делал акценты на важных вещах, чего нельзя не отметить. Но самое главное, было заметно то, что преподаватель был крайне заинтересован самим курсом и тем, что бы мы поняли и знали как можно больше, за что ему отдельное спасибо!)

Часті питання

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

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

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

    • Windows 10 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% — практиці.

  • Як отримати максимальний бал за домашнє завдання?

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

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

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

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

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

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

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

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

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

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

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

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

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

Відправлено

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

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