Онлайн-курс
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 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

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
  • ООП

    • Основные понятия ООП
    • Функции-конструкторы
    • Прототипное наследование
    • Создание объекта с определенным прототипом
    • Создание сущностей с помощью 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
  • Redux-Toolkit

    • Оптимизация работы с Redux с помощью Redux-Toolkit
    • Основные понятия Redux-Toolkit
    • Создание и использование RTK Query
  • TypeScript

    • Введение в TypeScript — преимущества и недостатки
    • Статическая типизация в TypeScript
    • Типы и интерфейсы
    • Алиасы, возможные значения, необязательные параметры
    • Generics
    • Работа с TypeScript в React-приложении
  • Тестування React-додатків

    • Основные понятия тестирования программного обеспечения
    • Модульное тестирование с помощью библиотеки Jest
    • Тестирование React-приложений с помощью библиотеки React-Testing-Library
  • Экзамен

Бонусы курса

  • Все студенты этого курса могут посещать занятия по английскому языку
  • Тренинг по прохождению собеседования и составлению резюме
  • Тестовое собеседование с техническим специалистом

Добавьте навыки в резюме

  • 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-компаниях мира

Samsung
Infopulse
EPAM
Ciklum
DataArt
Capgemini Engineering
HYS
MacPaw
Ubisoft
Provectus
Snap Inc.
OWOX
Chapps
3DLOOK
Admixglobal
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

Я закінчив курс, і враження залишилися тільки позитивні! Програма навчання була добре структурованою і охоплювала всі необхідні теми для початківця в 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

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

Павло Кочуєв

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

Часто задаваемые вопросы

  • Какой нужно иметь компьютер, чтобы обучаться на курсе Front-end Pro?

    Требования к компьютеру для обучения на курсе Front-end Pro.

    Операционная система:
     

    • Windows 11 64-бит
    • macOS 10.13 или выше
    • Linux: Ubuntu 16.04 - 20.04

    Процессор* :

    • Минимум intel core i5 4-го поколения
    • Рекомендуется i5 8-го
      *Допустимы аналоги от AMD

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

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

    Память:

    • Минимально 500 Гб HDD и более
    • Рекомендуется 200 Гб SSD и более
  • Ваши преподаватели участвуют в каких-либо проектах / работают ли они по их IT-специализации / имеют ли опыт преподавания?

    В нашей школе преподают только практикующие специалисты не ниже Senior-уровня из крупнейших IT-компаний города. Обучение они проводят, ориентируясь на последние тенденции IT-рынка для того, чтобы наши выпускники имели наиболее востребованные знания и опыт.

  • Где можно посмотреть отзывы о вашей Школе Online?

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

  • Будут ли задавать работу на дом? Проверяется ли выполненное задание преподавателем?

    Да! Ведь это обязательная и очень важная часть процесса Вашего обучения. Т.к. каждый студент должен закрепить весь полученный на занятии материл дома, посредством выполнения домашнего задания. Каждое заданное ДЗ будет проверяться вместе со всей группой и преподавателем на следующем занятии. Без соблюдения данного пункта никто не сможет добиться ожидаемого результата.

  • Теория или практика? Чему уделяется больше времени на занятиях курса Front-end Pro?

    Целью большинства курсов нашей школы является возможность дальнейшего трудоустройства наших Студентов и Выпускников. Поэтому мы делаем упор на проработку и изучение практических кейсов, наиболее актуальных на данный момент в работе той или иной специальности IT-сферы. Безусловно, мы отводим время на наших занятиях и на изучение важной теоретической базы, которая также необходима любому специалисту. Но обычно в процентном соотношении теории уделяется около 30% времени занятия и 70% — практике.

  • Как получить максимальный балл за домашнее задание на курсе Front-end Pro?

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

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

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

  • Как работает оплата частями?

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

    Если вы хотите воспользоваться оплатой частями, пожалуйста, обратитесь к нашему менеджеру любым удобным для вас способом.

    Подробнее об оплате по частям в нашем материале.

Заявка на консультацию

Оставьте ваши контактные данные, и мы вам обязательно перезвоним!

Обязательно укажите ваше имя кириллицей

Обязательно укажите email, по которому мы сможем с вами связаться

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

Школа работает с 10:00 до 21:00 по будням и с 10:00 до 19:00 по выходным дням (киевское время, GMT+2).

Отправлено

Профессия Front-end разработчика