А на последнем модуле в Школе программного обеспечения и дизайна Тьюринга всем учащимся дали проект по созданию приложения Electron. Для тех, кто не знает, Electron — это фреймворк, который позволяет пользователям создавать кроссплатформенные настольные приложения с использованием Javascript, HTML и CSS. Некоторые известные приложения, созданные в Electron, — это Slack, Visual Studio Code и Atom. В этом проекте мы также решили, что хотим изучить новую среду JavaScript, и решили, что Vue отлично подойдет для добавления. Популярность Vue растет благодаря высокой производительности и способности создавать большие и маленькие приложения.
Приступая к проекту, у нас не было опыта работы ни с одним из фреймворков, за исключением одного или двух уроков о том, что такое Electron и почему он такой мощный. Electron объединяет Node.js и Chronium, который представляет собой оболочку, в которой работает браузер Google Chrome. Поскольку они используют оба этих инструмента, вы можете использовать веб-языки для создания приложений, которые могут быть развернуты на Mac, Windows и Linux и скомпилированы в нативные приложения. Самое приятное то, что когда вы запускаете процесс сборки Electron, он преобразует части кода для работы в этих операционных системах и позволяет вам использовать встроенные функции. Вы также получаете всю мощь Javascript вместе с HTML и CSS для создания этих приложений, а это значит, что если вы являетесь веб-разработчиком, Electron позволяет вам использовать эти знания для создания приложений без необходимости изучения другого языка.
Наряду с Electron вы также можете использовать любой фреймворк или библиотеку Javascript для создания своего приложения. В нашем проекте мы решили, что хотим изучить новый фреймворк, и решили использовать возможности Vue. Vue — отличный фреймворк, и документация на их веб-сайте проста для понимания и, по сути, также является учебным пособием. Фреймворк очень похож на React, который я использовал больше всего. Одним из преимуществ Vue является то, что мы можем сосредоточиться на чистом Javascript, не беспокоясь о манипуляциях с DOM, поскольку он делает это за вас. Vue также является очень быстрым фреймворком с рендерингом, который поможет рендерить данные, особенно если у вас много данных для рендеринга.
В конце концов, мы решили, что изучение и использование Vue — отличный выбор не только для изучения нового фреймворка, но и для изучения фреймворка Javascript, который становится все более популярным. Это также упростило организацию нашего приложения с созданием компонентов, которые отображаются внутри всего приложения. Организация каждого компонента так же, как в обычном файле HTML, также позволяет легко понять, какие CSS и Javascript соответствуют отображаемому HTML. Вместе с Electron это помогает организовать файлы, чтобы сохранить каждую часть приложения в отдельных продуманных файлах.
