frontend-skills-checklist

Список скиллов для составления персонального роадмапа развития во Frontend

Качество кода

• Соглашения в именовании

Настройка инфраструктуры проекта

• Git основы
• StyleLint
• NPM
• Настройка сборки проекта

Язык

• Markdown

Архитектура

• Представление (UI)
• Сервисы
• Модели
• Сторы
• Utils
• Тема
• Изоляция стилей
• Локализация
• Форматирование дат и чисел
• Система диалогов
• Flow компоненты
• Event компоненты
• SVG иконки
• Layout компоненты

CSS

• Селекторы и псевдо-селекторы
• Поток контента
• Наследование
• Единицы измерения
• Блочная модель
• Каскадирование
• Адаптивный дизайн
• Flexbox
• Grid
• Фреймворки
• Типографика
• Формы
• Изображения

HTML

• Cемантика
• Формы
• Изображения

UI

• Шаблоны проектирования
• UX
• Изображения
• Типографика

Фреймворки

• Vue
• Svelte
• React

Библиотеки

• jQuery
• lodash
• Moment
• Axios
• MobX

Концепции React

• Component lifecycle, Reconsiliation
• Conditional rendering
• Functional and class components
• Inheritance vs. composition
• Controlled and uncontrolled components. Stateful and stateless components
• Higher order components (HOC)
• Render props
• Refs
• Portals and Fragments
• Component augmentation.
• Context API
• Error boundary
• PureComponent and Immutability
• React Hooks