Figma {

Анализ макета, получение информации об элементах, экспорт графики}

HTML5 {
Тэги: <div> / <span>;
Семантика: <article>, <aside>, <nav>…
Свойства тэгов: type, disabled, checked…
Селекторы: tag, class, #id;
Доступность(a11y): видно + слышно}
CCS3 {
Синтаксис, селекторы;
Специфичность / наследование / каскадность;
Единицы измерения: px / rem / em / % / calc();
Box model: content / margin / padding / border;
Flex / Grid;
Media queries / Адаптивность / Кроссбраузерность;
Анимации;}
JavaScript {
Типы, структуры данных;
Массивы / Объекты / Функции;
Встроенные методы: reduce, map, splice…;
DOM манипуляции / События;
Асинхронность: async / await, promises;
ООП;
Запросы на бэк: Fetch / REST}
TypeScript{
Типы: string / number / Boolean…;
Generics;
Utility types: Pick, Omit, Record;
Конкретизация типов: keyof, typeof, as const…;
Smth is Type, Type[number];
Конфигурация проекта: tsconfig file…;
}
Браузер{

}
Контроль версий{
Клонирование проекта: git clone
Создание ветки: git switch -c;
Добавление изменений: git add / git commit;
Работа с репозиторием: github / gitlab / bitbucket;
Pull request / Resolve conflicts / Fetch / Merge
}
Покрытие тестами{
Юнит тесты: Jest / Vitest;
E2E тесты: Cypress;
UI тесты: DOM Testing Library;
MSW: тесты асинхронных запросов;
Практика тестов: тест реализации / тест UI;
Доступность: роли, селекторы;
Покрытие тестами: %
}
Перед изучением библиотек нужно написать проект используя следующие
технологии:
HTML: тэги, семантика, свойства тэгов, селекторы, доступность(a11y)
CSS: box model, flex grid, media queries, адаптивность, кроссбраузерность,
анимаци;
JavaScript: массивы, объекты, функции, reduce, map, splice, DOM, события,
async / await, fetch;
TypeScript: JavaScript + tsconfig, types, generics, Pick, Omit, Record, keyof,
typeofm as const;
Testing: покрытие тестами, юнит тесты, E2E тесты, тест асинхронных
запросов;
Git: проекты размещены на github с историей коммитов;
Browser console: debug, вкладки Elemens, Console, Network, Application: Local
Storage;
Фреймворки{
SPA: React, Angular, Vue;
Server: NextJS, Remix, Nuxt;
}
Перед изучением бэкенда нужно написать проект используя следующие
технологии:
Фреймворк: React / Angular / Vue / NextJS
Инкапсуляия стилей: SCSS modules, Tailwind, CSS-in-JS
Авторизация: JWToken, Cookie, роли, пользователь
Библиотеки для работы с бэком: axios, react-query;
Написаны свои компоненты: Input, Select, Checkbox…
Формы: ввод, валидация, запрос, редактирование
Тестирование: покрытие тестами, юнит, тесты, E2E тесты, тест асинхронных
запросов;
Hosting: проект размещен в интернете (Netlify, Vercel)
Бэкенд{
NodeJS – Express -> nest;
C# - DOTNET;
PHP – Laravel;
GoLang – GIN (не официальный);
Python – Flask - > Django;
Базы данных: PostgreSQL, MSSQL Server;
СУБД: PG Admin, NSSQL Management studio, Compass;
}
ORM: EF Core, Mongoose
Перед откликом на вакансию нужно написать проект используя следующие
технологии: