Дорожная карта — лучший способ начать свои попытки стать фронтенд-разработчиком.
Минимум тем для работы над продуктовой организацией.
𝗕𝗮𝘀𝗶𝗰 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀:
1. Типы данных
2. Функции
3. Sco pe в JavaScript
4. Замыкание
5. Цикл обработки событий
6. Прототип и цепочка прототипов
7. Класс и наследование
8. DOM
9. bind/call/apply
10. Promise
11. WebAPI
12. Очередь задач
13. Стек вызовов
14. Async/await
15. Генераторы
16. Typescript
𝗕𝗮𝘀𝗶𝗰 𝗛𝗧𝗠𝗟 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀:
1. блочный элемент
2. импорт
3. и т.д. — бесконечные вопросы
𝗕𝗮𝘀𝗶𝗰 𝗖𝗦𝗦 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀:
1. Класс и другие селекторы
2. Псевдоклассы
3. Блочная модель
4. Псевдоэлементы
5. Тип CSS — флекс, сетка , normal
6. Как центрировать
7. Псевдоклассы и элементы
8. Все состояния элементов — активно, при наведении
9. Медиа-запросы
10. Предварительно процессоры — SCSS или LESS
1. миксины
11. CSS-константы
12. БЭМ
13. Импорт
𝗕𝗮𝘀𝗶𝗰 𝗪𝗲𝗯 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀:
1. Цикл рендеринга страницы
2. http/https/https2
3. CORS
4. Локальное хранилище/хранилище сеансов
5. Файл cookie< br /> 6. JWT
7. XHR
8. Micro Frontend
9. Соединение REST/GraphQL/Socket
10. Концепции браузера
11. Отладка приложения< br /> 12. Возможности Chrome Dev Tool
𝗔𝗱𝘃𝗮𝗻𝗰𝗲𝗱 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀:
1. Концепция ООП
> 2. Шаблоны проектирования
а. Синглтон
б. Поставщик
c. Прототип
d. Наблюдатель
e. Модуль
f. HOC
3. Глубокое понимание V8
a. JIT
б. Переводчик
c. Исполнение
d. Компилятор
4. Каррирование
𝗕𝗮𝘀𝗶𝗰 𝗥𝗲𝗮𝗰𝘁𝗝𝗦 𝗖𝗼𝗻𝗰𝗲𝗽𝘁𝘀 (бонус): -
1. Введение в JSX
2. React Component
3. Состояние и свойства компонента
4. Добавление стиля (CSS)
5 Функциональные и классовые компоненты
6. Методы жизненного цикла React
7. Виртуальная модель DOM
8. Перехватчики React
9. Пользовательские перехватчики
10. Context API
11. Синтетические события
12. Маршрутизация
13. Поток данных (Redux/Flux)
14. Рендеринг на стороне сервера
15. Модульное тестирование
16. Jest & Библиотека тестирования React
17. Мокирование данных
18. Понимание Webpack (Bundler)
19. Babel, env, prettier, linter
Сохраните его для дальнейшего использования
