Сплачуй у розстрочку
Навчись робити повноцінний сайт, починаючи від макета до завантаження на хостинг та стань високооплачуваним спеціалістом в IT
Професія Frontend розробник
23 Червня
Старт потоку
Онлайн
Формат
3,5 місяці
Навчання
Вартість
ОНЛАЙН КУРС
РІВЕНЬ: З НУЛЯ
12845 грн
18350 грн
-30%
ДО КІНЦЯ ТРАВНЯ
Чому обирають наші курси?
Реальне стажування
Всі наші студенти отримують шанс на стажування в компанії Powercode і багато хто з них залишається працювати фахівцями.
Менторська підтримка
Наша програма та ментори навчальних груп показують відмінні результати вже 4 роки і допомагають студентам освоїти не тільки hard skills, а й soft skills.
Справжній IT-шний досвід
Ми працюємо на IT ринку більше 8-ми років, самі виросли з IT компанії та беремо участь у розвитку ринку разом із Європейською Асоціацією Програмою Інженерії
625 $
Середня зарплата Frontend розробника з досвідом роботи меньш ніж рік (за даними на 2021 рік)
> 11 500
Вакансій Frontend розробників в Україні було розміщено тільки в 2021 році
Frontend - це найперспективніша спеціальність для старту кар'єри у розробці
ЦЕЙ КУРС ДЛЯ ТИХ, ХТО ХОЧЕ
Працювати в IT
Ви пройдете шлях від людини, далекої від IT, до впевненого веб-розробника з навичками командної роботи. Зможете почати кар'єру в IT
Стати програмістом-початківцем
Ви станете затребуваним веб-розробником і зрозумієте, як розвиватись у професії
Стати високооплачуваним фахівцем
Отримайте всі навички, щоб вирости до спеціаліста із зарплатою 5000-6000$ і вище
ЯК ПРОХОДИТЬ НАВЧАННЯ
Практика
Виконуєте практичні завдання на основі реальних бізнес-задач разом з викладачем та отримуєте розгорнутий зворотний зв'язок
Зміст
  • Доступ до відео уроків з модуля ( у сумі 150-180 хв. на тиждень)
  • Короткий конспект теорії до заняття
  • Практичні заняття 1 раз на тиждень 180 хв + сесія питання/відповідь
  • Домашні завдання (індивідуальні та у групі)
  • Тестування після кожного модуля
  • Додатковий матеріал для самовивчення
  • Дипломна робота + захист
  • Закритий чат учнів з викладачем + куратор
  • Особистий зворотний зв'язок від викладача
Кар'єра
Після завершення курсу команда Powercode допоможе скласти резюме, підготуватися до співбесіди, запропонує цікаві позиції та супроводжуватиме вас на всіх етапах пошуку роботи.
Мета кожного курсу - щоб людина отримала такі знання, які зможе продати та застосувати на практиці
Методологія
Прогресивна методика навчання: ви вивчаєте відео-уроки самостійно у зручний для вас час, виконуєте домашню роботу з вивченого матеріалу

Відеозаписи кожного заняття завжди доступні, ви можете повернутися до них у зручний час
Особливості формату
Ви використовуєте внутрішню пізнавальну мотивацію та отримуєте власний розвиток у вимірній та наочній формі
Формат теоретичних уроків
  • запис лекцій із презентаціями
  • скринкаст
Формат практичних занять
  • розбір запропонованих кейсів
  • групові/індивідуальні завдання
  • рефлексія з викладачем
  • проміжне тестування
Ключові переваги форматів
  • можливість ставити питання під час практики та навчатися на кейсах групи
  • постійна комунікація з учасниками, висока залученість
  • приділяємо увагу не лише hard skill, але й soft skills
На курс діє знижка при ранній передоплаті
ПРОГРАМА НАВЧАННЯ
28 занять
Модуль 1. Введення в HTML
Клієнт-серверна архітектура.
Презентація HTML. 
Теги form та table. Налаштування VS Code

Практика:
  • створення форми та таблиці згідно шаблону в figma;
  • створення архітектури для сайту магазину;
  • створення структури для сайта-блогу.
Модуль 2. CSS
Введення в CSS.Огляд блокової моделі 
Методології BEM та OOCSS 
Основні CSS властивості. Робота з шрифтами

Практика:
  • стилізація форми та таблиці згідно дизайну в figma;
  • стилізація сайта-магазину;
  • стилізація сайта-блогу.
Модуль 3. Flexbox, Grid, Анімація
Flexbox.
Grid.
Адаптивність за допомогою @media.
Створення анімацій за допомогою transition.
Створення анімацій за допомогою animation @keyframes.

Практика:
  • додавання анімації hover та focus ефектів на кнопки/поля вводу;
  • створення адаптивної версії для сайту блогу;
  • створення адаптивної версії для сайту магазина.
Модуль 4. JavaScript
Вступ до JS
Змінні.Типи даних.
Тернарний та логічні оператори
Інструкція switch. 
Цикли: for, while, do..while.
Function Declaration и Function Expression.
Анонімні функції.
Функція callback.
Функції alert, prompt, confirm.

Практика:
  • створення функціоналу для відкривання/закривання модальних вікон;
  • практичні приклади використання циклів;
  • використання alert, prompt та confirm.
