Репетитор по такому стеку веб-технологий: HTML, CSS, JS , React JS, PHP, WordPress, Shopify.
Стаж работы в сфере веб-программирования - 10 лет.

Возможен индивидуальный план занятий. Без возрастных ограничений и уровня знаний.
Домашние задания с последующей проверкой даю обязательно!

Созвон по zoom, google meet, telegram.

Цена - 350 гривен в час.
Группы от 2 человек - 200 грн/час с человека.

Телефон: +38********59 (есть вайбер/телеграмм)

Также предоставляю услуги по верстке и разработке сайтов на CMS WordPress, Shopify, React JS.

Программа front-end разработки:

Модуль 1 - HTML / CSS
1. Что такое Front-End. Настройка редактора кода Visual Studio Code
2. Система контроля версий Git и сервис GitHub
3. Вступление в HTML. Новые теги HTML 5.
4. Знакомство с CSS
5. CSS селекторы
6. Псевдоэлементы
7. Псевдоклассы
8. Flexbox
9. CSS GRID layout
10. Photoshop/Figma для Front-End разработчика
11. Шрифты в интернете. Правильное подключение шрифтов к проекту.
12. CSS позиционирования и трансформация
13. SVG
14. SVG анимации
15. CSS анимации
16. Методология БЭМ
17. Построение форм
18. Адаптивная верстка (Responsive web design). Медиазапросы.
19. Адаптивная верстка таблиц
20. Основы семантической верстки
21. Кроссбраузерность
22. SEO для разработчика
23. Обзор Front-End фреймворка. Bootstrap
24. Препроцессор SASS.
25. Инструмент для сборки проекта (таск-менеджер) Gulp. Напишем собственную сборку.
26. Практика - сверстаем макет: www.figma.com/file/oTYBECAN79dXy19hzWObO4/Web-Studio-(Version-2.1)?type=design&node-id=0-1&mode=design&t=mHrGdZGFxPZtuqKy-0
Затем зальем на GitHub

Модуль 2 - JavaScript
1. Основы JavaScript. Выражения. Переменные.
2. Примитивные типы. Ссылочный тип. Динамическая типизация.
3. Объекты. Глобальные объекты. Методы объектов.
4. JSON.
5. Мутация в JavaScript.
6. Функции.
7. Операторы
8. Массивы. Методы массивов.
9. Деструктуризация объектов и массивов.
10. Условные инструкции.
11. Циклы.
12. Модули.
13. Классы и прототипы.
14. Промисы
15. Асинхронные функции

Модуль 3 - React JS
Программа React JS
1) Введение в React. Основы и ключевые понятия в React. Подключение библиотеки React.
2) Знакомтсво с JSX. Проект с JSX.
3) Проект React с изменением кнопки при нажатии.
4) Добавление состояния и свойств для компонента
5) Проект по переиспользованию компонентов
6) Проект по использованию props
7) Проект по условному возврату JSX
8) Проект с состоянием компонента
9) Проект по передаче состояния через свойства
10) Проект с методом массивов map
11) Проект с итерацией по массиву объектов
12) Проект с оператором И в коде JSX
13) Проект по использованию React Fragment
14) Проект по неконтролируемым/контролируемым полям ввода
15) Проект с использованием свойства children
16) Проект с fetch и useEffect
17) Проект с массивом постов
18) Проект с async await в useEffect
19) Проект с модулями CSS.
20) Context API
21) React Router
22) Разработка React SPA - TodoLIst: react-todo-list-594f5.firebaseapp.com
23) Разработка React SPA - Book Library - vitaliygalata1986.github.io/book-library-app
24) Разработка React SPA - Movie catalog: vitaliygalata1986.github.io/react-movies
25) Разработка React SPA - Mini online store: vitaliygalata1986.github.io/react-shop
26) Разработка React SPA - Food catalog: vitaliygalata1986.github.io/react-food
27) Redux. Принцип работы Redux и его преимущества. Использование createSlice в Redux.
28) Обработка API запросов в Redux.
29) Redux Thunk
30) Redux RTK Query
31) Рефарторинг проекта React SPA - Mini online store с применением Redux Toolkit vitaliygalata1986.github.io/react-shop-redux
32) TypeScript. Основы языка. Типы. Переменные и функции.
33) TypeScript. Объекты и интерфейсы. Generics.
34) Разработка интернет-магазина. Стек: React, TypeScript, Redux Toolkit, получение токена
при авторизации/регистрации : vitaliygalata1986.github.io/react-site-shop-redux-typescript/
Примеры моих работ

