Курс Frontend for Backend Developer
online 
у планах 
28 занять 
14 000 грнОгляд
Маєш знання з бекенду, але прагнеш опанувати фронтенд? Тоді ти на правильній сторінці!
Людей, які одночасно володіють великою кількістю скіллів та виконують всі обов’язки світу, називаються оркестрами. У світі розробників також є такі представники — Full Stack Developer-и: і серверну частину продукту створить, і front-end налаштує, і в тестування може, і з базами даних впорається.
Щоб вивчити такий обсяг інформації та практично все опрацювати з нуля, необхідно чимало часу, а головне — мотивації, і один курс не стане панацеєю й не зробить з новачка профі. Однак якщо ти вже маєш базові знання з бекенд-розробки, і тобі не вистачає навичок з фронтенду для того, щоб назвати себе FullStack Developer, ти на правильній сторінці.
Реєструйся на курс Frontend for Backend Developer від CHI IT Academy та ставай спеціалістом, який бере участь у кожному з етапів розробки продукту. Мета цього курсу — дати тобі навички та знання, необхідні для успішної взаємодії між фронтендом і бекендом, а також для створення сучасних вебзастосунків з використанням популярних технологій та інструментів.
Основні теми курсу:
- 1) Основи роботи з JavaScript і TypeScript.
- 2)Створення користувацького інтерфейсу з використанням React.
- 3) Керування станом програми за допомогою Redux.
- 4) Основи взаємодії між фронтендом і бекендом: передача даних, формати повідомлень, CORS і безпека.
Протягом курсу ти не лише навчишся створювати вебзастосунки з використанням сучасних фронтенд-технологій, а й зміцниш знання з бекенду! Упродовж онлайн-курсу тобі необхідно буде самостійно написати бекенд для тестового застосунку, а розробку фронтенду ми проведемо разом на заняттях.
Ну що, поїхали?
Цей курс для тебе, якщо ти:
- Backend-розробник, який прагне стати FullStack Developer;
- Backend-розробник, який хоче поглибитися у взаємодію фронтенду та бекенду;
- маєш базові знання з бекенд-розробки, але прагнеш створювати повноцінні вебпродукти;
- сповнений мотивації та готовий до практики!
Ми завжди ЗА розвиток та прагнення вдосконалювати знання, тому зробимо шлях навчання для тебе комфортним та зрозумілим. Сконцентруйся на плідній праці упродовж онлайн-курсу — і збагатись корисними знаннями та практичними навичками.
Курс Фронтенд для Бекенд-розробників містить:
- 27 онлайн-занять
- Доступ до додаткових матеріалів — презентацій, записів лекцій, чек-листів
- Практичні заняття, на яких зможеш відпрацювати теорію
- Готовий проєкт на фініші курсу, який ти зможеш додати до портфоліо
- Можливість підписати контракт з компанією
- Сертифікат, що підтверджує твої нові навички та компетенції
Якими знаннями та навичками ти маєш володіти, щоб потрапити на курс:
— Основи бекенд-розробки: знання принципів роботи сервера, обробки запитів і відповідей, а також взаємодії з базами даних.
— Досвід роботи хоча б з однією з мов програмування для бекенда, як-от .NET, Python, Java, Ruby, PHP, Node.js, Go тощо.
— Досвід роботи хоча б з однією з баз даних.
— Розуміння принципів роботи веб-технологій, як-от HTTP, RESTful API і протоколи передавання даних.
— Базові знання про основні патерни проєктування та архітектурні підходи, такі як MVC, MVP і MVVM.
— Досвід роботи з системами контролю версій, такими як Git.
— Навички читання і розуміння англомовної технічної документації та специфікацій.
— Уміння працювати в команді та використовувати засоби комунікації, як-от месенджери, пошта та інструменти для управління проєктами.
— Базові навички роботи з командним рядком та інструментами для розробників, як-от редактори коду, налагоджувачі та середовища розробки.
— Відкритість до вивчення нових технологій, гнучкість і здатність адаптуватися до мінливих вимог проєкту та ринку.
Досі не впевнений, чи володієш достатнім обсягом знань для курсу?
Пройди тест та дізнайся, що слід довчити або повторити, щоб курс Frontend for Backend Developer став для тебе максимально ефективним.
Ось які переваги пропонує курс Frontend for Backend Developer від CHI IT Academy
Лекції в зручний час
Практичні заняття
Невеликі групи
Підтримка ментора
Сертифікат
Можливість контракту з ІТ-компанією
Ми цінуємо твій час і готові відповісти на всі запитання якомога швидше
Програма
01
Заняття-знайомство
Познайомимося, дізнаємося більше про курс та обговоримо організаційні моменти, а також з’ясуємо, з якою IDE працюватимемо.
02
Загально про HTML
- Що таке HTML
- Структура html-документа та основні теги
- Посилання та навігація
03
Елементи HTML
- Таблиці та Форми
- Зображення та інші теги
04
CSS
- Що таке CSS
- Способи підключення стилів
- CSS-селектори та основні CSS-властивості
05
Вступ до JavaScript
- Що таке JavaScript
- Інтеграція JS у HTML
- Змінні
- Типи даних
06
Оператори та конструкції
- Вирази та оператори
- Створення умовних конструкцій (if…else, switch-case, ternary)
- Розуміння та робота з циклами (while, do…while, for-loop)
07
Масиви, функції та об'єкти
- Масиви, а також їх методи
- Функції та область видимості в JS
- Об’єкти. Їх властивості та методи
08
Ajax та HTTP-запити
- Основи та розуміння Ajax
- HTTP-протокол та статуси
- Процес очікування завантаження даних. Loading
- Робота з JSON
09
Введення в RESTful API та основи роботи з HTTP-запитами
- Основи RESTful API
- HTTP та його роль у RESTful API
- Формати даних та обмін даними в RESTful API
- Основи роботи з API-ключами та автентифікацією
10
React: вступне заняття
- Знайомство з React і JSX
- Components та Props
- Методи стану та життєвого циклу
11
Робота з версткою в React
- Обробка подій
- Умовне відтворення
- Списки та ключі
12
Форми та контрольовані компоненти
Розглянемо, як створювати форми та контрольовані компоненти
13
Http-запити та React Router: як користуватися
- Обробка HTTP-запитів
- Маршрутизація за допомогою React Router
14
Аутентифікація та авторизація у веб-додатках (JWT, OAuth, OpenID Connect)
- Основи аутентифікації та авторизації
- JSON Web Tokens (JWT)
- OAuth 2.0
- OpenID Connect
- Реалізація аутентифікації та авторизації у веб-додатках
15
Вступ до Material UI
Знайдемо відповіді на запитання:
- Що таке Material UI і його переваги?
- Як встановити Material UI у вашому проекті?
- Огляд компонентів і стилів Material UI.
16
Основні компоненти та стиль
Розглянемо такі підтеми:
- Основні компоненти, такі як Button, Textfield, and Checkbox
- Компоненти стилю з вбудованими стилями та назвою класу.
- Використання постачальника тем і об’єкта теми Material UI для налаштування стилю.
17
Layout та Grid system
- Розуміння Material UI Grid system.
- Використання контейнерів і точок зупину для адаптивного дизайну.
- Створення базового макета за допомогою компонентів Grid.
18
Розширені компоненти та налаштування
- Додаткові компоненти, такі як Table, List, and Dialog.
- Налаштування компонентів Material UI за допомогою реквізитів і замін.
- Створення власних компонентів за допомогою системи стилів Material UI.
19
Найкращі практики використання Material UI
- Написання багаторазового та підтримуваного коду за допомогою Material UI.
- Розуміння API та документації Material UI.
- Використання Material UI з різними бібліотеками CSS-in-JS, такими як Styled Components або Emotion.
20
Введення в GraphQL
- Основи GraphQL.
- Схема та типи у GraphQL.
21
Вступ до Redux
Що таке Redux і чому він корисний?
Підключення до React:
- Принципи Redux, включаючи магазин, дії та редуктори.
- Контейнерні компоненти та презентаційні компоненти.
- Actions та State — короткий огляд.
22
Actions та Reducer
- Як створити actions в Redux?
- Синхронні та асинхронні actions.
- Обробка actions в Redux.
- Як працюють reducers в Redux?
- Чисті функції та reducers.
- Комбінування reducers.
23
Middleware
- Як працює Middleware в Redux?
- Створення Middleware.
- Логування та асинхронні запити з Middleware.
24
Асинхронний Redux
- Як працює асинхронний Redux?
- Redux-Thunk.
- Redux-Saga.
25
Тестування React та Redux програми
- Тестування компонентів React
- Тестування Redux
- Тестування асинхронного коду
- Інтеграційне та функціональне тестування
- Оптимізація та покращення якості коду
26
Заняття з англійської
Технічні навички — це круто, однак який розробник без англійської?
27
Кар'єрна консультація з рекрутером
Рекрутер допоможе тобі скласти резюме та скоординує в пошуку роботи.
28
Q&A Session
Будь-які запитання знайдуть свої відповіді на цьому занятті. І так — це останнє заняття, після якого ти можеш впевнено сказати — “Я знаю, як використовувати фронтенд!”
Вітаємо!
Результат, який ти отримаєш після курсу:
1. Розуміння принципів і практик фронтенд-розробки: ти навчишся проєктувати та створювати вебзастосунок.
2. Досвід створення повноцінного застосунку: ти зможеш інтегрувати фронтенд і бекенд, створювати динамічні вебсторінки та обробляти користувацькі дані.
3. Знання основ взаємодії між фронтендом і бекендом: ти опануєш впевненість у тому, як дані передаються між клієнтом і сервером, і навчишся ефективно використовувати ці знання під час створення власних майбутніх проєктів.
4. Портфоліо: на виході у тебе буде готовий застосунок, який можна продемонструвати потенційним роботодавцям або клієнтам.
Після завершення цього курсу ти опануєш широкий набір навичок, які зроблять тебе цінним фахівцем у галузі IT і відкриють нові можливості для твого професійного зростання!
ЛЕКТОРИ
- 7 років досвіду у fullstack-розробці;
- володіє широким спектром технологій, враховуючи .Net и React;
- залюбки поділиться власним досвідом!
Щоб стати студентом академії, тобі необхідно:
- 01
Вирішити змінити свою кар'єру на краще
- 02
Заповнити форму на сайті академії із зазначенням курсу
- 03
Обговорити всі питання із представниками академії
- 04
Оплатити курс не пізніше 5 днів до початку курсу
- 05
Готово! Тепер ти — студент CHI IT Academy!
Реєструючись та натискаючи на кнопку “Зареєструватися на курс” ви погоджуєтесь з договором-оферти та політикою конфіденційності