Потрібна консультація професіонала в React
12 000 UAH
= = =
- потрібно Ваш час на 1-2 місяці по 2-3 рази на тиждень (у зручний для Вас час) заняття по React
- мій рівень знань React зараз майже нульовий (див Vue проекти раніше)
- фундамент для вивчення React у мене є: coreJS (ES 6) має впевнені знання, за HTML/CSS є досвід верстки
- на заняттях мені тільки "краєугольні камені" об'яснити Вас прошу + дати завдання на наступні 2-3 дні, б Більшу частину навчання готову самостійно копати (зауважила: консультації з професором скорочують процес і дають уявлення про реальності, а не чисто книжкові + іноді 2 хвилини відповіді ментора заощаджують 20 годин мого копання в пошуках, чому не працює)
- Хотілося б рухатися в заняттях по структурі книги Алекса Бенкса, "React і Redux" або книги Стоян Стефанов "React.js Швидкий старт" (щоб якийсь усмішний план був, так і книги ці у мене є паперові).Але це на ваш розсуд.Заголовок (ну як прикладний план) обох книг приведу нижче, можу скачати пдф-файли книг.- за оплату пропоную 300 грн за 1 годину Вашого часу, якщо потрібно, то готовий обговорити вище оплату.Я можу платити з картки ПриватБанку на будь-яку Вашу платіжну картку.- терміни і необхідний рівень: зараз я верстаю на роботі в укр.компанії в Харкові, але проекти по верстці закрилися (агресія-війна і т.д.) мені дали на роботі 4-5 тижнів на те, щоб базово React освоїти, що і хотів би зробити.Інакше... що я хотів би уникнути))
- з моєї сторони гарантую оплату і увагу, сильно навантажувати не буду на заняттях (я намагаюся сам вникати Більшою частиною), заздалегідь Дякую Вам за те, що виражаєте підтягуванням на базовий рівень React.= = =
Алекс Бенкс, «React і Redux», 2018 рік
= = =
1 .Ласкаво просимо в React
Перешкоди та труднощі
Майбутнє бібліотеки React
Потрібно йти в ногу з часом.
Працювати з файлами
2 .Новий синтаксис JavaScript
Оголошення змінних в ES6
Стрілецькі функції
Транспіляція ES6
Об'єкти та масиви ES6
Проміси
Класи
Модулі ES6
Коммуністичні
3 .Функціональне програмування з використанням JavaScript
Значення поняття функціональності
Порівняння іперативності з декларативністю
Функціональні концепції
ЧетвертийЧистий реакт
Налаштування сторінки
Віртуальний DOM
Елементи React
ReactDom
Дочірні елементи
Розробка елементів з даними
Компоненти React
Зображення DOM
Фабрики
5 .Реакція з JSX
Елементи React у вигляді коду JSX
Рекомендації щодо застосування JSX
Бабель
Введення в Webpack
6 .Характеристики, стан і дерево компонентів
Перевірка властивостей
Зв'язок
Управління станом React
Статус всередині дерева компонента
7 .Удосконалення компонентів
Життєві цикли компонентів
Підключення бібліотек JavaScript
Компоненти вищого порядку
Управління станом за межами React
Флукс
8 ІРедукс
Статус
Дії
Трансформатори
Зберігання
Творці дій
Функції посередницької лінії
9 .Реакція Redux
Очевидна передача складу
Передача складів через контекст
Порівняння презентаційних і контейнерних компонентів
Провайдер React Redux
Функція connect бібліотеки React Redux
ДесятьТестування
ЕСЛЕНТ
Тестування Redux
Тестування компонентів React
Тестування на основі відображення миттєвого стану (Snapshot Testing)
Використання даних про охоплення коду
11 І.Маршрутизатор React Router
Інсталяція маршрутизатора
Вкладені маршрути
Параметри маршрутизатора
ДванадцятьReact і сервер
Порівняння ізоморфізму з універсалізмом
Код React, що відображається на сервері
Універсальний органайзер квітів
Обмін даними з сервером
= = = = =
Стоян Стефанов «React.js Швидкий старт», 2020 рік
= = =
Розділ 1.Вітання World
Установка
Вітання, мир React
Так що ж зараз сталося
Реактивний.DOM
Спеціальні DOM-атрибути
Розширення браузера React DevTools
Докладніше: Налаштувані компоненти
Розділ 2.Життя компоненту
Найменший мінімум
Свойства
Проптипс
Статус
Компонент textarea, що відстежує свій стан
Трохи про ДНК
Обробка подій у попередні часи
Обробка подій в React
Порівняння властивостей і станів
Характеристики в початковому стані: антишаблон
Доступ до компоненту ззовні
Зміна властивостей на літній період
Методи управління життєвим циклом
Приклади управління життєвим циклом
Повна реєстрація
Використання забруднення
Використання дочірньої компоненти
Перемога в продуктивності: запобігання оновленням компонентів
Створення PureRenderMixin
Розділ 3.Excel: незвичайний табличний компонент.
Почнемо з даних
Цикл створення заголовків таблиці
Відстань для позбавлення від консольного попередження.Додавання контенту
Сортифікація
Створення індикації сортування в користувачському інтерфейсі
Редагування даних
Редагувана клітина
Поля введення клітини
Збереження
Висновки та визначення відмінностей у віртуальному
DOM-моделі
Пошук
Статус і інтерфейс користувача
Фільтрація контенту
Як можна покращити пошук?Негайне відтворення
Як можна покращити репродукцію?Чи можлива альтернативна реалізація?Завантаження даних таблиці
Розділ 4.JSX
Вітання, JSX
Транспіляція JSX
Бабель
Клієнтська сторона
Про перетворення JSX
JavaScript в JSX
Пробільні символи в JSX
Коментарі в JSX
Елементи HTML
Анти-XSS
Розповсюджені атрибути
Повернення в JSX декількох узлів
Різниця між HTML і JSX
Просто клас не можна використовувати, а як щодо?Стиль є об'єктом
Закривальні теги
Атрибути в "верблюжом" реєстрі
JSX і форми
Процесор подій onChange
Порівняння value і defaultValue
Значення компоненту
Значення компоненту
Компонент Excel в JSX
Розділ 5.Налаштування для розробки додатків
Типовий приклад
Файли та папки
Індекс.html
ЦСС
JavaScript
JavaScript: модернізований код
Встановлення обов'язкових інструментальних
Node.js
Browserify
Бабель
React та інші
Займаємося збиранням
Транспіляція JavaScript
Створення пакета JavaScript
Створення пакету CSS
Результати !Версія для Windows
Збірка в процесі розробки
Розширення
Ми йдемо далі
Розділ 6.Створення додатків
Створення Whinepad v.0.0.1
Підготовка до роботи
Почнемо з програмування
Компоненти
Налаштування
Дослідження
Компонент
Натисніть .css
Натисніть .js
Форми
Компонент
Компонент
Компонент
Компонент
Компонент
Диалог
Налаштування додатків
< Excel>: новий і вдосконалений
Компонент
Підготовка результатів
Розділ 7.Перевірка якості коду, відповідності типів, тестування, повторення package.json
Налаштування Babel
Сценарій
Інструмент ESLint
Установка
Запуск
Усі правила
Ресурс Flow
Установка
Запуск
Підпис на перевірку відповідності типів
Поправка коду компоненту
Апп.js
Детальніше про перевірку відповідності типів властивостей і стану
Типи експорту та імпорту
Введення типів
Інваріанти
Тестування
Установка
Перший тест
Перший React-тест
Тестування компонентів
Тестування компонентів
Додаткові імітовані взаємодії
Тест на повну взаємодію
Повнота охоплення
Розділ 8.Флукс
Основні наміри
Інший погляд на Whinepad
Зберігання
Події зберігання
Використання складів в
Використання складів в
Використання складів в
Куди перейти кордон?Дії
CRUD дії
Пошук і сортування
Використання дій в
Використання дій в компоненті
І ще трохи про Flux.
Бібліотека Immutable
Зберігання даних при використанні бібліотеки Immutable
Робота з даними при використанні бібліотеки immutable
Додатки 1
-
1 день12 000 UAH
1033 37 0 2 1 день12 000 UAH
Вітаємо, Олександр
Моє досвід роботи з React 3+ років.🙂Тайже має досвід в менторстві учнів і проведення курсів по реакту
Будемо раді допомогти.✅З повагою Олександр
-
1 день12 000 UAH
452 3 0 1 день12 000 UAH
Привітання, я буду радий допомогти з навчанням. Суткнувся з великим кол-во цікавих завдань на реактивах. Звернітьсь )
-
1 день12 000 UAH
25 1 0 1 день12 000 UAH
Вітаємо Вас! Я маю великий досвід у навчанні та менторингу по фронтенд розвитку.
Під моїм початком випущено близько 50 джунів, також працював в skyeng вчителем з веб-розробки
-
12 днів12 000 UAH
413 4 0 12 днів12 000 UAH
В цілому готовий допомогти. Я працюю з React і React Native вже давно. 2-3 рази на тиждень можна займатися.
-
21 день12 000 UAH
313 4 1 21 день12 000 UAH
Привіт, зараз маю вільний час.
Маю багато закритих проектів на реакті.
Мій гітхаб: https://github.com/VadimChorrny
Пиши в особисті повідомлення, будемо займатись 3-4 рази на тиждень
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 176 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 5 днів тому ∙ 113 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 5 днів 5 годин тому ∙ 21 ставка |
Шукаю наставника з Claude Code для запуску веб-проєкту з нуля**Коротко про завдання:** Я новачок без досвіду в програмуванні. Є готове ТЗ на розробку сайту (42 сторінки, Next.js, PostgreSQL). Хочу реалізувати його самостійно за допомогою Claude Code - потрібен спеціаліст, який налаштує середовище і навчить мене працювати з інструментом.… Javascript та Typescript, Навчання ∙ 7 днів 5 годин тому ∙ 19 ставок |
Оновлення дизайну на сайтіПотрібно оновити дизайн існуючого сайту, використовуючи HTML, CSS, JS: освіжити зовнішній вигляд, зробити його сучасним і адаптивним під мобільні пристрої. Потрібно додати плавні анімації та інтерактивні елементи. HTML та CSS верстання, Javascript та Typescript ∙ 7 днів 22 години тому ∙ 97 ставок |
Консультація та аудит поточного проєкту на Odoo 19 Community Edition
Шукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community Edition, у тому числі за допомогою Claude Code. Нам потрібен спеціаліст, який має успішно реалізовані проєкти в Odoo та практичний досвід розробки з використанням Claude Code. Важливо: розглядаємо… C та C++, Javascript та Typescript ∙ 8 днів 4 години тому ∙ 8 ставок |