Введение в Vue
Когда я пришел в свой новый офис Invariant Telecom, у меня не было большого опыта работы с какими-либо интерфейсными фреймворками, такими как Vue, Angular или React. Тогда мои знания ограничивались только jQuery. Но поскольку эта компания предпочитает создавать все свои веб-приложения на основе VueJS, моей основной обязанностью было решить проблему в текущем проекте с использованием VueJS. Поэтому для меня было непросто работать над этим проектом, так как мне нужно было сначала изучить фреймворк, а затем использовать новые знания для решения сложных проблем.
Мотивация учиться
Как я уже упоминал выше, я был новичком в Vue, и мне пришлось освоить эту новую технологию за короткий период времени. Поэтому я почувствовал, что должен найти некоторую мотивацию и открыть для себя что-то интересное о Vue, что подтолкнет меня к тому, чтобы узнать о нем больше. Затем я начал смотреть онлайн-конференции VueJS и использовать свое ежедневное время в пути, слушая подкасты VueJS. У меня это сработало очень хорошо.
О проекте
Проект, над которым я работал, представлял собой одностраничное приложение панели инструментов, которое извлекает и предоставляет данные с помощью API. Его целью было создание пользователей, управление ими и отображение различных отчетов с помощью диаграмм.
Выучено во время завершения
VueJS - это прогрессивный и реактивный фреймворк, который помогает создавать одностраничные приложения. Сначала я просмотрел официальную документацию VueJS и попытался получить общее представление о фреймворке. И эта документация оказалась для меня чрезвычайно полезной, поскольку она легко объясняла основные функции. Затем я попрактиковался в нескольких реальных проектах, чтобы обрести уверенность в VueJS. Работая над этими проектами, я узнал о многих элементах Vue, включая экземпляр, шаблоны, привязку, обработку событий, компонент, свойства, слоты, переходы и т. Д. Затем я начал уверенно вносить свой вклад в основной проект.
Тем временем я собрал знания о Vue-Router и Vue-Resource.
Ресурсы, которые мне помогли
- Документация по Vue Js - https://vuejs.org/v2/guide/
- Шпаргалка по Vue JS - https://vuejs-tips.github.io/cheatsheet/
- VueConf EU Youtube - https://goo.gl/aMvDGR
- Просмотры на подкасте Vue - https://devchat.tv/views-on-vue/
- Vue.js 2.0 за 60 минут от Traversy Media - https://goo.gl/BZUKwL
- Изучите Vue 2 за 65 минут от DesignCourse - https://goo.gl/3ra3Tk
- Vue Router - https://router.vuejs.org/
- Пакет ресурсов Vue - https://github.com/pagekit/vue-resource
- Vue JS 2 - Полное руководство (включая Vue Router и Vuex) Максимилиана Шварцмюллера - https://www.udemy.com/vuejs-2-the-complete-guide/