
Larionov Anton (31 year)
Frontend Web Developer
Rostov-on-don
About me
Пишу проекты на стеке React \ Typescript \ Redux Toolkit \ Tailwind (CSS, SCSS)
В поиске IT вакансий и команды для совместной веб разработки.
Из языков и технологий знаю:
- WEB - клиент-сервер, протоколы - tcp\ip, dns, dhcp, http (get, post, put, delete, option)
- HTML - структура документа, теги, атрибуты, формы, семантика
- CSS - БЭМ, селекторы, свойства, классы, псевдоклассы, псевдоэлементы, каскадирование, наследование, приоритет, медиазапросы
- SCSS - переменные, вложенность, фрагментирование, миксины, расширение, мат.операторы
- JavaScript - переменные, типы данных, операторы, условия, циклы, функции (рекурсия, замыкание, колбеки, промисы), классы, обьекты, прототипное наследование, this, работа с DOM, модули, обработка ошибок, паттерны (ООП, MVC)
- TypeScript - типы данных, проверка типов, преобразование типов, generic, tuples, enum, alias, интерфейсы, модификаторы доступа
- React - jsx разметка, рендеринг, компоненты, пропсы, состояние, контекст, обработчики событий, формы, списки и ключи
- Redux \ Toolkit - store, actions, reducers, saga, slices, RTK Query, using with TypeScript
- GIT - команды config, init, add, commit, reset, revert, rebase, clone, remote, push, pull, branch, checkout, merge, log
- Webpack - точка входа\выхода, bundle, plugins, loaders, mode (dev,prod), dev server
- NodeJS -
- Unit тестирование -
Увлекаюсь йогой, плаванием, горным трекингом и игрой на музыкальных инструментах.
Follow me:
Tech Stack:
Tools:
Portfolio
React, Redux Toolkit, Typescript

About project
Github Search. React \ Redux Toolkit application on Typescript
- Live search пользователя Github по его username. Асинхронные запросы при помощи RTK Query (createApi) для получения данных пользователя от Github api
- Обработка ошибок при запросах, индикатор процеса загрузки
- State manager - Redux Toolkit: configureStore, createSlice, createApi, useDispatch, useSelector
- Полученные данные рендерятся внутри функциональных компонентов React
- Реализованна функция добавления \ удаления ссылки на Github репозиторий в избранное с сохранением данных в Local Storage
React, Redux, Javascript

About project
React \ Redux application on JavaScript
- Асинхронные запросы при помощи redux-thunk для получения списка комментариев на api 'jsonplaceholder'
- Обработка ошибок при запросах, индикатор процеса загрузки
- Данные распределены через Redux: createStore, Actions, Action Creators, Reducers, Immutable Data, hooks 'useSelector', 'useDispatch', 'useState
- Полученные комментарии рендерятся внутри функциональных компонентов React
- Реализованна функции добавления\редактирования\удаления комментариев. Добавления лайков и дизлайков
React application on TypeScript

About project
React application on TypeScript
- Асинхронные запросы при помощи Axios для получения списка товаров на 'fakestoreapi'
- Асинхронные запросы реализованны при помощи кастомного хука
- Полученные товары рендерятся внутри функциональных компонентов React: components, state, hooks, props, jsx, event handlers
- Данные приложения распределятся React Context и строго типизированны TypeScript
- Роутинг страниц - 'react-router-dom'
- Реализованна кнопка "Показать Детали" через хук useState
- Реализованна возможность добавить собственный товар передав заголовок через асинхронный запрос на 'fakestoreapi'
<>
Calcuator (OOP/MVC)

About project
Calculator on JavaScript (OOP/MVC)
- Классический калькулятор c iphone, выполняющий базовые математические операции
- Проект собирается самописной сборкой webpack
- Структура проекта составлена в соответствии с паттерном MVC в объектно-ориентированном стиле
- Вся логика написана на ванильном JavaScript
- Данные приложения сохраняются в local storage
Todo JS (OOP\MVC)

About project
Todo list on JavaScript (OOP/MVC)
- Структура проекта составлена в соответствии с паттерном MVC в объектно-ориентированном стиле
- Вся логика написана на ванильном JavaScript
- События данных реализованны через Event Emmiter
- Приложение умеет: добавлять, редактировать, отмечать как выбранные и удалять задачи
- Данные приложения сохраняются в local storage
Startup

About project
Landing Page
- Префиксы под все современные браузеры
- Адаптив по брейк пойнтам под любые устройства
- Full screen блок главного экрана
- 2 слайдера реализованный при помощи библиотеки slick slaider
- Блок с табуляцией
- Форма с валидацией
- Блог
Multidisciplinary clinic

About project
Тестовое задание по верстке
- Popup c формой на JavaScript
- Форма с валидацией маской ввода на JavaScript
- Отправка формы на почту (PHPmailer)
- Слайдер с счетчиком слайдов на JQ (SlickSlider)
- Адаптивное выпадающее мобильное меню на JavaScript
- Flexbox
- Использование относительных единиц EM
- Префиксы под все современные браузеры
- Адаптив по брейк пойнтам под любые устройства
Elon Musc