Навыки

Frontend

• Vue2, Vue3

  Изучил прогрессивный JavaScript-фреймворк. Научился работать с классами, событиями, директивами, слотами, миксинами, компонентами, двух-связной привязке к полям ввода. А также composition api, proxy, typescript в vue3.

• Nuxt.js

  Изучил vue фреймворк для облегчения работы с ssr. Научился работать с page, layout, plugins, assets, routing, seo and meta, configuration.

• Vuex, Pinia

  Изучил библиотеку vuex для хранения состояния vue приложения. Изучил getters, dispatch, actions, mutations, modules, а также map helpers (mapGetters, mapActions, mapState, mapMutations) и работу с простраством имен для modules.

• Vue-router

  Изучил библиотеку vue-router для роутинга и создания SPA. Изучил router-link, router options, programmatic navigation, navigation guards, named routers.

• Vuetify

  Изучил ui фреймворк для vue приложений. Изучил helper classes, sass variables, components (app, grid, btn, tables, menu, v-text-field, validation, icon, img ...)

• Element-plus

  Изучил ui фреймворк для vue приложений. Изучил components, config, css-vars, подключение только нужных компонентов.

• Bootstrap-vue

  Изучил vue framework. Научился работать с многочисленными компонентами, иконками.

• Vue экосистема

  vite, nuxt, vue cli, vue-i18n, vuelidate, vueuse,

• Node.js

  Изучил язык программирования - Node.js. Научился использовать: path, file system (fs), es6 modules, commonjs modules.

• Javascript

  Изучил язык программирования - Javascript. Научился использовать: промисы, fetch, замыкание, символы, модули, strict mode, функции, классы, встроенные объекты, работать с DOM моделью сайта и работой с браузерными объектами (location, Event, localstorage)

• TypeScript

  Изучил TypeScript - типизированный js. Изучил типы (type), классы (class), generics (T), множества (enums), tsconfig (libs, options), интерфейсы (interface), а также пользоваться типами библиотек и изменять их.

• AJAX, Websockets

  Изучил AJAX - асинхронный JavaScript и XML. Научился работать с сервером: отправлять, получать запросы и обрабатывать их на странице. А также пользоваться библиотекой AXIOS. Изучил websockets для постонного соеденинения с сервером.

• Webpack

  Изучил сборщик проектов webpack Ссылка на репозиторий с конфигом.
  Пытаюсь понять как работает webpack под капотом в браузере (особенно импорты и экпорты). В дальшейшем есть планы посмотреть процесс компиляции на node.js webpack'а.

• Cypress

  Изучил способы end2end тестирования кода. Генерация событий(click), поиск элементов (get), проверка api запросов (intercept, wait), обработка загрузки файлов (cypress-file-upload), переход по урлам, fixtures.

• Тестирование.

  Изучил способы тестирования unit кода. 1. Jest фрейморк для написания тестов, применил: jsdom - для тестирования DOM, describe, test, except. 2. Хорошо знаю режим разработчика в браузере. 3. Научился тестировать сайты через подключение к телефону(google chrome + android), если баг происходит только на мобильном устройстве.

• Linters

  Научился настраивать проверку кода pug - puglint, ts - eslint, editorconfig - общие настройки, husky - для проверки при коммите, а также структурирование коммитов с помощью Conventional Commits.

• JSDoc/TSDoc

  Изучил JSDoc/TSDoc - продвинутые js комментарии. Научился комментировать функции. Люблю хорошо документированные проекты, поэтому уделяю большое внимание докуменатции к проектам. Научился создавать документацию по комментариям при помощи tsdoc.

• Canvas

  Изучил html элемент для создания графики с помощью JS. Научился рисовать изображения на холсте, импортировать холс в виде картинки, а также с контекстом элемента canvas.

• Chrome extensions

  Изучил chrome api для создания расширений. А также таких модулей как: chrome.runtime, chrome.tabs, chrome.storage.local, popup, manifest.json.

• Vue-ssr

  В ознакомительных целях.

Backend

• Laravel

  Изучил фреймфорк для PHP. Научился инициализировать стартовый проект. Работать с controllers, models, views, routes, artisan, database migration, query builder.

• PHP

  Изучил язык программирования PHP. Научился настраивать php.ini.

• MySQL

  Изучил реляционную систему управления базами данных MySQL. Научился разворачивать mysql сервер. Научился пользоваться MySQL Workbench и создавать модели.

