Матрица компетенций для IT специалиста

Матрица пользователя : Andreydavidov2264

  • Заполненных тем 16
  • Заполненных навыков 76
  • PHP Frontend Сеть Javascript Auth CSS фреймворки Владение языками API Фреймворки mysql
  • 1558
  • 2025-01-06 03:49:54
  • OpenAPI
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://ru.wikipedia.org/wiki/OpenAPI_(спецификация)

  • REST(FULL) API
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://ru.wikipedia.org/wiki/REST

    https://google.aip.dev/general

  • WebSocket
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    WebSocket — это протокол двусторонней связи для постоянного обмена сообщениями клиента и сервера. Как и HTTP, WebSocket работает поверх TCP. Но вместо периодического соединения формата «запрос – ответ», держит постоянное соединение с сервером. Поэтому сервер всегда знает конкретного клиента «в лицо» и может отправить ему данные без дополнительного запроса. Например, используется для систем оповещений и чатов браузерных игр.

    До появления полноценного стандарта подобные задачи решались двумя способами. Первый, периодические запросы «у меня есть новые сообщения» — но этот способ фактически мертв. Второй, Long-polling запросы — сервер не ограничен по времени, в течении которого он должен отдать ответ. Когда сервер получает запрос, он ответит на него, когда данные будут доступны для отправки. А браузер, в свою очередь, как только получит эти данные, сразу же делает новый запрос. Для конечного пользователя это выглядит как постоянное соединение с сервером.

    В отличие от gRPC, вам не нужно будет изучать какой-то специфический формат обмена данными. WebSocket использует свой собственный бинарный формат, внутри которого вы можете передавать что угодно в удобной для вашего приложения форме.

    Общение через WebSocket может быть реализовано по принципам REST — HTTP-метод + ресурс + тело запроса. Или реализовано, как JSON-RPC — имя процедуры + список параметров. Либо вовсе использовать GraphQL — называется «подпиской» (subscription).

    Самое частое применение WebSocket — real-time чаты. Новое сообщение получатель видит, когда сервер рассылает сообщения всем адресатам, а не когда запрашивает сам. Библиотеки для WebSocket-сервера существуют почти для всех языков и их фреймворков. Вопрос будет только в выборе самого популярного и/или удобного лично для вас.

    https://developer.mozilla.org/ru/docs/Web/API/WebSockets_API https://learn.javascript.ru/websockets

  • SOA
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Се́рвис-ориенти́рованная архитекту́ра (СОА, англ. service-oriented architecture- SOA) — модульный подход к разработке программного обеспечения, базирующийся на обеспечении удаленного использования по стандартизированным протоколам распределённых, слабо связанных[англ.], легко заменяемых компонентов (сервисов) со стандартизированными интерфейсами.

    Программные комплексы, разработанные в соответствии с СОА, обычно реализуются как набор веб-служб, взаимодействующих по протоколу SOAP, но существуют и другие реализации (например, на базе jini, CORBA, на основе REST).

    https://ru.wikipedia.org/wiki/Сервис-ориентированная_архитектура https://habr.com/ru/companies/vk/articles/342526/

  • Laravel
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Laravel — бесплатный веб-фреймворк с открытым кодом, предназначенный для разработки с использованием архитектурной модели MVC (англ. Model View Controller — модель-представление-контроллер). Laravel выпущен под лицензией MIT.

    https://laravel.com/docs/

  • Yii 2/3
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Yii (произносится [ji:] и часто пишется по рус. йии]) — объектно-ориентированный компонентный фреймворк, реализующий парадигму MVC

    https://www.yiiframework.com/doc/guide

  • Phalcon
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Phalcon — PHP фреймворк с открытым исходным кодом, написанный на Си. В данный момент поддерживается версия переписанная на Zephir.

    Основывается на идеях MVC. Разрабатывается компанией Phalcon Team. Фреймворк Phalcon PHP распространяется по лицензии BSD с учетом «New BSD License».

    https://docs.phalcon.io/3.4/introduction/

  • CakePHP
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://book.cakephp.org/4/en/quickstart.html

  • Минификация
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Cжатие js/css кода для ускорения загрузки

    https://sky.pro/wiki/javascript/minimizaciya-i-obuedinenie-css-i-js/

  • Транспиляция
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Преобразование кода на новую версию или другой язык

    https://ru.wikipedia.org/wiki/Транспайлер

  • Code Splitting
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Разделение кода на пакеты, чтоб загружать его по мере необходимости.

    Применяется совместно с Lazy Loading

    https://frontend-stuff.com/blog/react-code-splitting/

  • Lazy Loading
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Загрузка кода по частям по мере необходимости.

    Применяется совместно с Code Splitting

  • Tree Shaking
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Удаление не используемого кода.

    https://sky.pro/wiki/javascript/tree-shaking-v-javascript-kak-umenshit-razmer-bandla/

  • Форматы изображений
    • Знакомо: Имею общее представление о большинстве форматах
    • Знаю: Знаю плюсы и минусы основных форматов jpg, png, gif, svg, ico
    • Понимаю: Понимаю и могу объяснить как устроены алгоритмы сжатия в различных форматах.

    Растровые и векторные форматы изображений (jpg, png, gif, svg, ico, tiff, avif, apng, hiec, webp, bmp, raw и т.д.).

    Оптимизация и особенности применения.

    https://habr.com/ru/articles/803823/

  • SVG
    • Знаю: Базовый синтаксис и принцип работы
    • Понимаю и применяю: Могу поменять текст, сформировать новое изображение с нуля, анимировать графику

    https://developer.mozilla.org/ru/docs/Web/SVG/Tutorial

  • Оптимизация загрузки ресурсов
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    способы подключения ресурсов (async/defer, prefetch/preload)

    Preload, prefetch и другие теги https://habr.com/ru/articles/445264/

    Разница между async и defer у тега script https://wp-kama.ru/id_12151/raznitsa-async-defer.html

    Как быстрее DOM построить: парсинг, async, defer и preload https://habr.com/ru/articles/338840/

  • CDN
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Хранение статики

  • Service Worker
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Основное назначение - Push уведомления, фоновая синхронизация и кэшерование.

    https://developer.mozilla.org/ru/docs/Web/API/Service_Worker_API/Using_Service_Workers

  • .call и .apply
    • Знаю: Знаю что это, читал/изучал.

    разница между .call и .apply

  • cookie, sessionStorage и localStorage
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Разница и ограничения cookie, sessionStorage и localStorage.

    https://learn.javascript.ru/localstorage?ysclid=m4f9fptrr1171420958

  • let, var и const
    • Знаю: Знаю что это, читал/изучал.

    Разница между let, var и const

  • Обработка ошибок и исключений
    • Знаю: Знаю что это, читал/изучал.

    Обработка ошибок и исключений

  • Promise
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    https://habr.com/ru/companies/otus/articles/686670/

  • Fetch
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

  • CORS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    CORS (Cross-Origin Resource Sharing, англ.  «совместное использование ресурсов разных источников») — это стандарт, позволяющий предоставлять веб-страницам доступ к объектам сторонних интернет-ресурсов. Сторонним считается любой интернет-ресурс, который отличается от запрашиваемого протоколом, доменом или портом.

    Доступ предоставляется по специализированным запросам. Интернет-ресурс, принимающий запрос, содержит список доверенных источников, которым разрешен доступ к объектам. Страница-источник запроса получает доступ, если входит в список доверенных источников. Для предоставления доступа всем сторонним интернет-страницам используется маска «*». Как появился стандарт

    Первоначально для защиты информации была разработана «Политика одинакового источника» (Same-Origin Policy, SOP). Поддерживающий политику SOP веб-браузер сверяет комбинации сетевого протокола (например, https), точное имя домена и номер порта, чтобы разрешить доступ к ресурсам веб-страницы по запросам с другой страницы. Политика SOP не обязательна к применению, однако все современные веб-браузеры ее поддерживают.

    Если веб-ресурсы интернет-источника соответствуют SOP, для доступа к ним из другого источника браузер должен поддерживать технологию Cross-Origin Resource Sharing. В 2006 году рабочая группа Консорциума Всемирной паутины (World Wide Web Consortium, W3C – организация, разрабатывающая интернет-стандарты) представила первый рабочий проект этой технологии. В 2014 году CORS был принят в качестве Рекомендации W3C. Структура Cross-Origin Resource Sharing

    Методы CORS предназначены для управления доступом к дескрипторам (тегам) на веб-страницах в сети. Управляемые типы доступа подразделяются на три основных категории по работе с информацией сторонних ресурсов:

    Доступ на запись — это доступ к ссылкам, заполнению веб-форм и переадресации на сторонние веб-страницы, т.е. на передачу информации в сторонний источник (веб-ресурс).

    Доступ на вставку относится к категории доступа на считывание информации из стороннего источника. К этому типу принадлежат вставки в код дескрипторов audio, video, img, embed, object, link, script, iframe и другие элементы оформления веб-страниц. Структура подобных дескрипторов подразумевает самостоятельную инициацию перекрестных (cross-origin) запросов из сторонних источников. Все дескрипторы этой категории представляют низкий уровень угрозы безопасности, поэтому разрешены в веб-браузере по умолчанию.

    Доступ на считывание — это дескрипторы, загружаемые с использованием фоновых методов вызова, таких как fetch(), технологии обмена данными Ajax и пр. Поскольку подобные дескрипторы могут содержать в теле любые участки кода (в том числе вредоносного), они запрещены в веб-браузерах по умолчанию.

    При настройке веб-сайта механизм CORS позволяет выборочно блокировать различные категории доступа пользователя к ресурсам (запись, вставку или считывание).

    https://yandex.cloud/ru/docs/glossary/cors https://habr.com/ru/companies/macloud/articles/553826/

  • NaN
    • Знаю: Знаю что это, читал/изучал.

    Что такое и особенности NaN

  • NodeJS
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Как работает Node JS? Почему Node JS однопоточный? Объясните асинхронность и неблокировку.

    https://metanit.com/web/nodejs/ https://habr.com/ru/companies/ruvds/articles/422893/

  • Дженерики/Generic Types
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://habr.com/ru/companies/tbank/articles/588655/

  • Компоненты в Vue
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    компоненты в Vue

  • Дерективы
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Директива в Vue похожа на директиву Angular. Директивы позволяют расширить компоненты HTML новыми атрибутами и тегами. Директивы в основном предназначены для повторного использования логики, включающей низкоуровневый доступ к DOM для простых элементов. Vue предоставляет набор встроенных директив, помогающих разработчикам в распространенных случаях использования. Ниже приведены часто используемые директивы вместе с их поведением: v-show – переключает видимость элемента v-if – условно визуализирует элемент или фрагмент шаблона v-else – блок else to v-if v-for – многократно отображает элемент или блок шаблона на основе исходных данных.

  • События
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    События

  • Фильтры
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Фильтры — это способ преобразования вывода для рендеринга. Фильтры обычно используются для преобразования и форматирования текста. По сути, фильтр — это функция, которая принимает значение и возвращает преобразованное значение, которое затем отображается в шаблоне. Пользовательский фильтр можно определить локально, создав свойство с именем фильтра внутри объекта filter и назначив ему функцию, содержащую логику преобразования.

  • Семантическая верстка
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://doka.guide/html/semantics/

  • Псевдо-классы
    • Знаю: Знаю что это, читал/изучал.

    псевдо-классы

  • Псевдо-элементы
    • Знаю: Знаю что это, читал/изучал.

    Псевдо-элементы

    ::after, ::before

  • Селекторы и приоритеты стилей
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    https://wp-kama.ru/note/css-prioritety-kaskadnost

  • LESS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    LESS

  • SASS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    SASS

  • БЭМ
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    БЭМ

  • Bootstrap
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Bootstrap

  • Foundation
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Foundation

  • Bulma
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Bulma

  • Tailwind
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Tailwind

  • TCP/IP
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    TCP/IP

  • UDP
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    UDP

  • HTTP/HTTPS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    HTTP/HTTPS

  • IMAP/POP3
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    IMAP/POP3

  • SSH
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    SSH

  • TLS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    TLS

  • DNS
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    DNS

  • Сетевая безопасность
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.
    • DDOS
    • XSS
  • Сетевая модель OSI
    • Джун: Начальные/Поверхностные знания.
    • Мидл: Средние знания. Можете объяснить суть и есть опыт применения..
    • Сеньор: Продвинутые знания. Можете показать на примере, знаете нюансы и можете научить.

    Сетевая модель OSI (The Open Systems Interconnection model) — сетевая модель стека (магазина) сетевых протоколов OSI/ISO. Посредством данной модели различные сетевые устройства могут взаимодействовать друг с другом. Модель определяет различные уровни взаимодействия систем. Каждый уровень выполняет определённые функции при таком взаимодействии.

    https://ru.wikipedia.org/wiki/Сетевая_модель_OSI

  • Английский

    Сертификация CEFR

    Английский