Укр

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

в месяц при оплате частями на 12 частей

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

Полная стоимость курса 15 600 ₴

-10% при оплате сразу 14 040 ₴

Промокод

Примененные скидки

Списание с текущего баланса

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

Цена курса для вас 14 040

К покупке курса

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

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

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 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 разработчика

Дополнительные курсы