3. Electron.js – Основы. Electron API – app.

С данной заметки начинаю публиковать часто применяем методы и функции из Electron API. Для начала рассмотрим объект app, его можно назвать главным объектом фреймворка отвечающим за все основные события которые происходят в приложении начиная с его создания и заканчивая полной выгрузкой из памяти компьютера.

Узнать больше

2. Electron.js – Основы. Полезные настройки и инструменты.

Эта заметка будет посвящена полезным настройкам и инструментам, которые можно использовать в фреймворке Electron.js. Ниже приведен список дополнительных инструментов для создания приложения:

1. Для нативной работы с модулями Node.js устанавливаем глобально – windows-build-tools

2. В проект добавляем electron-reload – позволяет обновлять окно без перезапуска проекта. Если используем Electron совместно с React CRA или Vue CLI данный модуль не нужен

Узнать больше

1. Electron.js – Основы. Быстрый запуск.

Начинаю серию заметок посвященных отличному фреймворку Electron.js, позволяющему строить десктопные приложения для MacOS, Linux и Windows, используя только HTML, CSS и JavaScript. Сайт фреймворка находится по адресу https://electronjs.org/.
В качестве основы для материалов заметок послужат, видео-курс Master Electron: Desktop Apps using HTML, JavaScript & CSS и книга Electron in Action, а так же видео Steve Kinney автора данной книги. Если серьезно решили изучить Electron, советую ознакомиться с данным курсом и книгой. Как обычно здесь я лишь представлю свои конспекты, которые появятся по мере изучения.

Для начала на компьютере должны быть установлены Git, Node.js и желательно Yarn.

Узнать больше

38. Vue.js, Vue CLI и Vue Router – Маршрутизация.

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

Узнать больше

37. Vue.js и Vue Router – Именованные и Динамические пути

Продолжим знакомство с библиотекой – Vue Router, которая является неотъемлемым дополнением для Vue.js. В следующем примере собрана конструкция, в которой используются именованные маршруты, а не указания путей в и динамические пути, где параметр задается через ссылки. В представленном примере реализована тройная вложенность навигации.

Узнать больше

36. Vue.js и Vue Router – Маршрутизация

Заметка посвящена еще одной замечательной библиотеке – Vue Router, которая является неотъемлемым дополнением для Vue.js. В приведенном примере собрана конструкция позволяющая менять на странице отображение компонентов в зависимости от желания пользователя. Переключение отображения производится кликом по пунктам меню.

Узнать больше