За пример для роадмапа взята данная ванакисия:

https://barnaul.hh.ru/vacancy/102046606?hhtmFrom=favorite_vacancy_list

Скилл-лист из вакансии:

• Backend — PHP. Мы много пишем на Laravel. Базы данных: MySQL, Postgresql, MongoDB.
• Frontend. Используем классические, популярные фреймворки: VueJS, React.
• Mobile. Flutter — топовый кроссплатформенный фреймворк от Google на языке Dart. React. Native — для бизнес-приложений.

To-Do:

Backend

• [ ] PHP
• [ ] Laravel
• [ ] MySQL
• [ ] Postgresql

Frontend

• [ ] VueJS
• [ ] React

Frontend (Фронтенд)

1. HTML/CSS

   • [ ] Основы HTML: структура страницы, теги, атрибуты.

     Основы HTML: Структура страницы, теги, атрибуты

   • [ ] Основы CSS: стилизация, селекторы, модель блочной коробки (box model), флексбокс, грид.

     Основы CSS: стилизация, селекторы, модель блочной коробки (box model), флексбокс, грид

   • [ ] Продвинутые темы: адаптивная верстка, медиазапросы.

     Продвинутые темы: Адаптивная верстка и медиазапросы

2. JavaScript

   • [ ] Основы: синтаксис, операторы, функции, объекты, массивы.

     Основы JavaScript: синтаксис, операторы, функции, объекты, массивы

   • [ ] Продвинутые темы: промисы, асинхронность (async/await), замыкания (closures), модули (ES6 modules).

     Продвинутые темы JavaScript: Промисы, Асинхронность (async/await), Замыкания (Closures), Модули (ES6 modules)

3. Фреймворки и библиотеки

   • [ ] React: основы компонентов, состояние (state), свойства (props), жизненный цикл компонентов, хуки (hooks).

     Основы React: Компоненты, Состояние (State), Свойства (Props), Жизненный цикл компонентов, Хуки (Hooks)

   • [ ] Vue.js или Angular (как альтернативы React).

     Основы Vue.js и Angular: Альтернативы React

4. Инструменты и окружение

   • [ ] Системы сборки и управления зависимостями: Webpack, npm, Yarn.

     Системы сборки и управления зависимостями: Webpack, npm, Yarn

   • [ ] Препроцессоры CSS: SASS или LESS.

     Препроцессоры CSS: SASS и LESS

   • [ ] Контроль версий: Git.

Backend (Бэкенд)

1. Языки программирования
   • [ ] JavaScript (Node.js): основы, работа с модулями, асинхронность, работа с файлами и потоками.
   • [ ] Python (Django, Flask) или Ruby (Ruby on Rails).
2. Фреймворки
   • [ ] Express.js для Node.js.
   • [ ] Django или Flask для Python.
   • [ ] Ruby on Rails для Ruby.
3. Базы данных
   • [ ] SQL базы данных: PostgreSQL, MySQL.
   • [ ] NoSQL базы данных: MongoDB.
4. API
   • [ ] RESTful API: создание, методы HTTP, обработка запросов и ответов.
   • [ ] GraphQL (опционально).