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

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

  • Заполненных тем 6
  • Заполненных навыков 23
  • frontend Auth Paradigms API SOLID architecture
  • 1065
  • 2024-12-06 14:44:54
  • Функциональное программирование
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    Функциона́льное программи́рование — парадигма программирования, в которой процесс вычисления трактуется как вычисление значений функций в математическом понимании последних (в отличие от функций как подпрограмм в процедурном программировании).

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

    https://ru.wikipedia.org/wiki/Функциональное_программирование

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

    Принципы:

    • Абстракция
    • Инкапсуляция
    • Наследование (Делегация, Композиция, Агрегация)
    • Полиморфизм

    Знания на сеньора:

    • Динамическое связывание методов
    • Динамическое создание и уничтожение объектов
    • Значительная глубина абстракции
    • Наследование «размывает» код
    • Инкапсуляция снижает скорость доступа к данным

    https://ru.wikipedia.org/wiki/Объектно-ориентированное_программирование

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

    Знаю - знаю определение Понимаю - привести пример и досконально объяснить суть.

    https://ru.wikipedia.org/wiki/Принцип_единственной_ответственности

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

    https://ru.wikipedia.org/wiki/Принцип_открытости/закрытости

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

    https://ru.wikipedia.org/wiki/Принцип_подстановки_Лисков

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

    https://ru.wikipedia.org/wiki/Принцип_разделения_интерфейса

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

    https://ru.wikipedia.org/wiki/Принцип_инверсии_зависимостей

  • 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

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

    Model-View-Controller (MVC, «Модель-Представление-Контроллер», «Модель-Вид-Контроллер») — схема разделения данных приложения и управляющей логики на три отдельных компонента: модель, представление и контроллер — таким образом, что модификация каждого компонента может осуществляться независимо.

    Модель (Model) предоставляет данные и реагирует на команды контроллера, изменяя своё состояние.
Представление (View) отвечает за отображение данных модели пользователю, реагируя на изменения модели.
Контроллер (Controller) интерпретирует действия пользователя, оповещая модель о необходимости изменений.

    https://ru.wikipedia.org/wiki/Model-View-Controller

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

    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

  • Форматы изображений
    • Знакомо: Имею общее представление о большинстве форматах
    • Знаю: Знаю плюсы и минусы основных форматов 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
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

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