👉 НА ЦЕЙ КУРС ДІЮТЬ УМОВИ ОПЛАТИ ЧАСТИНАМИ

онлайн курс

Курс Frontend розробник

Навчися робити повноцінний сайт, починаючи від макета до завантаження на хостинг та стань високооплачуваним спеціалістом в IT
25.11.2022

старт потоку

Онлайн

формат

3,5 місяці

тривалість

32 заняття

кількість уроків

Бажаєш отримати більше інформаціі про курс? Відправляй нам запит!

Натискаючи на кнопку, я погоджуюсь на обробку персональних даних

Цей курс для тих, хто хоче:

Xоче працювати в IT
Ви подолаєте шлях від людини, далекої від IT, до впевненого веб-розробника з навичками командної роботи, чи зможете почати кар’єру в IT
Хоче стати програмістом-початківцем
Ви станете затребуваним веб-розробником і зрозумієте, як розвиватись у професії
Стати високооплачуваним фахівцем
Отримайте всі навички, щоб вирости до фахівця із зарплатою 3000$-5000$ та вище
Якщо ти бачиш себе серед цих людей – подавай заявку на курс та записуйся до консультаціі фахівця

Чому студенти обирають цей курс

internship
ПІДГОТОВКА ДО СПІВБЕСІДИ
Всі наші студенти проходять пробне технічне та стрес-інтерв’ю
2072520
МЕНТОРСЬКА ПІДТРИМКА

Наші ментори допомагають студентам освоїти не тільки hard skills, а й soft skills

4882971
СПРАВЖНІЙ ІТ-ШНИЙ ДОСВІД
Ми самі виросли з IT компанії та беремо участь у розвитку ринку разом із EASE
1378097
АНГЛІЙСЬКА НА КУРСІ
Для студентів усіх курсів є факультативні заняття English for IT
Навчатися з друзями вигідніше!
Запрошуй друзів навчатися разом та отримай знижку 60% на двох!
Навчатися з друзями вигідніше!
Запрошуй друзів навчатися разом та отримай знижку 60% на двох!

Програма навчання

32 заняття
заняття проходять
раз на тиждень по 3 години
Модуль 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/Yarn. Jsx. Віртуальний DOMNPM та 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.

Захист дипломного проекту

Тестова співбесіда з рекрутером

Тестова співбесіда з тех. лідом

Проекти:
  • Сайт блогу з використанням HTML та CSS
  • Сайт інтернет магазину на чистому HTML/CSS/Js і React.js
  • Відео урокі ( у сумі 150-180 хв. на тиждень)
  • Короткий конспект теорії до заняття
  • Практичні заняття 1 раз на тиждень 180 хв + сесія питання/відповідь
  • Домашні завдання (індивідуальні та у групі)
  • Тестування після кожного модуля
  • Додатковий матеріал для самовивчення
  • Дипломна робота + захист
  • Закритий чат учнів з викладачем + куратор
  • Особистий зворотний зв’язок від викладача

Прогресивна методика навчання: методологія курсу спрямована на підвищення ваших навичок до самостійної роботи та комунікації з командою.

Ви прокачаєте навички обробки інформації, вивчення термінології та вміння з першого дня роботи у проекті вибудувати самостійний продуктивний режим навчання та реалізації завдань

Ви отримаєте знання з Hard skills та прокачуєте свої Soft skills

Після завершення курсу команда Академіі допоможе скласти резюме, підготуватися до співбесіди, запропонує цікаві позиції та супроводжуватиме вас на всіх етапах пошуку роботи.

Як буде проходити ваше навчання

Ви візьмете участь у вебінарах 2 рази на тиждень. Відеозаписи кожного заняття завжди доступні, ви можете повернутись до них у зручний час
Ви самостійно виконуєте практичні завдання на основі реальних бізнес-завдань та отримуєте розгорнутий зворотний зв’язок від викладача у чаті та під час практичних уроків
У процесі навчання вас підтримуватиме команда методистів. Ви зможете поставити будь-яке запитання та отримати консультацію у внутрішньому чаті
Після завершення курсу команда Powercode допоможе скласти резюме, підготуватися до співбесіди, запропонує цікаві позиції та супроводжуватиме вас на всіх етапах пошуку роботи.

Ваші результати після курсу

Ви навчитесь:
Ви опануєте інструменти

Вільний текстовий редактор для веб-розробників

Вільний набір інструментів для створення сайтів та веб-додатків

Мова опису зовнішнього вигляду HTML-документа

Веб-сервіс для хостингу IT-проектів та їхньої спільної розробки

Мова гіпертекстової розмітки сторінки

JavaScript Framework, який підкуповує своєю простотою та зручністю у використанні

Мультипарадигменна мова програмування

JavaScript-бібліотека з відкритим вихідним кодом для розробки інтерфейсів користувача

Опануйте професію Frontend за 3 місяці та отримайте допомогу у працевлаштуванні

Наші викладачі

У нас у команді не просто викладачі, але наставники, практики та найкращі друзі студентів!

Влад Соснов

Викладач курсу

Практикуючий розробник. Стаж роботи: 5+ років

Приклади робіт, які виконують студенти на курсі

Відгуки про курс Frontend:

Вартість курсу Frontend розробник

Оплата частинами
або у розстрочку
від 1375 грн/міс
терміном до 12 міс
повна вартість курсу складає 16 500 грн
Ціна цього місяця за сезонною знижкою
15400 грн
19250 грн
при повній оплаті
курсу Frontend
За програмою
лояльності
13475 грн
при реєстраціі вдвох
на курс Frontend
оплата здійснюється за підтримки сервіса WayForPay

Подати заявку на курс "Front-end"
та отримати консультацію

Натискаючи на кнопку, я погоджуюсь на обробку персональних даних

Інші курси для вас:

Записатися на курс

Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії

Натискаючи на кнопку я погоджуюсь з політикою конфіденційності

Хочу купити курс у розстрочку

Надішліть нам ваші контакти і наш менеджер передзвонить вам, щоб відповісти на всі питання про навчання у нашій Академії

Натискаючи на кнопку я погоджуюсь з політикою конфіденційності