iTelmenko. WebDeveloper's blog – Страница 3 – Мысли о вебе. Программирование для веба

21.11.2021 Js компоненты

PortalVue – Teleport для Vue шаблонов

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

Представим себе список проблем (issues) как на github и в уголке страницы значок с числом не просмотренных проблем. Когда пользователь заходит в просмотр одной из проблем, то в списке она меняет вид, так как стала прочитанной. При этом и значок с числом должен уменьшить его. И так как это разные компоненты, которые могут быть не вложены один в другой, то встанет вопрос откуда брать данные для обои. “Vuex”, – скажите вы. Но не всегда это будет удобно и верно.

12.06.2021 JavaScript

Vue.js scoped slots и renderless component

Продолжая рассматривать способы повторного использования кода в vue.js (тема затронута ранее в статьях Повторное использование кода Vue.js и Vue.js Composition API) можно встретить упоминания некоего приема с использованием не отображаемых компонентов и слотов с ограниченной областью видимости (scoped slots).

09.06.2021 JavaScript

Vue.js Composition API

Продолжая разбирать тему повторного (начало в статье Повторное использование кода Vue.js) использования кода Vue.js, я пришел к Composition API, который является основным новшеством Vue 3. Его также можно использовать во 2 версии Vue, если установить как отдельный пакет. В сети эти изменения вызвали бурное обсуждение, зачастую негодование, среди тех, кто пользуется данным фреймворком и создал не мало кода на старом API (Options API). Давайте разберемся почему появился новый API, как его использовать и в чем его плюсы.

02.06.2021 JavaScript

Повторное использование кода Vue.js

По мере усложнения приложения, в котором львиная доля кода использует Vue.js, возникает вопрос повторного использования кода. Когда возможности расширить тот или иной компонент с помощью параметров или слотов уже не удовлетворяют всех потребностей, можно прибегнуть в другим способам.

11.04.2021 Js компоненты

Vuetify – UI библиотека для Vue.js

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

11.04.2021 Книги

Книга Кита Гранта “CSS для профи”

Для того, чтобы быть востребованным и высокооплачиваемым специалистом, программисту необходимо постоянно обновлять свои знания. Мир web приложений стремительно развивается: браузеры добавляют новые возможности, появляются новые библиотеки и фреймворки для языков программирования. Появляются даже новые языки.

28.03.2021 Инструменты

Vite – разработка на JS без сборки

17 февраля вышла Vite 2.0.

Vite – это инструмент относящийся к инструментам сборки для веб-разработки. Он использует ES6 модули (es imports, ESM) на этапе разработки (для запуска приложений в dev режиме) и Rollup на этапе компиляции приложения (сборки в prod режиме).

04.01.2020 Инструменты

DNSControl

DNSControl – это продуманная платформа для плавного управления конфигурацией DNS на любом количестве DNS-хостов, как в облаке, так и в Вашей собственной инфраструктуре. Он управляет всеми доменами сети проекта Stack Overflow и может сделать то же самое для вас!

10.03.2019 Инструменты

ClickHouse

ClickHouse представляет собой быструю, хорошо масштабируемую БД с SQL диалектом. Используется для случаев, в которых нужно создавать аналитические отчеты по большому количеству данных.
Если имеется широкая (с большим числом колонок) таблица, по которой нужно строить различные аналитические отчеты (фильтровать, группировать по различным колонкам), то ClickHouse подойдет здесь как нельзя лучше. Скорость выборки, по сравнению с тем же MySQL, будет в сотню раз выше.

06.01.2019 Инструменты

Phinx. Миграции БД для PHP

С Phinx легко управлять миграциями базы данных вашего PHP-приложения. Менее чем за 5 минут вы можете установить его с помощью Composer и создать свою первую миграцию базы данных. Phinx делает только то, для чего предназначен (управление миграциями) без всякого раздувания инфраструктуры приложения.

06.01.2019 Паттерны проектирования

Архитектра MVC

MVC – это вариант Многоуровневой архитектуры (Layered Architecture), архитектурный паттерн и парадигма, которая делит приложение на 3 основных слоя.

Модель (Model). Этот слой управляет всеми данными, логикой и бизнес правилами не зависимо от представления данных. Это сердце и душа MVC приложения. Слово “Модель” иногда вносит путаницу. В архитектуре MVC слой модели – это не одно и то же что модель Laravel.
Вид (View). Предоставляет различные представления слоя модели. Предоставляет способ вызывать изменения в состоянии модели.
Контроллер (Controller). Организует взаимодействие между слоями. Выполняет действия над моделью для обновления ее состояния. Отправляет сообщения в слой Вид (View) для изменения конкретного представления модели.

06.01.2019 Паттерны проектирования

Внедрение зависимостей

Внедрение зависимостей (Dependency injection, или DI) — это принцип настройки объекта, при котором поля объекта задаются внешним объектом (сущностью) в противопоставление самонастройке объектов.