Репетитор з веб-розробки: HTML/CSS/JS/React + PHP/WordPress/Shopify — 10 років досвіду
Проводжу індивідуальні онлайн-заняття для будь-якого віку та рівня: з нуля, для підвищення кваліфікації або під конкретну задачу/проєкт.
Домашні завдання + обов’язкова перевірка та детальний фідбек після кожного уроку.
Що ви отримаєте:
1) Індивідуальний план навчання під вашу мету та темп (не “всім одна програма”)
2) Багато практики: верстка по макетах + мініпроєкти + реальні кейси
3) Пояснюю зрозуміло, але без “води”: щоб ви розуміли логіку, а не просто повторювали
4) Допомога з портфоліо, GitHub, підготовкою до співбесід (за потреби)
5) Можу також виконати/допомогти з версткою або розробкою сайту (WordPress / Shopify / React)
Стек / напрямки навчання
Front-end (HTML / CSS)
- HTML5: семантика, структура сторінки, доступність (a11y), правильні форми
- SEO-база для розробника: мета-теги, заголовки, мікророзмітка (за потреби)
- CSS3: каскад, специфічність, змінні (CSS Variables), best practices
- Flexbox / Grid (повноцінно, з практикою)
- Адаптивна верстка: mobile-first, медіа-запити, адаптивні зображення
- Позиціонування: position, z-index, transform, transition
- Анімації: CSS animation / keyframes, базові SVG-анімації
- SVG: іконки, спрайти, оптимізація
- Шрифти: підключення, оптимізація, локальні/Google Fonts
- Методології: БЕМ, структура класів, підтримуваність коду
- Кросбраузерність: типові проблеми, поліфіли/фолбеки
- Figma/Photoshop для верстки: відступи, сітки, експорт ресурсів
JavaScript (Core → Advanced)
- База: типи, змінні, оператори, області видимості
- Функції: колбеки, замикання, стрілочні функції
- Масиви/об’єкти: методи масивів, деструктуризація, spread/rest
- DOM: події, делегування, робота з формами, валідація
- Модулі: import/export, організація коду
- Асинхронність: проміси, async/await, try/catch
- HTTP/API: fetch, статус-коди, headers, query params, JSON
- ООП / прототипи, класи, this
- localStorage/sessionStorage, cookies
React (від бази до SPA)
- Компоненти, JSX, props/state
- Hooks: useState, useEffect, useMemo/useCallback (за потреби)
- Списки та умовний рендеринг: map/filter, ключі
- Форми: контрольовані/неконтрольовані, валідація
- Робота з API: loading/error, пагінація, async сценарії
- Стилізація: CSS Modules, структурування стилів
- React Router: маршрути, вкладені маршрути
- Context API для керування станом
- Redux Toolkit / Thunk
- RTK Query (коли потрібна правильна робота з API)
- TypeScript у React (поступово, коли база готова)
- Оптимізація та архітектура: структура компонентів, ререндери
- Next.js як наступний крок після React
Back-end база (PHP / MySQL)
- Налаштування локального оточення (Apache/PHP/MySQL) або Docker (за бажанням)
- PHP: синтаксис, масиви, функції, обробка форм
- Сесії/куки, обробка запитів
- Файли/рядки, практичні задачі
- MySQL: таблиці, зв’язки, SELECT/INSERT/UPDATE/DELETE
- Підключення MySQL у PHP, базова безпека (prepared statements)
WordPress
- Встановлення, налаштування, структура WP
- Теми/child theme, шаблони, хуки (actions/filters)
- CPT, таксономії, кастомні поля (ACF — за потреби)
- Типові інтеграції/плагіни, оптимізація швидкості
- Деплой на хостинг, міграції, резервні копії
Формат занять
- Созвон: Zoom / Google Meet / Telegram
- Вартість
- 350 грн/год (індивідуально)
- Групи від 2 осіб — 200 грн/год з людини