• Apache

  Изучил кроссплатформенный веб-сервер (apache house for windows). Научился настраивать виртуальные хосты, использовать многочисленные директивы. Просматривать логи, добавлять дополнительные модули (php, mysql).

• Composer

  Изучил мендеждер зависимостей для PHP. Научился устанавливать composer и работать с пакетами.

• XDebug

  Изучил средство отладки PHP скриптов. Научился подключать xdebug к PHP и запускать пошаговую отдалку в PHPStorm и VS Code.

• SQL

  Изучил язык структурированых запросов SQL. Знаю на уровне запросов: insert, select, join, update, delete, а также нормальные формы Бойса-Кодда.

• Linux

  Изучил операционную систему Linux . Научился пользоваться терминалом, настраивать LAMP сервер.

• PHPStorm

  Изучил мощный редактор кода для PHP.

• Wordpress

  Изучил CMS систему управления контентом. Научился работать со стандартными классами и методами, владеть бызовыми знаниями в php, работать с админкой и связывать админку с версткой.

Верстка

• Bootstrap

  Изучил css framework для верстки. Научился работать с компонентами (accordion, breadcrumb, modal, offcanvas, ...), системой сеток, а также подключать только нужные scss и js файлы.

• Верстка

  Изучил верстку страниц сайта по PSD, Figma макету. Научился верстать адаптивно и кроссбраузерно с применением медиа запросов. Использование семантической верстки для улучшения качества кода.

• Gulp

  Изучил таскранер Gulp. Научился использовать плагины для минификации кода и изображений, сборки файлов, постпроцессоры, сервер проекта, а также линтеры для JS, CSS, PUG. Ссылка на репозиторий с конфигом.

• Опт-ция сайта

  Изучил методы оптимизации сайта. Научился использовать програссивные форматы изображений (webp), ленивую загрузку фото, минимальную вложенность DOM, минификация кода, а также научился работать с панелью разработчика для отслеживания процесса работы сайта. Умею довести баллы сайта по goggle page speed до зеленой зоны.

• JQuery

  Изучил библиотеку для js - JQuery. Научился использовать селекторы, события, методы работы с DOM, эффекты и анимацию.

• HTML5

  Изучил язык гипертекстовой разметки текста - HTML. Научился делать качественную разметку веб-страницы, используя всевозможные тэги и атрибуты. Поддержка accessibility - для доступности проекта всеми людьми.

• CSS3

  Изучил таблицу каскадных стилей CSS. Научился использовать grid и flex в зависимости от поставленной задачи, а также всевозможные стили.

• scss/sass/less

  Изучил CSS препроцессоры. Научился использовать переменные, миксины, вложенность, циклы, импорты для ускорения верстки сайта.

• Pug

  Изучил шаблонизатор для html. Научился использовать циклами, переменными, блоками, импортами, инклюдами, миксинами.

• БЭМ

  Изучил методологию верстки - BAM-naming. Научился стандартному наименованию классов и разделению ответственности между блоками, а также конецпции блок, элемент, модификатор.

• MJML

  Изучил фреймворк для верстки писем. Научился использовать тэгами и стилями.

• Yandex map api

  Изучил api яндекс карта для создания взаимодействия пользователя с картой.

Остальное

• Программирование

  Изучил паттерны проектирование. Применил skeleton, chain of responsibility. Изучил принципы программирования DRY(don't reapet yourself), KISS(keep it simple, stupid).

• Git / Github

  Изучил систему контроля версий. Научился пользоваться git bush для локальной работы с проектом и github для хранния проекта на удаленном сервере, а также коммитить, пушить, мержить, работать с ветками, стэшить и изучил pull request и fetch. Использую gitlab и github

• Англ. язык

  Свободное чтение документаций к плагинам, фреймворкам, а также любая информация в интернете. Документацию стараюсь читать только в оригинале. В планах свободное понимание английской речи в видео.

• Agile (scrum)

  Изучил методологию гибкой разработки. Работа по спринтам, ежедневные обсуждение.

• Figma

  Изучил инстурмент для создания дизайна сайта. Изучил работу с текстом (стили текста), с цветами (стили цветов), а также компоненты, группы и фреймы.

• Доп. инструменты

  Phpstorm, Webstorm, Open Server, VS CODE, FTP, SSH, Yandex map api, С#

• Книги

  "Совершенный код" - Стив Макконнелл, "Идеальный программист" - Роберт Мартин, "Как устроен JavaScript" - Крокфорд Дуглас