Back-end разработка:
zenbev.com
face-painting.ca
dozvil.ua
ai4ci.eu
ereleases.com
bavarianvillageonthelake.com
flymonroecounty.com
moonbowgifts.com
orthospec.com
shop.soccer.tangram-studio.com
uadcom.com
site402.tangram-studio.com
mkm.ua
memorial-dnepr.com.ua

Front-end разработка:
vitaliygalata1986.github.io/avtorent/index.html
vitaliygalata1986.github.io/bino_landing/index.html
vitaliygalata1986.github.io/armata/index.html
vitaliygalata1986.github.io/colorfalt/index.html
vitaliygalata1986.github.io/ford/index.html
vitaliygalata1986.github.io/kipr/index.html
vitaliygalata1986.github.io/kia/index.html
vitaliygalata1986.github.io/mitsubishi/index.html
vitaliygalata1986.github.io/rostex/index.html
vitaliygalata1986.github.io/rosconcert/index.html
vitaliygalata1986.github.io/rosconcert/rosconcert_gallery_main.html
vitaliygalata1986.github.io/house/index.html
35) NEXT JS

Программа back-end разработки

Модуль 4 - PHP
1. Установка и настройка Apache2 / PHP / MySQL серверов
2. Подготовка IDE для работы с PHP
3. Работа с переменными PHP
4. Типы массивов в РНР
5. Работа с массивами в РНР (операции, сортировка, счет, перемещение)
6. Принятие решений на основе условий
7. Повторение действий с помощью итерации
8. Работа с файлами
9. Манипулирование строками в РНР

Модуль 5 - Функциональное программирование и основы ООП
1. Многократное использование кода в РНР
2. Создание собственных функций в РНР
3. Суперглобальные переменные в РНР, работа с сессией

Модуль 6 - Работа с базами данных MYSQL
1. Проектирование баз данных
2. Создание баз данных MySQL
3. Утилиты для работы с базами данных (phpmyadmin)
4. Пользователи и права доступа к БД
5. Создание запросов к БД
6. Работа с MySQL с РНР

Модуль 7 - Объектно-ориентированное программирование
1. Концепции объектно-ориентированного программирования
2. Создание класса, атрибутов и операций в РНР
3. Реализация наследования в РНР
4. Composer
5. Автозагрузка классов

Модуль 8. WordPress.

Примеры моих работ

Back-end разработка:
zenbev.com
face-painting.ca
dozvil.ua
ai4ci.eu
ereleases.com
bavarianvillageonthelake.com
flymonroecounty.com
moonbowgifts.com
orthospec.com
shop.soccer.tangram-studio.com
uadcom.com
site402.tangram-studio.com
mkm.ua
memorial-dnepr.com.ua

Front-end разработка:
vitaliygalata1986.github.io/avtorent/index.html
vitaliygalata1986.github.io/bino_landing/index.html
vitaliygalata1986.github.io/armata/index.html
vitaliygalata1986.github.io/colorfalt/index.html
vitaliygalata1986.github.io/ford/index.html
vitaliygalata1986.github.io/kipr/index.html
vitaliygalata1986.github.io/kia/index.html
vitaliygalata1986.github.io/mitsubishi/index.html
vitaliygalata1986.github.io/rostex/index.html
vitaliygalata1986.github.io/rosconcert/index.html
vitaliygalata1986.github.io/rosconcert/rosconcert_gallery_main.html
vitaliygalata1986.github.io/house/index.html