занятий
занятий в неделю
старт
За неделю записалось
Осталось
Стань веб-разработчиком!
Курс предназначен для глубокого изучения языка программирования JavaScript и библиотеки React, которая используется для создания сложных Front-end приложений.
Популярный язык JavaScript используется при создании веб-приложений для придания интерактивности веб-страницам. Написание кода в React очень похоже на работу в HTML, что даёт возможность без труда начать писать код, упустив синтаксис. Одна из главных особенностей React — свобода действий.
На курсе вы познакомитесь с принципами ООП, DOM, REST API и получите практические навыки создания приложений с использованием «реакт-стека», что позволит претендовать на должность Junior Front-end Developer.
Цели курса
Научиться взаимодействовать с серверами с помощью JavaScript
Освоить ООП
Научиться работать с REST API
Изучить все особенности библиотеки React
Изучить все нюансы: от того, как работает DOM, до того, как собрать приложение Webpack-ом
Изучаемые технологии
-
![ES6]()
ES6
-
![Git]()
Git
-
![MongoDB]()
MongoDB
-
![DOM]()
DOM
-
![AJAX]()
AJAX
-
![jQuery]()
jQuery
-
![JavaScript]()
JavaScript
-
![React]()
React
Программа курса
Front-end Pro
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
Как проходит обучение
Преимущества обучения в Компьютерной школе Hillel
-
![man-raising-hand]()
Группы по 17 человек Преподаватель уделяет время каждому студенту -
![nerd-face]()
Преподаватели практики У нас преподают только практикующие специалисты из топовых IT-компаний. -
![briefcase]()
Система личных кабинетов Эффективное и удобное обучение. -
![speech-balloon]()
Оперативная служба поддержки студентов Срочный вопрос — своевременное решение. -
![videocassette]()
Доступ к видеозаписям занятий Записи уроков остаются у студентов после окончания курса. -
![hammer]()
Практические занятия Большая часть занятий ориентирована на практику.
Оплата онлайн
Оплата производится через выставление инвойса на e-mail через сервисы LiqPay, Fondy и Mono Pay.
Гарантия возврата оплаты
До второго занятия вы можете вернуть
100% внесенных за обучение средств.
-
Трудоустройство
![rocket]()
Что мы делаем для того, чтобы вы достигли успеха?
-
![clipboard]()
Проводим мастер-классы по подготовке резюме и поиску работы
-
![books]()
Регулярно обновляем программы курсов под требования рынка
-
![smiling-face-with-sunglasses]()
Приглашаем преподавать только лучших практикующих специалистов
-
![globe-with-meridians]()
Развиваем нашу сеть партнеров среди топовых IT-компаний
-
![direct-hit]()
Наши преподаватели часто сами забирают к себе наших лучших Студентов ;)
Наши преподаватели и выпускники работают в топовых IT-компаниях мира
Я безмежно задоволений курсом та хочу сказати величезне спасибі Сергію за його майстерність, вміння викладати і пояснювати складні речі простою мовою, адже тільки коли ти сам добре розумієшся на чомусь, то можеш дійсно легко навчити цьому інших. Сергій показував нам реальні кейси зі своєї практики, давав багато порад, розповідав про нюанси роботи і завжди давав розгорнутий зворотний зв'язок.
Отже, я з величезним задоволенням рекомендую цей курс і викладача!
Це вже мій другий курс у цій школі і я знову не пожалів! Все було супер ! Дякую Жені, що прокачав мене! Я прям відчуваю, що значно виріс як спеціаліст і готовий йти далі по обраному шляху в ІТ. Не можу підібрати слів, щоб в повній мірі висловити свою вдячність викладачу і школі. Величезне ДЯКУУУЮЮ за все !
Закінчив курс фронт-end pro, який тривав із грудня 2021 до липня 2022 року.
Загалом задоволений, але відчуття після курсів, ніби ці курси тільки база для того, щоб йти на наступні. Більшість тем необхідних для працевлаштування піднято, але недостатньо щоб справді шукати роботу. Найкращим варіантом буде почати шукати собі наступні більш просунуті курси, стажування / інтернатуру в компанії або продовжити навчання самостійно і фуллтайм.
Протягом усього курсу, на жаль, не вистачало завдань для самоперевірки, якихось міні-тестів між лекціями або якихось невеликих завдань на кшталт codewars. До речі, про нього зовсім не було згадано на курсі (або було згадано зовсім побіжно), дізнався тільки на тестовій співбесіді з іншим фахівцем (до речі, за цю співбесіду окреме спасибі, це дійсно дає оцінити свої знання). Щодо таких тестів знаю, що у деяких викладачів вони присутні, але вони це роблять швидше за своєю ініціативою.
Висновок: курсів вистачить щоб зрозуміти які технології зараз актуальні і що вам точно потрібно буде вивчити для подальшого навчання та працевлаштування, але недостатньо щоб шукати роботу. Будьте готові, що після цього потрібно буде дуже багато і багато вчитися.
Всем привет, оставляю персональный отзыв о прохождении курса Front-End Pro в школе Hillel.
Касаемо самой школы и организации учебного процесса - все просто на высшем уровне, да кофе и печеньки имеются))
Расскажу немного свою историю, изначально попал к одному преподавателю, с первого занятия, понял, что я ничего не понимаю, подумал, может со второго зайдет, далее то же самое, понял, что мне не подходит именно манера самого преподавателя, человек хороший, но "таланта" объяснять сложные вещи нет у человека. Обратился к администрации школы, объяснил ситуацию, они без проблем предложили мне перейти в другую группу, которая стартовала в скором времени, я согласился и был этому очень рад. Большая благодарность школе и организаторам за такую ориентированность на учащихся.
А теперь хочу выразить огромную благодарность именно своему преподавателю Владимиру Шайтану.
Человек и Преподаватель с большой буквы и это не подкупленный отзыв;)
О его подаче материала и прочего я много описывать не буду, скажу лишь то, что еще до окончания курсов я уже получил оффер в одной из Одесских компаний и устроился на работу, думаю, это в большей степени описывает уровень человека, который вас обучает.
Так что от меня рекомендация и респект именно Вове, старайтесь попасть в его группу!!!
Ребята, если вы читаете этот отзыв и у вас есть сомнения по поводу выбора школы и преподавателя, перечитайте еще раз мой отзыв и смотрите на результат.
У вас обязательно все получится, главное верить в мечту, приготовится получать много информации и отрабатывать ее на практике, и вы обязательно станете крутым специалистом с достойной оплатой труда!!!
Курс Front-End Pro был интенсивным, увлекательным, охватывающим множество информации, так необходимой будущему разработчику. Подачей информации, объяснением теоретических и практических знаний, изобилием дополнительных практических заданий остался очень доволен, за что ОТДЕЛЬНОЕ СПАСИБО моему преподавателю Шайтану Вове, запаса энергии которого хватит для запуска Falcon в космос (Илон Маск, делай заметку:))!!! Всем рекомендую школу Hillel за отзывчивую и дружескую атмосферу, созданную всем коллективом школы. Спасибо всем Вам, ребята из Hillel, за эту возможность! Для желающих начать свой путь в IT - школа Hillel c Шайтаном Вовой - отличный старт!
Виражаю слова подяки 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-рынка для того, чтобы наши выпускники имели наиболее востребованные знания и опыт.
-
Где можно посмотреть отзывы о вашей Школе в Киеве?
Вы можете прочесть отзывы наших Студентов и Выпускников на нашем сайте, перейдя по данной ссылке. Еще вы сможете найти отзывы и информацию о нас, зайдя на сайт DOU.ua или же прописав название нашей Школы в Google, где вы также сможете увидеть отзывы о нашей Школе в нашем Google-аккаунте или на Google-картах.
-
Будут ли задавать работу на дом? Проверяется ли выполненное задание преподавателем?
Да! Ведь это обязательная и очень важная часть процесса Вашего обучения. Т.к. каждый студент должен закрепить весь полученный на занятии материл дома, посредством выполнения домашнего задания. Каждое заданное ДЗ будет проверяться вместе со всей группой и преподавателем на следующем занятии. Без соблюдения данного пункта никто не сможет добиться ожидаемого результата.
-
Теория или практика? Чему уделяется больше времени на занятиях курса Front-end Pro?
Целью большинства курсов нашей школы является возможность дальнейшего трудоустройства наших Студентов и Выпускников. Поэтому мы делаем упор на проработку и изучение практических кейсов, наиболее актуальных на данный момент в работе той или иной специальности IT-сферы. Безусловно, мы отводим время на наших занятиях и на изучение важной теоретической базы, которая также необходима любому специалисту. Но обычно в процентном соотношении теории уделяется около 30% времени занятия и 70% — практике.
-
Как получить максимальный балл за домашнее задание на курсе Front-end Pro?
Выполнение домашних работ, одна из самых важных составляющих обучения. Для того, чтобы получить максимальный балл за домашнее задание, нужно:
- Выполнить задание в указанные сроки
- Выполнить все условия задания
- Выполнить задание без ошибок
- Пересдача домашнего задания не более одного раза
-
Как я могу оплатить обучение?
Оплата производится через выставление инвойса на E-mail через сервисы LiqPay и Fondy.
- Популярные курсы:
-
Курсы верстки онлайн
-
Онлайн курс веб-дизайна
- Как пройти собеседование по JS? И зачем?
- 83713
- 3391
Как пройти собеседование по JS? И зачем?
смотреть 71 мин-
![Coach photo]()
Юрий Федоренко Senior Front-end Developer в MacPaw
- Замыкания в JavaScript
- 48472
- 3125
Замыкания в JavaScript
смотреть 6 мин-
![Coach photo]()
Юрий Федоренко Senior Front-end Developer в MacPaw
- Как пройти собеседование по JS? И зачем? vol.2
- 29335
- 1811
Как пройти собеседование по JS? И зачем? vol.2
смотреть 69 мин-
![Coach photo]()
Юрий Федоренко Senior Front-end Developer в MacPaw
- JavaScript. Работа с API Telegram, Youtube, VK
- 17062
- 152
JavaScript. Работа с API Telegram, Youtube, VK
смотреть 61 мин-
![Coach photo]()
Петр Кучер JS Developer в Playtika
- Объекты и работа с ними в Javascript
- 15718
- 504
Объекты и работа с ними в Javascript
смотреть 122 мин-
![Coach photo]()
Савелий Сычев Software Engineer в Microsoft
- Про работу с DOM в Javascript
- 14200
- 429
Про работу с DOM в Javascript
смотреть 114 мин-
![Coach photo]()
Савелий Сычев Software Engineer в Microsoft
