VueJS
VueJS progression
1. Vue basics
Plan based on Vue basic tutorials
- Vue installation
- Basic tutorials: Vue features
- ref: reactive variables
- features: template syntax, v-on, v-bind, v-for, v-if, ref
- Vue app lifecycle
- Preprocessors
- TypeScript
- SCSS
- Components
- emits
- Advancics: watch, provide/inject
2. Vue Router
- Vue Router installation
- Routing configuration
- useRoute & useRouter hooks
- Guards
3. Component libraries
- BootstrapVue
- NaiveUI
4. State management
- Built-in solutions
- Pinia
5. Tools for building web apps
- VitePress
- Nuxt
Задачи Vue
- пока пусто
Тренировка Vue
- Реактивная форма: учимся разбивать код на компоненты
- Поле с автокомплитом (+TS)
Проекты Vue
- Кнопка +/-: меняем размер шрифта
- Счётчик слов
- Генератор паролей
- Веб-плеер на Vue (+TypeScript)
- Todo list
- Дешифратор Цезаря
- Таблица Менделеева: тренировка компонентов и массивов
- Логин в Даркнете: практика Vue Router
- Блог на VitePress: VueJS и Markdown. Генераторы сайтов
Full-stack проекты (+переход на Python / NodeJS / PHP). Разработка сервисов
- Typie: тренажёр слепой печати
- Админка на Vue
- CRM на Vue
Сервисы
- Генератор лендингов
- Личный кабинет на сайте EXPAND
Работа. Подготовка к собеседованию на Junior VueJS Developer
- Что делать: должность, обязанности
- Вопросы на собеседовании
- Такой нужный английский язык
- Job-сайты: анализ вакансии, анализ компании и требований к работе (что делать и у кого)
- Составляем резюме: лучшие советы
- Готовим проекты / портфолио
- Тестовые собеседования, тестовые задания
- Трудоустройство
Для вдохновения
- UI
- Карточка из будущего: вери бьютифул вёрстка - проект для вдохновения
- Браузерные игры
- Браузерная игра: олдскульная гоночка. Учимся работать с Canvas с помощью JS
- Игра 2048 -- Визуал
- 3D солнечная система