занять
занять на тиждень
старт
За тиждень записалося
Залишилося
Цей курс проводиться у форматі дистанційного навчання.
На курсах Full Stack ти зможеш швидко засвоїти навички розробки мовою JavaScript з обох боків — клієнтського та серверного (Front-end і Back-end).
Докладні уроки та практичні проєкти дадуть змогу дізнатися, що таке Node.js, Express і React, як їх застосовувати, як створювати повноцінні вебзастосунки з нуля і розробляти RESTful API.
Ти навчишся розбиратися в базах баз даних MongoDB і отримаєш усі необхідні навички для розв'язання складних завдань програмування і розробки вебпроєктів.
Навчитися розробляти повноцінні веб-додатки на JavaScript з нуля
Розібратися в основах серверної і клієнтської розробок на Node.js, Express і React
Ознайомитися з основними інструментами і бібліотеками, які використовують Full-Stack розробники
Навчитися створювати та використовувати RESTful API для побудови веб-додатків
Навчитися роботі з базами даних на прикладі MongoDB і вирішенню задач з їх допомогою
Важливо пройти тест для перевірки знань
React
Node.js
expressjs
JavaScript
MongoDB
HTML5
CSS
Git
Github
DOM
TypeScript
Вас будуть навчати практикуючі фахівці, що працюють в топових компаніях.
Сергій Никифоров
Front-end Developer в LiveKick
У веб-розробці з 2012 року як HTML / CSS Сoder, Front-end dev.
Займається викладанням з 2013 року.
Працював як HTML / CSS Dev. В напрямку навчання в StreamARline з 2014 року, працював в Raiffeisen Bank Aval, зараз працює в LiveKick Co.
Влад Балабаш
Solution Architect, Senior JavaScript Developer
Програмуванням почав захоплюватися в 2012 році, а свій шлях в індустрії почав в 2013.
За 7 років встиг попрацювати в кількох невеликих компаніях / стартапи, а також в більш відомих, таких як Intersog, DataArt, ABSoft.
Виступав на кількох локальних / одеських мітапах, веду канал з добірками цікавих github-репозиторіїв на різних ЯП (https://t.me/opensourcefuture).
Владислав Повелиця
Front-end Developer в EPAM
Працював у розробці сайтів більше трьох років на фрілансі, за цей час робив проекти для вітчизняних та закордонних замовників, у тому числі США, Німеччини та Чехії.
Зараз працюю у компанії, тож знаю специфіку обох варіантів і буду радий допомогти освоїтись у будь-якому :)
Денис Когут
Lead Software Engineer в EPAM
В далеком 2015 году я начал свой увлекательный путь в IT индустрии, который привел меня от роли Маркапера к Full-Stack Лиду. В течение этих 8 лет я имел честь работать над захватывающими проектами для клиентов со всего мира, включая Соединенные Штаты, Австралию, Германию, Данию, Канаду и Великобританию.
Мой опыт включает различные отрасли, включая телекоммуникации, медицину, транспортные системы и eCommerce. Мой труд был миксом вызовов и достижений, и у меня была возможность принять участие в международной IT-конференции в Румынии.
Михайло Педченко
Frontend Engineer в GlobalLogic
Олексій Толстоног
Software Developer в SoftServe
За час у розробці пройшов шлях від верстки до Fullstack Developer.
Андрій Фоменко
Architect в Astravel
Олексій Павленко
Senior Full-Stack JavaScript Developer в Sitecraft
Розробка з кінця 2010 року.
Упродовж цього терміну пробував кілька мов розробки. Зупинився на JavaScript для Front-end та Back-end. Працював як у великих іменитих компаніях, наприклад, TOA (Oracle) і GlobalLogic, так і маленьких, комфортних і маловідомих.
Більшість часу співпраця велася з компаніями, які розташовані в Європі.
Максим Бєлкін
DM & JS Team Lead в Capgemini Engineering
Працюю в IT з 2010 року, займаюся розробкою великих вебсервісів. Займаюся не тільки розробкою вебсервісів, а й керую іншими розробниками. Воджу авто, виховую 4 дітей, люблю цікаві книги та фільми.
Владислав Лещенко
React Developer
В IT з 2020 року, мій шлях розпочався з позиції Front-end розробника. Наразі вже понад чотири роки працюю на цій посаді. За цей час мені доводилося працювати як у великих командах, так і самостійно. В Hillel IT School викладаю два роки.
Вступ. Встановлення необхідного ПЗ
Знайомство та план курсу
Типи файлів
Браузер
Мови програмування
Редактори коду
HTML
Структура HTML-документу
Теги, атрибути тегів
Розмітка тексту за допомогою HTML
Посилання, списки, таблиці
Зображення. Формати зображень
Форми
Медіа (video, audio). Iframe
Теги-орієнтири (header, main, aside, nav, section, article)
Git. Github
CSS
Каскадність. Спадкування
Підключення CSS
Рідні стилі. Normalize.css Reset.css
Селектори
Стилізація тексту, шрифти
Блокова модель
Float. Float layout. Clearfix
Position
Псевдокласи. Псевдоелементи
Flexbox. Flexbox layou
CSS Grid. Grid layout
CSS препроцесори, фреймворки, методології
Просунута робота з графікою
SVG
SVG спрайти
Іконочні шрифти
Адаптивна графіка. Тег picture
Оптимізація графіки
Адаптивна верстка
Viewport. @media
Одиниці вимірювання vh, vw, vmin, vmax, rem
Знайомство з концепцією Responsive Web Design
Mobile-first/Desktop-first
Оптимізація сторінки
Семантика і доступність
Семантична розмітка
Доступність для користувача інтерфейсів
CSS анімації
Transform
Transition
Filter
Animation
Знайомство з 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
Практика
Регулярні вирази
Створення регулярного вираза
Робота з регулярними виразами за допомогою методів
Модифікатори регулярних виразів
Структура шаблонів. Метасимволи. Дужки. Квантифікатори
Бібліотеки та фреймворки
Огляд популярних бібліотек та фреймворків
Встановлення бібліотек за допомогою 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
Livecoding
ООП
Основні поняття ООП
Фунції-конструктори
Прототипне успадкування
Створення об’єкту з певним прототипом
Створення сутностей за допомогою class
Успадкування сутностей створених через class
Приватні властивості
Статичні властивості та методи class
Практика
Робота з асінхронними функціями
Створення власних асінхронних функцій
Обробка асінхронних функцій з інструкцією await
Обробка помилок
Системи збирання коду
Огляд сучасних систем збирання коду
Основи роботи з Gulp
Компіляція та зборка sass-файлів
Транспіляція та зборка js-файлів
Плагін ESLint
Webpack
Огляд можливостей Webpack
Встановлення та конфігурація Webpack
Налаштування базових лоадерів та плагінів до Webpack
Запуск локального серверу за допомогою Webpack
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
Livecoding
Redux-Toolkit
Оптимізація роботи з Redux за допомогою Redux-Toolkit
Основні поняття Redux-Toolkit
Створення та використання RTK Query
TypeScript
Вступ до TypeScript — переваги та недоліки
Статична типізація у TypeScript
Типи та інтерфейси
Аліаси, можливі значення, необов’язкові параметри
Generics
Робота з TypeScript в React-додатку
Тестування React-додатків
Основні поняття тестування програмного забезпечення
Модульне тестування за допомогою бібліотеки Jest
Тестування React-додатків за допомогою бібліотеки React-Testing-Library
NodeJS
Eventloop
Стандарти, які підтримуються (ECMAscript 5, ECMAscript 6)
Core
Streams
Event emitter
Знайомство з асинхронністю
Callback
Promise
Async (caolan)
Sync/await
Знайомство з проміжними обробниками
Connect
Створення веб-сервера
HTTP
Express
Використання шаблонизаторів
Pug
Nunjucks
Робота з MongoDB
Query
Aggregation
Підключення авторизації і аутентифікації
Тестування і написання документації
В кінці курсу виконується дипломний проєкт.
Кожен сертифікат має унікальний номер, за яким потенційний роботодавець може перевірити його валідність і побачити базові показники успішності.
Як проходить навчання
Переваги онлайн-навчання в Комп'ютерній школі Hillel
Оплата здійснюється через виставлення інвойсу на e-mail через сервіси LiqPay та plata by mono.
До шостого заняття ви можете повернути
100% внесених за навчання коштів.
Що ми робимо для того, щоб ви досягли успіху?
Проводимо майстер-класи з підготовки резюме та пошуку роботи
Регулярно оновлюємо програми курсів під вимоги ринку
Запрошуємо викладати тільки кращих практикуючих фахівців
Розвиваємо нашу мережу партнерів серед топових IT-компаній
Наші викладачі часто самі забирають до себе наших кращих Студентів ;)
Наші викладачі та випускники працюють в топових IT-компаніях світу
Вітаю! Я закінчила 9-місячний курс FullStack JS. Це був дуже складний шлях, який однозначно вартий усіх зусиль! Ніхто не казав що буде легко, але все можливо! Викладання матеріалу послідовне, розрогнуте та зрозуміле, викладач завжди на звʼязку, допоможе, підтримає коли це потрібно! На 1000% рекомендую школу Hillel! Я в пошуку роботи, але з отриманими знаннями я впевнена? що в мене попереду найкраща та високооплачувана робота!
Закінчивши курс Fullstack JS, враження залишилися тільки позитивні! Програма навчання була добре структурованою і охоплювала всі необхідні теми для початківця в IT. Особливо хочу відзначити викладача Андрія Фоменко. Він не тільки володіє глибокими знаннями, але й чудово пояснює матеріал, роблячи складні речі зрозумілими для всіх. Кожне заняття проходило цікаво, з реальними прикладами та практичними завданнями. Його підтримка й допомога поза уроками дуже цінувались, оскільки завжди можна було отримати додаткові поради та відповіді на запитання. Рекомендую цю школу всім, хто хоче отримати якісну IT-освіту!
Дуже вдячний Hillel, а також персонально Андрію за високі навички пояснювати складні речі простою мовою. А особливо вдячний за додаткові заняття, за 24/7 підтримку у запитаннях. Взагалі я тої думки, що найціннішим ресурсом вважаю особистий час, так от Андрій його витратив не мало на групу. Вважаю що стек технологій підібраний ідеально. Усе необхідне й цікаве для початку роботи. Ще навіть додаткове невелике поглиблення у тестування, що звісно є гарним плюсом. Дякую Вам. Дуже чекаю на курс від Андрія по Агуляру :)
Hillel IT School — чудове місце для тих, хто прагне опанувати сучасні навички в IT. Програма навчання добре структурована та зрозуміла, що робить складні теми доступними навіть для початківців. Окремо хочу відзначити викладача Андрія Фоменка. Він не лише глибоко знається на матеріалі, але й вміє пояснювати складні речі простою мовою. Його підхід до навчання мотивує на розвиток і досягнення нових вершин. Рекомендую цю школу й Андрія як наставника!
Навчалася в Андрія Фоменко, все чудово, гарні пояснення, завжди залишав хороший фідбек щодо домашок. Ми мали чат для спілкування, де можна було поставити будь-які запитання, з темі і не тільки. Загалом усе чудово
Як я можу сплатити за навчання?
Оплата провадиться через виставлення інвойсу на E-mail через сервіси LiqPay та Fondy.
Як працює оплата частинами?
Ми пропонуємо можливість розбити вартість курсу на щомісячні платежі до 12 частин за допомогою розстрочки у ПриватБанку, Монобанку ОщадБанку або ПУМБ. При цьому вам не потрібно сплачувати додаткові комісії або відсотки банкам, оскільки Школа оплачує цю комісію за вас.
Якщо ви бажаєте скористатись оплатою частинами, будь ласка, зверніться до нашого менеджера у будь-який зручний для вас спосіб.
Докладніше про оплату частинами у нашому матеріалі.
Чи видається сертифікат про закінчення курсів міжнародного рівня?
Наш сертифікат про проходження курсів Full Stack Developer внутрішнього зразка. В першу чергу ми вам надаємо знання, що відповідають вимогам існуючих вакансій на ринку праці. В IT-сфері при прийомі на роботу на посаді початкового рівня абсолютно не важливо, які у вас є дипломи і яку сертифікацію ви пройшли. В першу чергу роботодавець на співбесіді буде розглядати те, що ви вмієте і в чому є досвід, а не який диплом ви зможете принести з собою. Це стосується як України, так і компаній, що знаходяться за кордоном.
До того ж багато наших курсів вам можуть дати знання, які вам знадобляться для проходження сертифікації віддаленим чином через інтернет. Дану сертифікацію можна пройти тільки віддалено і самостійно.
Чи будуть задавати домашні завдання? Чи перевіряється виконане завдання?
Так! Адже це обов'язкова і дуже важлива частина процесу вашого навчання, так як кожен Студент повинен закріпити весь отриманий на занятті матеріал вдома, виконуючи домашні завдання. Кожне задане ДЗ буде перевірятися викладачем, і по ньому ви будете отримувати фідбек. Також деякі завдання розбираються на наступному занятті. Без виконання домашній завдань ніхто не зможе домогтися бажаного результату.
Який потрібно мати комп'ютер, щоб навчатися на курсі Full-Stack — JavaScript?
Вимоги до комп'ютера для навчання на курсі Full-Stack — JavaScript.
Операційна система:
Процесор* :
Оперативна пам'ять:
Пам'ять:
* Допустимі аналоги від AMD
5 етапів самостійного вивчення HTML і CSS
читати 2 хв
Сувора типізація: Typescript, Flow, Javascript — бути чи не бути?
читати 7 хвБібліотека React: що це таке, навіщо її використовувати та які перспективи вивчення
дивитись 134 хв
Основи тестування коду на JavaScript
читати 5 хв
Як верстати за макетом (HTML, CSS, FLEX): покроковий гайд
читати 10 хв
Як працюють нативні JavaScript imports
читати 6 хв
Вступний тест
Тести можна проходити в будь-якому порядку і навіть не за один раз. Ви можете завжди продовжити проходження з будь-якого моменту.
Ще не проходили
Ще не проходили
Вступний тест
Не переживайте, це тест не вимагає від вас якихось спеціальних знань у предметі, для його проходження буде достатньо знань базової комп'ютерної грамотності.
Тест складається з 15 питань по одному балу, для проходження тесту необхідно набрати 8 балів.
вступний тест
Вступний тест
