Платную информацию можно найти слитую на складчинах / торрентах

Вёрстка

1. Тренажёры - HTML Academy
2. Курс - базовая вёрстка HTML Academy
3. Курс - продвинутая вёрстка HTML Academy
4. Навыки - HTML Academy
5. Ютуб канал с марафонами по вёрстке
6. Помощник по гридам
7. Помощник по флекс боксам

Git

1. Документация
2. Курс - git полный курс для начинающих и не только
3. Игра - learn git branching

Javascript

1. Учебник
2. Hexlet - курсы по javascript
3. Основы программирования Объём материала: 36 лекций (из них 4 вводные лекции, 8 лекций по языку JS, 18 лекций по фундаментальным понятиям теории программирования, 6 лекций по инструментам и процессу разработки), 8 семинаров, 9 лабораторных работ, 47 репозиториев с примерами кода.
4. Асинхронное программирование Объем материала: 24 лекции, 27 репозиториев с примерами кода.
5. Чистая node.js Объем материала: 38 лекций, 37 репозиториев с примерами кода, 4 PDF со слайдами.
6. Курс - javascript инженер
7. Задачи и решения с OpenSource проектов

Typescript

1. Видео - typescript это трата времени?
2. Книга - typescript в деталях
3. Курс
4. Помощник по типизации react

React

1. Документация - react
2. Курс - react + redux с нуля
3. Курс - продвинутые паттерны в react
4. Ютуб канал с краш курсами по реакту
5. Ютуб канал с краш курсами по реакту
6. Ютуб канал Айти синяк - все видео по реакту
7. Ресурс для изучения react
8. Конфереция - почему логика должна быть отделена от UI
9. Статья - структурирование файлов
10. Статья - структурирование файлов
11. Последние новости react сообщества

Web apis

1. Web workers api
2. Background fetch api

Тестирование

1. Курс - автоматическое тестирование
2. Курс - unit тестирование в javascript
3. Курс - тестирование react и redux приложений

Веб-компоненты

1. Документация - learn
2. Документация - MDN
3. Документация - google
4. Книга - веб-компоненты в действии
5. Курс - веб-компоненты и stencil.js
6. Курс - вёрстка компонентов
7. Сайт - кейсы DOM
8. Сайт - кейсы CSS
9. Шаблоны themeforest
10. Сайт - примеры веб-компонентов
11. Сайт - 55 примеров реализаций веб-компонентов

Микрофронтенды

1. Сайт - основополагающая идея
2. Книга - микрофронтенды в действии
3. Конференция - 36 видео. Микрофронтенды на модулях и веб-компонентах
4. Конференция - 1 день баланс между общим и частным на огромных масштабах
5. Конференция - 2 день микрофронтенды на тинькофф
6. Доклад - микрофронтенды и виджеты в 2021 году
7. Курс - микрофронтенды с webpack module federation
8. Проблемы микрофронтендов

UI

1. Конференция - 1 неделя. UI
2. Видео - GUI Challenge
3. Сайт - GUI Challenge
4. UI библиотеки

System Design

1. Ютуб канал Frontend Engineer - все видео по system design
2. Ютуб канал JSer - все видео по system design
3. Конференция - публичное собеседование по архитектуре фронтенда
4. Задачи на system design

Architectural Patterns

1. Цикл статей по архитектурным паттернам

Design patterns

1. Refactoring Guru

Webpack

1. Документация - webpack
2. Курс - продвинутый курс по webpack

DevOps

1. Курс - CI/CD для javascript разработчика
2. Prometheus + Grafana
3. Docker + ansible

Soft skills

1. Конференция - 2 неделя. 10х инженер

Ресурсы для изучения

1. Coursehunter
2. [Hexlet]
3. Stepik
4. Coursera
5. Udemy
6. Computer Science Center

Карта развития

1. Fullstack development
2. Javascript ninja