12 тем, изучив которые станешь Frontend разработчиком без курсов!
HTML-код
- Опубликовано: 10 фев 2025
- 12 тем, которые нужно знать, чтобы стать frontend
Программирование - это две вещи: данные и их обработка
Код - это набор команд
1. Редакторы кода, структура проекта
2. GIT, GitHub, работа с командной строкой bash/powershell
3. HTML + CSS (семантика, доступность, адаптивность, декорирование)
4. JavaScript (DOM-дерево, типы, переменные, условия, циклы, массивы, функции, объекты, дебагинг, события и их обработка, асинхронность, работа с формами, модульность, работа с API, регулярные выражения, тернарный оператор, event loop, деплой проекта)
5. Сборка кода Webpack, установка зависимостей, подключение плагинов, eslint, prettier
6. Typescript: типизация кода, специальные типы, дженерики, типизация dom-элементов и их событий, типизация объектов
7. ООП, SOLID и паттерны: синтаксис классов, работа с объектами в ООП, принципы ооп: инкапсуляция, наследование, полиморфизм, принципы SOLID, DRY, BDUF, KISS, SSOT, бритва оккама, композиция классов, паттерны ООП: singleton, adapter, facade, proxy, observer, builder
8. Архитектура приложения: проектирование
9. React: SPA, фреймворки, virtual dom, jsx, компоненты, пропсы, дочерние элементы, обработка событий в реакт, обработка css - модули, react dev tools, состояния и эффекты: хуки, кастомные хуки, жизненный цикл компонентов: классовые и функциональные компоненты, чистые компоненты, вёрстка с помощью react jsx
10. Роутинг, события, регистрация событий, порталы, hoc компоненты, глобальные состояния, управление состоянием, редюсер, контекст, react router: маршрутизация, авторизация: защищенный маршрут, куки, localstorage
11. Redux/ redux toolkit: redux dev tools, legacy action и reducer, toolkit: slice & use
12. Тестирование: оптимизация, тестирование с jest, cypress, организация продакшнена проекта
Отличное видео! Особенно разбор каждого из пунктов и краткого пояснения, что это такое.