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

Матрица пользователя : hz-kicz.jalilov

  • Заполненных тем 5
  • Заполненных навыков 27
  • Frontend Javascript Владение языками VueJS CSS
  • 417
  • 2024-12-17 14:58:57
  • Минификация
    • Знаю: Знаю что это, читал/изучал.
    • Понимаю: Понимаю (знаю достоинства и недостатки) и был опыт применения.

    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/

  • .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/

  • 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

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

    Event loop

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

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

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

    Реквизиты (или свойства) — это настраиваемые атрибуты, которые вы можете зарегистрировать в компоненте. Они используются для передачи данных от родительского компонента к его дочерним компонентам. Когда значение передается как атрибут prop, оно становится свойством экземпляра компонента, и к нему можно получить доступ с помощью ключевого this слова.

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

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

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

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

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

    События

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

    Vue упрощает обработку пользовательского ввода и синхронизацию с помощью v-model директивы. Директива v-model обновляет модель при каждом изменении шаблона и обновляет шаблон при изменении модели.

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

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

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

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

  • Нормализаця стилей
    • Знаю: Знаю что это, читал/изучал.

    нормализаця стилей

  • Медиазапросы
    • Знаю: Знаю что это, читал/изучал.

    Медиазапросы

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

    animation,transition,transform

  • Английский

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

    Английский