Изучение Vue
Источники информации по Vue
Почему-то считается, что на фронтенде есть всего два варианта получать знания - документация Vue и обучающие видео с Ютюба и всевозможных курсов.
Но документация это не учебник, а справочник, и отделить зерна от плевел на Ютюбе очень сложно. Я встречал полезные видео, но все они предназначались для уже неплохо знающих Vue разработчиков, и показывали какие-то новые или нестандартные моменты.
Главным учителем должна быть книга, которая именно учит, а не даёт справочную информацию.
Прекрасный учебник по Vue на английском языке - вышедшая в мае 2023 года Vue.js 3 Design Patterns and Best Practices. Можно зарегистрироваться на oReilly и читать 10 дней бесплатно. Даже скачать. Несмотря на название, книга учит именно программированию, причем, довольно с таки начального уровня.
Перевод данной книги на русский язык находится на этом сайте: (учебник).
Примеры из книги находятся в открытом доступе и вполне достойны изучения.
Больше на русском, к сожалению, почти ничего нет, но, во-первых, есть Google translate, а во-вторых, стать уверенным разработчиком без хотя бы среднего знания технического английского вряд ли получится.
Так же надо отметить, что документация Vue на русском порой сильно отстает от документации на английском.
Заметка
Можно провести аналогию между хорошим разработчиком и водителем:
- Изучение основ вождения, ПДД и устройства двигателя внутреннего сгорания - документация Vue и спецификация JavaScript
- Практическое обучение вождению в автошколе - хорошие учебники типа "Vue.js 3 Design Patterns and Best Practices"
- Реальный опыт вождения - коммерческий опыт разработки
- Курсы экстремального вождения, поставить стакан воды на капот и проехать на двадцатилетней машине с механической коробкой передач по разбитым улицам - качественные опен сорс проекты и сертификации
Невозможно стать хорошим разработчиком/водителем как без 1., так и только с 1. Обучающие видео из интернета (как платные так и бесплатные) могут как быть частью 4., так и быть абсолютно бесполезными и даже вредными (очень часто), в зависимости от их качества и мотивации ученика.
Vue 2 или Vue 3?
Vue 3.
Composition API.
Если вам нужен будет Vue 2 для поддержки существующего проекта, то вы сами будете знать ответ на этот вопрос.
Разница между Vue 2 и Vue 3 большая. Это не тот случай, когда надо выучить предварительно предыдущую версию, чтобы лучше и легче понять следующую.
Нужно ли знать JavaScript предварительно?
Обязательно, минимум на среднем уровне. Если этого нет, я бы предложил сперва пройти короткий курс javascript-a, чтобы человек знал об объекте document, умел обращаться с методами массива и не очень боялся промисов. Также, HTML и CSS как минимум на базовом уровне.
Вот легко читаемая книжка - "Морган Н. - JavaScript для детей. Самоучитель по программированию - 2016. Перед началом изучения Vue желательно понимать 70% первой части, а также параграфы 10 и 12.
Также классический ресурс по JavaScript - learn.javascript.ru
70 вопросов по JavaScript для подготовки к собеседованию - отличный тест, проверить себя по знанию языка.
Совет
Также абсолютно необходимый предварительный скилл - умение гуглить.
Есть ли сертификация по Vue?
Vue Style Guide
Обязательно ознакомьтесь с Vue Style Guide и старайтесь придерживаться его лучших практик при написании кода.
Время от времени возвращайтесь к этому источнику и улучшайте свой код.
ESlint также помогает держать свой код в соответствии с лучшими практиками.
Нужен ли ментор?
Ментор полезен и начинающему, и опытному разработчику. Можно бесполезно убить два дня на решение проблемы, которую за 20 минут может объяснить более опытный человек. Причем, этот двухдневный "опыт" больше никогда не пригодится.
В компаниях эту роль обычно выполняют более компетентные доброжелательные коллеги.
В интернете есть сервисы типа Solvery, которые могут помочь в этом вопросе.
Всё равно хочу видео
Есть качественные у Vue Mastery, однако большинство устарели.
Довольно грамотно и качественно объясняет технологии фронтенда и Vue 3 Илья Климов.
Что еще посмотреть кроме Vue? React?
Можно и React, если есть реальный вариант использования этих знаний, однако намного лучше расширить свой кругозор разработчика. Попробуйте написать простой API на бэкенде. Самый легкий и удобный язык для этого - PHP, но можно и на Node.js или Python. Попробуйте транспортные протоколы JSON-RPC и WebSockets. Захостите свое приложение на GitHub Pages или другой аналогичный сервис, поэкспериментируйте с GitHub Actions - они очень помогают с автоматизацией деплоя и CI/CD в целом. Поработайте с Cloud провайдерами (многие предлагают бесплатные ресурсы), настройте виртуальный сервер. Зарегистрируйте домен, сделайте продуктовый законченный сайт - даже если это будет просто ваш сайт-резюме или что-то элементарное на VitePress (используется данным сайтом). Поработайте с FireStore и открытыми API для различных данных. Посмотрите Swagger. Поизучайте SQL, установите MySQL и поиграйте с ним, либо сделайте это на SupaBase. Понимание, как данные хранятся и обрабатываются на бэкенде, сильно поможет в выборе правильных стратегий на фронте.
Изучайте, как работает современный Интернет, и какие технологии и лучшие практики распространены в нем сейчас.