Увага! Діє знижка до осіннього підвищення цін
онлайн курс

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

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

23.08.2022

старт потоку

Онлайн

формат

3,5 місяці

тривалість

14680 грн
18350 грн

вартість

Pay_part
Сплачуй курс у розстрочку!
від 5300 грн на місяць

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

Чому обирають наші курси

internship
Реальне стажування
Всі наші студенти отримують шанс на стажування в компанії Powercode і багато хто з них залишається працювати фахівцями.
2072520
Менторська підтримка
Наша програма та ментори навчальних груп показують відмінні результати вже 4 роки і допомагають студентам освоїти не тільки hard skills, а й soft skills.
4882971
Справжній IT-шний досвід
Ми працюємо на IT ринку більше 8-ми років, самі виросли з IT компанії та беремо участь у розвитку ринку разом із Європейською Асоціацією Програмою Інженерії
1378097
Англійська на курсі
Для студентів усіх курсів безкоштовні заняття англійської мови, що вчить читати ІТ документацію та спілкуватися з командою

Frontend – це найперспективніша спеціальність для старту кар'єри у розробці

625$
середня зарплата Frontend розробника з досвідом роботи менше року за даними на 2021 рік
> 11500
вакансії Frontend розробників в Україні розміщені були в 2021 році

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

Працювати в IT

Ви подолаєте шлях від людини, далекої від IT, до впевненого веб-розробника з навичками командної роботи. Чи зможете почати кар’єру в IT

Стати програмістом-початківцем

Ви станете затребуваним веб-розробником і зрозумієте, як розвиватись у професії

Стати високооплачуваним фахівцем

Отримайте всі навички, щоб вирости до фахівця із зарплатою 3000$-5000$ та вище

arrow
На курс діє знижка при ранній передоплаті

ПРОГРАМА НАВЧАННЯ

28 занять

Клієнт-серверна архітектура.

Презентація HTML. 

Теги form та table. Налаштування VS Code

Практика:

  • створення форми та таблиці згідно шаблону в figma;
  • створення архітектури для сайту магазину;
  • створення структури для сайта-блогу.

Введення в CSS.Огляд блокової моделі 

Методології BEM та OOCSS 

Основні CSS властивості. Робота з шрифтами

Практика:

  • стилізація форми та таблиці згідно дизайну в figma;
  • стилізація сайта-магазину;
  • стилізація сайта-блогу.

Flexbox.

Grid.

Адаптивність за допомогою @media.

Створення анімацій за допомогою transition.

Створення анімацій за допомогою animation @keyframes.

Практика:

  • додавання анімації hover та focus ефектів на кнопки/поля вводу;
  • створення адаптивної версії для сайту блогу;
  • створення адаптивної версії для сайту магазина.

Вступ до JS

Змінні.Типи даних.

Тернарний та логічні оператори

Інструкція switch. 

Цикли: for, while, do..while.

Function Declaration и Function Expression.

Анонімні функції.

Функція callback.

Функції alert, prompt, confirm.

Практика:

  • створення функціоналу для відкривання/закривання модальних вікон;
  • практичні приклади використання циклів;
  • використання alert, prompt та confirm.

Об’єкти. Методи об’єктів

Копіювання об’єктів та посилання

Масиви. Методи масивів

Практика:

  • створення mock даних для магазину;
  • практичні задачі з використанням методів об’єктів та масивів.

Масиви. Вчимося створювати масиви

Методи масивів

Використання циклів. 

Практика:

  • практичні задачі з використанням методів об’єктів та масивів.

Контекст виклика і this. Методи call. bind та apply.

Функції конструктори. Дескриптори об’єктів.

Local та Sesion storages. Дата та час

Глобальний об’єкт window. Об’єкт лексичного оточення.

Практика:

  • зберігання користувача та куплених товарів в LocalStorage;
  • використання глобального об’єкта window.

Замикання.

Оператор try/catch/finally.

Синтаксис setTimeout/setInterval.

Як влаштований Event Loop в JavaScript.

OOP та його принципи.

Практика:

  • написання функціоналу для логіну юзера;
  • написання функціоналу для роботи фільтрів магазину;
  • створення класу Person.

Об’єкт Promise.  

Функції async/await в JS.

DOM/BOM. Вибір елементів на сторінці.

Практика:

  • приклади використання об’єкту Promise;
  • вибір елементів на сторінці, короткий огляд бібліотеки jQuery.

NPM та Yarn. Огляд властивостей Webpack. Робота з import/export

Огляд структури React додатку.

JSX та props: Рендеринг списків та Conditional рендеринг .

Віртуальний DOM.

Обробка подій. Контролюємі та не контролюємі компоненти.

Практика:

  • огляд дефолтного React проекту;
  • приклади найпростіших компонентів;
  • перенесення верстки з сайту магазину в JSX код.

Життєвий цикл компонента.

Створення ErrorBoundary.

React-router-dom.

Портали

Практика:

  • життєвий цикл компонентів;
  • написання ErrorBoundary;
  • використання порталів для модальних вікон;
  • створення роутів для сайту магазину.

Хук useState.

Хук useRef.

Хук useEffect.

Хук useMemo.

Хук useCallback.

React.memo().

Практика:

  • написання основної логіки сайту магазину з використанням хуків, які описано вище.

Способи стилізації 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

Як проходить навчання

Мета кожного курсу – щоб людина отримала такі знання, які зможе продати та застосувати на практиці

Самостійне навчання

Ви отримуєте доступ до відео-уроків курсу для самостійного вивчення з першого дня курсу. Відео зберігаються на LMS платформі протягом всього курсу.

Доступ до LMS

Вашу реєстрацію на платформі здійснюють методисти Академії та надсилають вам доступ у день старту курсу

Зміст уроків

Усі уроки містять теоретичний матеріал та домашнє завдання. Ви можете повернутися до будь-якого відео в будь-який момент

Практика з викладачем

Раз на тиждень студенти курсу зустрічаються з викладачем для перевірки домашнього завдання та опрацювання практичних занять.

Менторська підтримка

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

Уроки англійської

Усі студенти можуть підключатися до уроків англійської, які проводяться раз на тиждень

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

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

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

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

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

Особливості формату

Ви використовуєте внутрішню пізнавальну мотивацію та отримуєте власний розвиток у вимірній та наочній формі

Формат теоретичних уроків

-запис лекцій із презентаціями -скринкаст

Формат практичних зайнять

- розбір запропонованих кейсів - групові/індивідуальні завдання - рефлексія з викладачем - проміжне тестування

Ключові переваги форматів

- можливість ставити питання під час практики та навчатися на кейсах групи - приділяємо увагу не лише hard skill, але й soft skills

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

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

Вы навчитесь
Опануйте інструменти

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

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

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

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

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

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

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

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

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

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

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

Влад Соснов

Викладач курсу Фронтенд.
Практикуючий розробник. 5+ стаж роботи

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

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

Залишити заявку

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

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

This site is registered on wpml.org as a development site.