Змініть свій підхід до Front-end розробки за допомогою ШІ

Штучний інтелект - це не просто гучні слова, а інструмент, який кардинально змінює підхід до будь-яких завдань. З його допомогою ви можете трансформувати свої робочі процеси - від кодування до дизайну - і зробити свою роботу ефективнішою та приємнішою, оскільки ШІ допомагає виконувати нудні частини, щоби ви могли зосередитися на цікавіших завданнях. Дізнайтеся про майбутнє Front-End розробки на нашому вебінарі, у якому штучний інтелект стане вашим союзником. Ми заглибимося в практичну сторону інструментів ШІ, від GitHub Copilot до помічників у дизайні та перевірці зображень.
🎙️ Спікер вебінару: Олександр Ординський, ваш провідник у світі Front-End
Як викладач Beetroot Academy та Senior Full Stack розробник в Eliftech з 8-річним досвідом роботи, Алекс поділиться своїми знаннями з Front-End, JavaScript Advanced та Node.js. Ось що ви дізнаєтесь від нього:
🔸 Які інструменти ШІ корисні для генерації та завершення коду
🔸 Як використовувати інструменти дизайну та UI/UX асистентів для оптимізації робочого процесу
🔸 Як ШІ-асистенти можуть допомогти налагодити та тестувати код
🔸Як інструменти ШІ можуть перевірити ваші проєкти на інклюзивність
У другій частині вебінару Олександр познайомить вас з потенціалом GitHub Copilot, продемонструвавши його можливості завершення коду та контекстні підказки під час кодування в реальному часі. Він також покаже вам реальний приклад створення вебдодатка My Portfolio, підкресливши вплив Copilot на швидкість розробки.
00:00 Вступ
02:40 Презентація спікера
03:50 Цілі вебінару
04:37 Структура вебінару
05:30 Що таке ШІ?
07:08 Як можна використовувати ШІ під час розробки
08:37 Ризики та обмеження у веброзробці з ШІ
17:55 Відмінності між Front-end та Bаck-end
19:02 Загальні приклади використання ШІ для розробників
20:27 Використання ШІ дизайнерами
23:22 ШІ та перевірка на доступність сайту
23:52 Інструменти ШІ для розробників
25:37 Вплив Сopilot на якість роботи
28:29 Перший віртуальний розробник
29:38 Знайомство з Сopilot
31:38 Порівняння Сopilot та Tabnine
36:45 Переходимо до практики. Як почати роботу з Сopilot
39:03 Генерація CV у чатботі
39:56 Архітектурні рішення та ШІ
41:18 Огляд інтерфейсу Сopilot
42:30 Створення html сторінки для розміщення резюме
45:03 Комбінування двох секцій
46:39 Додавання bootstrap до проєкту
47:45 Перевірка доданої версії (аналіз результатів генерації коду)
48:37 Запитання до Сopilot (пояснення рішень ШІ)
50:14 Заміна версії bootstrap
52:44 Додавання аватару
56:07 Робота з React
57:26 Необхідність Node.js та nmp менеджера для роботи з React
58:18 Використання бібліотеки Create React App
59:40 Огляд проєкту React App
1:00:22 Команди для роботи з Copilot
1:00:39 /explain - пояснити виділений фрагмент коду
1:02:11 Запуск React App
1:01:57 Додаємо блок за допомогою Copilot
1:04:24 Команда /fix - пошук та виправлення помилок у коді
1:06:29 Додавання бібліотеки bootstrap до проєкту
1:09:19 Приклад з кнопкою
1:11:01 Додавання навігаційного хедеру
1:12:13 Додавання логіки
1:13:44 Створення login форми з використанням bootstrap компонентів
1:16:10 Додавання логіки до кнопки у формі
1:18:17 Додавання State Management
1:19:35 Додавання запиту до API
1:20:19 Резюме роботи з бібліотеками
1:20:49 Формування юніт тестів. Команда /tests
1:22:56 Робота в терміналі та генерування commit повідомлень
1:23:49 Підсумки роботи з React
1:24:39 Блок запитань
1:25:17 Чи може штучний інтелект допомогти з чимось окрім написання тестів та генерації об'єктів?
1:28:17 Наскільки взагалі навички роботи з інструментами штучного інтелекту додають цінності для розробника і можливо ти знаєш який на сьогодні попит на дану технологію та навички?
1:31:00 Чи може Copilot показати ризики вибраного технологічного
стека по опису вимог?
1:32:34 Як рефакторити не шматочок коду, а більш глобально, наприклад архітектурний підхід за допомогою AI?
1:33:42 Задача стоїть - переїхати з vue2 на vue3. Які AI інструменти/промпти ми можемо використовувати?
1:35:30 В яких аспектах фронт енд розробки краще не довіряти роботу ШІ?
1:37:48 Як багато часу займає опанування ШІ?
1:39:29 Який твій погляд на роботу із ШІ та sensitive data та чи повинні бути якийсь конкретні лімітації та заборони стосовно цього?
1:41:18 Чи здатний ШІ навчатися на на моїх прикладах коду, архітектурі, дизайні тощо?
1:43:10 Дебагінг під різні браузери та девайси з VS Code за допомогою інструментів ШІ
1:44:24 Чи треба вказувати, що під час написання коду використовувався Copilot
1:46:52 Чи дозволяють використовувати штучний інтелект під час
розробки в стартапах
1:49:07 Під час використання штучного інтелекту чи є локальні, більш захищені версії?
1:50:40 Не виникає відчуття, що ти стаєш гірше як розробник через використання ШІ?
1:53:56 Чи є робочі аналоги Copilot для запуску на власних серверах?
він взагалі безпечним для комерційних
1:54:57 Чи є проблеми з захистом даних, якщо користуватись чатботами ШІ як пошуковою системою?
1:56:45 Подяки та закінчення вебінару