Укр Рус

Курс 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-ом
smiling-face-with-sunglasses

Advanced
level

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

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

  • ES6

    ES6

  • Git

    Git

  • MongoDB

    MongoDB

  • DOM

    DOM

  • AJAX

    AJAX

  • jQuery

    jQuery

  • JavaScript

    JavaScript

  • React

    React

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

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

alarm-clock 30 занять
Друк
  • Знайомство з JS
    • Знайомство та план курсу
    • Взаємодія з користувачем через примітивні функції
    • Введення в технологію веб-розробки
    • Підключення скриптів, перший запуск програми
    • Коментарі
    • Git. Github
  • Змінні
    • Оголошення змінних

    • Сплив змінних (hoisting)

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

    • Типи даних

    • Шаблонні рядки

  • Оператори
    • Перетворення типів

    • Математичні оператори

    • Оператори порівняння

    • Логічні оператори

    • Скорочені арифметичні оператори

    • Унарні оператори

    • Пріоритет операторів

  • Типи даних
    • Примітивні типи

    • Посилальний тип

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

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

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

  • Цикли
    • Введення в цикли
    • Види циклів
    • Цикл while
    • Цикл do while
    • Цикл for
    • Цикл for...in
    • Цикл for...of
    • break, continue
    • Вкладені цикли
    • Нескінченні цикли
  • Масиви
    • Основи роботи з масивами

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

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

    • Перебір масивів

    • Методи перебору масиву

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

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

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

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

    • Передача параметрів функції

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

    • Псевдо-масив arguments

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

    • Стрілочні функції

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

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

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

    • Рекурсія

  • Замикання
    • Що таке замикання?

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

  • Контекст виконання функції
    • Глобальний об'єкт window (глобальний контекст)

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

    • Функції в об'єктах (методи)

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

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

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

    • class constructors

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

    • Відмінність Prototype від __proto__

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

    • Присвоєння об'єкту прототипу вже створеному об'єкту

    • Геттери та Сеттери в об'єктах та класах

    • Робота з class

    • Спадкування в classes

  • Робота з об'єктами
    • Створення об'єктів

    • Object.freeze, Object.seal

    • Копіювання об'єктів та масивів

    • Додавання та видалення властивостей/методів в об'єкті

    • Object.defineProperty

    • Геттери та Сеттери в об'єктах

    • Object.hasOwnProperty

  • Coding Best Practices
    • use strict

    • JSON

    • Налагодження коду (debugging)

    • Coding best practices

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

    • Базові практики рефакторингу

    • Бібліотеки та фреймворки — оглядове заняття

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

    • Unit-тестування

  • Безпека
    • Огляд уразливостей XSS, CORS.

  • Модулі
    • CommonJS, ESModules
  • Асинхронне виконання коду
    • EventLoop
  • Робота із структурами даних
    • Map

    • Set

    • WeakMap, WeakSet

  • DOM
    • Що таке DOM?

    • Отримання елементів за допомогою DOM-методів

    • Створення/видалення елементів з DOM

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

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

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

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

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

    • Об'єкт Event

  • BOM
    • window

    • location

    • screen

    • history

    • navigation

    • Планування виконання коду

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

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

    • Сheckboxes

    • Select

  • WebStorages
    • Cookies

    • Робота з Cookies в JS

    • LocalStorage

    • SessionStorage

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

    • Варіанти створення регулярних виразів

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

    • Методи для роботи з регулярними виразами

    • Шаблони регулярних виразів

  • Робота з глобальними об'єктами
    • Math

    • String

    • Number

    • Date

  • NPM + Node.js
    • Початок роботи з NPM

    • npm scripts

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

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

    • Postman

    • Приклад створення сервера з express

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

  • ESNext
    • EcmaScript

    • Babel

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

    • Деструкція

    • Symbol

    • Iterators

    • Generators

  • Promises
    • Вступ до Promises

    • Стан promise

    • then

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

    • Обробка кількох Promise

    • async…await

  • Gulp
    • Огляд систем збирання

    • Gulp

    • Оптимізація коду

    • eslint

    • watch

    • livereload

    • sass

    • gulp-connect

    • series, parallel

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

    • HTTP

    • WebSockets

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

  • Ajax
    • Знайомство з Ajax

    • XMLHttpRequest

    • fetch

  • React
    • Введення в React

    • Create-react-app

    • Види компонентів

    • Вступ до JSX, conditional rendering

    • Virtual DOM

    • State в класовому компоненті

    • State batching

    • Робота з props у компонентах

    • Життєвий цикл класового компонента

    • Обробка подій у React, синтетичні події

    • Хуки у функціональних компонентах

    • Маршрутизація (роутинг) в React

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

    • Обробка помилок, Error Boundary

    • Вступ до Redux

    • Redux-thunk

    • Бібліотеки компонентів на прикладі Antd

    • Тестування програми React

Бонуси курсу

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

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

  • clipboard

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

  • books

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

  • smiling-face-with-sunglasses

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

  • globe-with-meridians

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

  • direct-hit

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

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

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

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

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

Юра Шуткин

Окончил курс Frontend Pro. Очень благодарен своему преподавателю - Владимиру Шайтану. У него невероятный дар объяснять сложные вещи чуть-ли не на пальцах, прибегая к простым и понятным аналогиям, разбавляя все это юмором. Получил массу удовольствия от курса, тот самый случай когда учеба в радость)
Курс 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 7-го

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

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

    Пам'ять:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Відправлено

Придбати подарунковий сертифікат

Придбати подарунковий сертифікат

Gift certificate background image Gift certificate background image