Модуль 5. Цикли та об'єкти
Об'єкти. Методи об'єктів
Копіювання об’єктів та посилання
Масиви. Методи масивів

Практика:
  • створення mock даних для магазину;
  • практичні задачі з використанням методів об’єктів та масивів.
Модуль 6. Масиви в Javascript
Масиви. Вчимося створювати масиви
Методи масивів
Використання циклів. 

Практика:
  • практичні задачі з використанням методів об’єктів та масивів.
Модуль 7. Дані. Контекст виконання функцій. Глобальний об'єкт window
Контекст виклика і this. Методи call. bind та apply.
Функції конструктори. Дескриптори об’єктів.
Local та Sesion storages. Дата та час
Глобальний об’єкт window.  Об’єкт лексичного оточення.

Практика:
  • зберігання користувача та куплених товарів в LocalStorage;
  • використання глобального об’єкта window.
Модуль 8. Робота з сервером. OOP
Замикання.
Оператор  try/catch/finally.
Синтаксис setTimeout/setInterval.
Як влаштований Event Loop в JavaScript.
OOP та його принципи.

Практика:
  • написання функціоналу для логіну юзера;
  • написання функціоналу для роботи фільтрів магазину;
  • створення класу Person.
Модуль 9. DOM та асинхронний JavaScript
Об’єкт Promise.  
Функції async/await в JS.
DOM/BOM. Вибір елементів на сторінці.

Практика:
  • приклади використання об’єкту Promise;
  • вибір елементів на сторінці, короткий огляд бібліотеки jQuery.
Модуль 10. NPM/Yann. Jsx. Віртуальний DOM
NPM та Yarn. Огляд властивостей Webpack. Робота з import/export
Огляд структури React додатку.
JSX та props: Рендеринг списків та Conditional рендеринг .
Віртуальний DOM.
Обробка подій.  Контролюємі та не контролюємі компоненти.

Практика:
  • огляд дефолтного React проекту;
  • приклади найпростіших компонентів;
  • перенесення верстки з сайту магазину в JSX код.
Модуль 11. Життєвий цикл компонентів. React Context. Портали
Життєвий цикл компонента.
Створення ErrorBoundary.
React-router-dom.
Портали

Практика:
  • життєвий цикл компонентів;
  • написання ErrorBoundary;
  • використання порталів для модальних вікон;
  • створення роутів для сайту магазину.
Модуль 12. Основні React хуки
Хук useState.
Хук useRef.
Хук useEffect.
Хук useMemo.
Хук useCallback.
React.memo().

Практика:
  • написання основної логіки сайту магазину з використанням хуків, які описано вище.
Модуль 13. React бібліотеки
Способи стилізації React додатку:
Css modules.
Styled Components.
Redux та redux-thunk.
MaterialUI.
Formik.

Практика:
  • приклад Css modules;
  • приклад Styled Components;
  • приклад з Redux;
  • приклад з Material Ui;
  • приклад з Formik.
Захист дипломного проекту.
Тестова співбесіда з рекрутером
Тестова співбесіда з тех. лідом
Проекти
  1. Сайт блогу з використанням HTML та CSS
  2. Сайт інтернет магазину на чистому HTML/CSS/Js і React.js
Приклади робіт, які виконують студенти на курсі
Верстання магазину
Верстання лендінгів
Верстання таймеру
Верстання резюме
Верстання прайсу
Опануйте професію Frontend розробника за 3,5 місяці
І отримайте можливість стажування
з подальшим працевлаштуванням у Powercode, а також у IT компаніях-партнерах
Результати після курсу
Ви освоїте інструменти:
Ви навчитесь:
Розбиратися в HTML, CSS
Робити розмітку та адаптивну крос-браузерну верстку
Вивчите основи мови JavaScript
Працювати з API і взаємодіяти з сервером
5
6
8
Мова гіпертекстової розмітки сторінки
JavaScript Framework, який підкуповує своєю простотою та зручністю у використанні
Мультипарадигменна мова програмування
JavaScript-бібліотека з відкритим вихідним кодом для розробки інтерфейсів користувача
7
Веб-сервіс для хостингу IT-проектів та їхньої спільної розробки
Мова опису зовнішнього вигляду HTML-документа
Вільний набір інструментів для створення сайтів та веб-додатків
Вільний текстовий редактор для веб-розробників
4
3
2
1
Після закінчення курсу ви отримуєте сертифікат про проходження курсів у Powercode Academy
Наші викладачі
У нас у команді не просто викладачі, але наставники, практики та найкращі друзі студентів!
Влад Соснов
Викладач курсу Фронтенд.
Frontend-розробник, 5+ стаж роботи.
  • Запишіться на курс
  • Дізнайтесь про спеціальні умови оплати в разстрочку
  • Отримайте знижку при ранній реєстрації
Курс Frontend
15% вартості цього курсу ми передаємо на підтримку потреб ЗСУ
Реєструйся на марафон онлайн воркшопів!
Вчися на відкритих уроках марафону та отримай шанс виграти місце на курсі!
Залишити заявку
Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії
Коли вам краще передзвонити?
Натискаючи на кнопку я погоджуюсь з політикою конфіденційності
Наш телефон
Адреса
м. Київ, вул. Верхній Вал, 24
Договір оферти
Made on
Tilda