Portfolio

Larionov Anton | Контактная информация, портфолио с лучшими работами

Follow me on GitHub

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:

linkedin

phone email telegram instagram vk twitter

Tech Stack:

html pug css scss JS(OOP/MVC) TypeScript

Tools:

React Redux\Toolkit TailwindCss nodejs webpack gulp git github vscode avocode

Portfolio

React, Redux Toolkit, Typescript

github

html css ts react redux tailwind

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

github

html css js react redux

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

github

html css ts react

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)

github

html css js OOP/MVC Webpack

About project

Calculator on JavaScript (OOP/MVC)

  • Классический калькулятор c iphone, выполняющий базовые математические операции
  • Проект собирается самописной сборкой webpack
  • Структура проекта составлена в соответствии с паттерном MVC в объектно-ориентированном стиле
  • Вся логика написана на ванильном JavaScript
  • Данные приложения сохраняются в local storage

Todo JS (OOP\MVC)

github

html css js OOP/MVC

About project

Todo list on JavaScript (OOP/MVC)

  • Структура проекта составлена в соответствии с паттерном MVC в объектно-ориентированном стиле
  • Вся логика написана на ванильном JavaScript
  • События данных реализованны через Event Emmiter
  • Приложение умеет: добавлять, редактировать, отмечать как выбранные и удалять задачи
  • Данные приложения сохраняются в local storage

Startup

github

html css scss js jq git vscode prepros marsy

About project

Landing Page

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

Multidisciplinary clinic

github

html css scss js jq git vscode prepros marsy

About project

Тестовое задание по верстке

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

Elon Musc

github

html css scss js jq git vscode prepros marsy

About project

Тестовое задание по верстке

  • Flexbox
  • Градиенты
  • Различное позиционирование элементов
  • Адаптивное выпадающее меню
  • Использование относительных единиц EM
  • Префиксы под все современные браузеры
  • Full screen блок главного экрана
  • Адаптив по брейк пойнтам под любые устройства

Larionov Anton © 2022

Frontend Web Developer

Rostov-on-don