Введение в Vue

Когда я пришел в свой новый офис Invariant Telecom, у меня не было большого опыта работы с какими-либо интерфейсными фреймворками, такими как Vue, Angular или React. Тогда мои знания ограничивались только jQuery. Но поскольку эта компания предпочитает создавать все свои веб-приложения на основе VueJS, моей основной обязанностью было решить проблему в текущем проекте с использованием VueJS. Поэтому для меня было непросто работать над этим проектом, так как мне нужно было сначала изучить фреймворк, а затем использовать новые знания для решения сложных проблем.

Мотивация учиться

Как я уже упоминал выше, я был новичком в Vue, и мне пришлось освоить эту новую технологию за короткий период времени. Поэтому я почувствовал, что должен найти некоторую мотивацию и открыть для себя что-то интересное о Vue, что подтолкнет меня к тому, чтобы узнать о нем больше. Затем я начал смотреть онлайн-конференции VueJS и использовать свое ежедневное время в пути, слушая подкасты VueJS. У меня это сработало очень хорошо.

О проекте

Проект, над которым я работал, представлял собой одностраничное приложение панели инструментов, которое извлекает и предоставляет данные с помощью API. Его целью было создание пользователей, управление ими и отображение различных отчетов с помощью диаграмм.

Выучено во время завершения

VueJS - это прогрессивный и реактивный фреймворк, который помогает создавать одностраничные приложения. Сначала я просмотрел официальную документацию VueJS и попытался получить общее представление о фреймворке. И эта документация оказалась для меня чрезвычайно полезной, поскольку она легко объясняла основные функции. Затем я попрактиковался в нескольких реальных проектах, чтобы обрести уверенность в VueJS. Работая над этими проектами, я узнал о многих элементах Vue, включая экземпляр, шаблоны, привязку, обработку событий, компонент, свойства, слоты, переходы и т. Д. Затем я начал уверенно вносить свой вклад в основной проект.

Тем временем я собрал знания о Vue-Router и Vue-Resource.

Ресурсы, которые мне помогли

  1. Документация по Vue Js - https://vuejs.org/v2/guide/
  2. Шпаргалка по Vue JS - https://vuejs-tips.github.io/cheatsheet/
  3. VueConf EU Youtube - https://goo.gl/aMvDGR
  4. Просмотры на подкасте Vue - https://devchat.tv/views-on-vue/
  5. Vue.js 2.0 за 60 минут от Traversy Media - https://goo.gl/BZUKwL
  6. Изучите Vue 2 за 65 минут от DesignCourse - https://goo.gl/3ra3Tk
  7. Vue Router - https://router.vuejs.org/
  8. Пакет ресурсов Vue - https://github.com/pagekit/vue-resource
  9. Vue JS 2 - Полное руководство (включая Vue Router и Vuex) Максимилиана Шварцмюллера - https://www.udemy.com/vuejs-2-the-complete-guide/