занять
занять на тиждень
старт
За тиждень записалося
Залишилося
Стань веб-розробником!
Курс призначений для глибокого вивчення мови програмування 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
-
Змінні
Оголошення змінних
Сплив змінних (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
Бонуси курсу
Додайте навички в резюме
-
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.
Касаемо самой школы и организации учебного процесса - все просто на высшем уровне, да кофе и печеньки имеются))
Расскажу немного свою историю, изначально попал к одному преподавателю, с первого занятия, понял, что я ничего не понимаю, подумал, может со второго зайдет, далее то же самое, понял, что мне не подходит именно манера самого преподавателя, человек хороший, но "таланта" объяснять сложные вещи нет у человека. Обратился к администрации школы, объяснил ситуацию, они без проблем предложили мне перейти в другую группу, которая стартовала в скором времени, я согласился и был этому очень рад. Большая благодарность школе и организаторам за такую ориентированность на учащихся.
А теперь хочу выразить огромную благодарность именно своему преподавателю Владимиру Шайтану.
Человек и Преподаватель с большой буквы и это не подкупленный отзыв;)
О его подаче материала и прочего я много описывать не буду, скажу лишь то, что еще до окончания курсов я уже получил оффер в одной из Одесских компаний и устроился на работу, думаю, это в большей степени описывает уровень человека, который вас обучает.
Так что от меня рекомендация и респект именно Вове, старайтесь попасть в его группу!!!
Ребята, если вы читаете этот отзыв и у вас есть сомнения по поводу выбора школы и преподавателя, перечитайте еще раз мой отзыв и смотрите на результат.
У вас обязательно все получится, главное верить в мечту, приготовится получать много информации и отрабатывать ее на практике, и вы обязательно станете крутым специалистом с достойной оплатой труда!!!
Окончил курс 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.
- Як пройти співбесіду по 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
