| Категория | Технологии / То, что использую |
|---|---|
| Основа | HTML, CSS, Flexbox, семантическая структура (<header>, <main>, <section>) |
| Фреймворк | React (компоненты, useState, useEffect, map, key, управляемые инпуты) |
| Типизация | TypeScript (интерфейсы, type, union-типы , типизация useState) |
| Стили | Tailwind CSS (адаптив через md:, flex, grid) |
| Сборка | Vite (быстрый dev-сервер, npm run dev) |
| Назначение | То, что использую |
|---|---|
| Контроль версий | Git (add, commit, push, pull, branch, merge), GitHub |
| Отладка | console.log, DevTools (Elements, Console), debugger |
| Деплой | GitHub Pages |
- REST API:
GET/POST/PUT, статусы (200,201,404,500) fetch+async/await+try/catch- Обработка ошибок:
response.ok,response.status - Безопасность: к примеру использую
textContentвместоinnerHTML(защита от XSS) - Доступность: стараюсь использовать
<button>вместо<div onclick>,altдля изображений - Архитектура: вынос компонентов в отдельные файлы, избегаю мутаций (
...вместо прямого изменения массива)
| Название | Стек | Что сделано | Ссылка |
|---|---|---|---|
| Курс: Web‑разработка | Bootstrap | Адаптивная структура, карточки, кнопки, формы | открыть |
| Тема + текст | React, TS | Переключение темы, сохранение в localStorage, управляемые инпуты |
код |
| Прокрутка | Vanilla JS | Индикатор скролла, плавный возврат наверх | код |
| Lasles VPN | React, TS, Tailwind | адаптивная сетка, первый выложенный сайт на react | открыть |
| Сайт одежды | HTML, CSS, JS, SCSS | Работа со стилями | открыть |
| Портфолио | React, TS, Vite | Минималистичный лендинг | открыть |
- Создавать компоненты и управлять состоянием через
useState - Работать с API:
fetch, получение JSON - Типизировать данные
- Обрабатывать события
- Сохранять данные через localStorage
- Фильтровать и искать
- Работать с Git: коммиты, ветки, пуллы, откаты
- Писать без мутаций
- Email:
maxas1488@gmail.com - Telegram:
@fex_d - GitHub: @Fe1exxx
- Портфолио: fe1exxx.github.io/Portfolio


