Статьи с тегом "#JavaScript"

Закреплённые статьи

Осуждение чужой веры и обвинения в «поклонении сатане» - Слепая начитанность против истинной любви

Andrew

«Кадровая политика Бруклина: как анкеты превращаются в Святой Дух»

Andrew

Почему земной рай Свидетелей Иеговы противоречит Новому Завету

Andrew

«По дерзости своей»: библейский вердикт пророчествам и реформам Свидетелей Иеговы

Andrew

Тайна Тетраграмматона. Как Свидетели Иеговы манипулируют рукописями

Andrew

Повеления от Бога делать священные изображения собственными руками

Andrew

«Дело Дугласа Уолша» - Суд в Эдинбурге

Andrew

Как именно из четырех согласных букв Й-Х-В-Х и гласных от слова «Господь» случайно получилось слово Иегова ?

Andrew

Провальные заявления Свидетелей Иеговых - не владеют истиной.

Andrew

Главные особенности «Перевода нового мира» и какое имя Бога יהוה (ЙХВХ/YHWH)?

Andrew

Арианство - крупнейшее раннее течение в христианстве

Andrew
✅ Опубликовано: 8
📌 Показаны только опубликованные статьи.

Фильтры статей

JavaScript
  • Все теги
  • ai
  • algorithms
  • api
  • ascii
  • backend
  • bite
  • bubblesort
  • burnout
  • business
  • caching
  • cdn
  • ChatGPT
  • computer-science
  • conversion
  • csrf
  • css
  • datastructures
  • developer-life
  • digital
  • es6
  • eslint
  • express.js
  • flexbox
  • frontend
  • future
  • git
  • github
  • grid
  • growth
  • hono
  • html
  • http
  • iehova
  • Instagram
  • it
  • JavaScript
  • js
  • js nestjs
  • llm
  • losper
  • marketing
  • mobile-first
  • nad plus
  • next
  • next.js
  • nmn
  • node.js
  • Node.js
  • olx
  • OpenAI
  • philosophy
  • PHP
  • Python
  • React
  • reflections
  • rest
  • seo
  • sql-инъекции
  • tag1
  • tag3
  • teg1
  • teg2
  • Telegram
  • thoughts
  • TikTok
  • TypeScript
  • ux
  • Vue.js
  • xss
  • адаптивный-дизайн
  • адонай
  • арианство
  • архитектура
  • бады
  • базы-данных
  • беженцы
  • безопасность
  • безопасность
  • береза-картузская
  • библия
  • бизнес
  • бинарные эмодзи
  • блуд
  • бог
  • веб-сервисы
  • вера
  • верстка
  • ветхий завет
  • вефиль
  • волынь
  • воскрешение
  • гауди
  • гибриды
  • гносеомахия
  • господь
  • декалог
  • дело дугласа уолша
  • дизайн
  • догмат
  • дома бога
  • дух святой
  • ес
  • жизнь
  • защита
  • защита прав
  • здоровье
  • идолопоклонение
  • иегова
  • иерархия
  • ии
  • иисус
  • иисус христос
  • икона
  • иконопоклонение
  • испания
  • история
  • й-х-в-х
  • кадровая политика
  • книга судей
  • Контент-маркетинг
  • контроль сознания
  • контроль-версий
  • концлагерь
  • крещение
  • ксенофобия
  • лжепророчество
  • лжерелигия
  • Машинное обучение
  • машинное обучение
  • миграция
  • мышление
  • нейросети
  • Нейросети
  • новый завет
  • новый мир
  • новый свет
  • образ
  • оптимизация
  • пионеры
  • польская пропаганда
  • польша
  • православие
  • преображение
  • программирование
  • программирование
  • производительность
  • промывание мозгов
  • пропаганда
  • пытки украинцев
  • работа
  • разработка
  • растения
  • рациональное познание
  • религия
  • свидетели иегова
  • свидетели иеговы
  • святые
  • секта
  • септуагинта
  • си
  • скорость
  • служение
  • стандарты
  • стивен хассен
  • сторожевая башня
  • судный день
  • тетраграмматон
  • украина
  • фуллерен
  • храм
  • христианство
  • цитрусовые
  • эмодзи
  • яхве
Заголовок + текст Только заголовки
Все авторы
  • Все авторы
  • Andrew
  • AndrewPro
  • Digital
Три уровня современной веб-разработки и бэкенд-разработки

Три уровня современной веб-разработки и бэкенд-разработки

69 0 0.0 0
1
Категории: IT и программирование Языки программирования Веб-технологии
Вся эта путаница легко раскладывается по трём уровням (этажам) бэкенд-разработки. Представьте, что мы строим дом.

Этаж 1: Фундамент (Рантаймы — Где код выполняется)

Node.js, Bun, Deno
Браузер (например, Chrome) умеет запускать JavaScript, чтобы работали сайты. Но на компьютере или сервере браузера нет. Рантайм — это специальная программа, которую вы устанавливаете на компьютер, чтобы запускать JavaScript-код без браузера (напрямую на железе).
 
  • Node.js — это «дедушка» и абсолютный стандарт. Самый старый, супер-стабильный, на нем написан бэкенд 90% компаний в мире.
  • Deno — попытка создателя Node.js исправить свои старые ошибки. Он безопаснее и сразу поддерживает TypeScript, но большой популярности на рынке не сыскал.
  • Bun — самый новый и «модный» рантайт (хит последних лет). Он делает всё то же самое, что Node.js, но работает в разы быстрее, сразу понимает TypeScript и не требует сложной настройки.
Аналогия: Это марка операционной системы вашего сервера (как Windows, Linux или macOS). Вы выбираете один фундамент, на котором будет крутиться проект. В 2026 году чаще всего выбирают проверенный Node.js или ультрабыстрый Bun.

Этаж 2: Стены (Классические Бэкенд-фреймворки)

Express.js, Fastify, Hono, NestJS
Вы выбрали рантайт (например, Node.js). Теперь вам нужно написать сервер, который принимает запросы. Писать его на «голом» Node.js — это долго и мучительно. Поэтому поверх рантайма ставят бэкенд-фреймворк. Он дает удобные инструменты для создания маршрутов (типа создать пользователя по адресу /регистрация).
 
  • Express.js — старый, простой, как топор. На нем написаны миллионы уроков в интернете. Отличный, чтобы поучиться, но устаревает.
  • Fastify — современная замена Express. Работает намного быстрее и лучше дружит с TypeScript.
  • Hono — самый легкий и современный микробэкенд. Он одинаково круто работает и на Node.js, и на Bun, и в облачных сервисах. Идеален для быстрых, небольших API.
  • NestJS — это «тяжелая артиллерия». Если Express, Fastify и Hono — это свобода (пиши код как хочешь, хоть в одном файле), то NestJS — это строгая дисциплина для огромных проектов. Он заставляет раскладывать код по строгим папкам и правилам, чтобы проект не превратился в помойку через год разработки.
Аналогия: Это каркас вашего здания. Вы выбираете один бэкенд-фреймворк. Для простых вещей берете Hono/Fastify, для огромного корпоративного банка — NestJS.

Этаж 3: Крыша и Фасад (Fullstack-фреймворк)

Next.js
Все технологии выше (из Этажей 1 и 2) умеют работать только со скрытой логикой и базами данных. Они не умеют показывать пользователю красивые кнопки, картинки, шрифты и анимации. Для этого нужен фронтенд (библиотека React).
 
  • Next.js — это полноценная экосистема (Fullstack) на базе React. Он отвечает за то, чтобы пользователь увидел красивый сайт, чтобы этот сайт мгновенно открывался и правильно считывался поисковиками (Яндекс, Google) для SEO.
  • При этом у Next.js есть «мини-бэкенд» внутри. Для несложного сайта Next.js может сам сходить в базу данных и забрать информацию, поэтому Этаж 2 (типа NestJS или Express) ему часто просто не нужен.

🗺 Карта «Что с чем дружит» (Как собрать свой первый конструктор)

Вы не можете смешать всё в одну кучу, вы выбираете комбинацию. Вот 3 самых частых сценария в реальной жизни:

Сценарий А: Простой современный сайт (интернет-магазин, блог)

Вам не нужно плодить кучу серверов. Вы берете один инструмент, который делает всё:
 
  • Next.js (он и за внешний вид отвечает, и простенький бэкенд внутри себя содержит).

Сценарий Б: Современное мощное API (например, для мобильного приложения)

Вам вообще не нужен внешний вид сайта (фронтенд), нужна чистая скорость и логика:
 
  • Фундамент: Bun (или Node.js)
  • Бэкенд-фреймворк: Hono (или Fastify)

Сценарий В: Крупный и сложный IT-продукт (онлайн-банк, огромная соцсеть)

Здесь роли жестко разделяют между командами:
 
  • За бэкенд, безопасность и базы данных отвечает: Рантайм Node.js + Фреймворк NestJS.
  • За красивый интерфейс сайта, который обращается к этому бэкенду, отвечает: Next.js.

 


 
Вам понравилась статья?
Read more
Принципы и парадигмы (Clean Code)

Принципы и парадигмы (Clean Code)

68 0 5.0 0
4
Категории: IT и программирование Веб-технологии
🌟 Принципы и парадигмы (Clean Code)
SOLID — пять базовых принципов объектно-ориентированного программирования и проектирования (Single responsibility, Open/closed, Liskov substitution, Interface segregation, Dependency inversion).
DRY (Don't Repeat Yourself) — принцип недопущения дублирования кода.
KISS (Keep It Simple, Stupid) — принцип проектирования, при котором простота системы является главным приоритетом.
YAGNI (You Aren't Gonna Need It) — принцип, согласно которому не стоит добавлять функциональность, пока она не понадобится.
📜 Оформление и соглашения (Code Style)
PSR (PHP Standards Recommendations) — общепринятые стандарты кодирования для PHP (например, PSR-1, PSR-4 для автозагрузки).
PEP (Python Enhancement Proposals) — предложения по развитию Python. Самый известный — PEP 8, стандарт оформления кода.
Airbnb Style Guide — строгие и популярные руководства по стилю для JavaScript, React, CSS и других технологий. [1, 2]
📚 Национальные и системные стандарты
ГОСТ ЕСПД (Единая система программной документации) — комплекс государственных стандартов РФ, устанавливающий правила разработки, оформления и обращения программ.
ISO/IEC/IEEE 12207 — международный стандарт, описывающий процессы жизненного цикла программного обеспечения (ЖЦ ПО). [1]
⚙️ Процессы и методологии (DevOps)
SDLC (Software Development Life Cycle) — жизненный цикл разработки ПО (этапы от анализа требований до поддержки).
CI/CD (Continuous Integration / Continuous Delivery) — практики непрерывной интеграции и доставки кода.
TDD (Test-Driven Development) — разработка через тестирование.


💻 Стандарты для TS, React и Express
В экосистеме JavaScript/TypeScript стандарты чаще всего внедряются через конфигурации инструментов автоматической проверки (ESLint, Prettier) и архитектурные паттерны.
TypeScript (TS)
  • TSConfig Strict — официальный стандарт строгого режима компилятора ("strict": true), запрещающий неявные типы any и потенциальные ошибки с null/undefined.
  • TypeScript Style Guide (by Google / Microsoft) — внутренние стандарты ИТ-гигантов, ставшие публичными ориентирами для именования интерфейсов, типов и модулей.
React
  • Airbnb JavaScript/React Style Guide — самый популярный в мире стандарт оформления React-компонентов (правила деструктуризации, использования хуков, JSX-синтаксиса).
  • FSD (Feature-Sliced Design) — современный архитектурный стандарт проектирования фронтенд-приложений. Он делит код на слои (layers), слайсы (slices) и сегменты (segments) для высокой масштабируемости.
Express (Node.js)
  • Node.js Best Practices — крупнейший открытый стандарт (GitHub-репозиторий) по архитектуре бэкенда. Включает правила обработки ошибок, структуры папок и безопасности Express-приложений.
  • REST API Conventions — стандарт проектирования сетевых интерфейсов (правильное использование HTTP-методов, статус-кодов и структуры URL).

 
📋 Методологии управления проектами
В управлении разработкой ПО используются гибкие (Agile) и классические стандарты.
  • Scrum — фреймворк гибкой разработки, основанный на спринтах (1–4 недели), ежедневных созвонах (Daily) и регулярных поставках работающего инкремента продукта.
  • Kanban — метод визуализации работы с помощью досок (To Do, In Progress, Done) для оптимизации потока задач и ограничения незавершенного производства (WIP limits).
  • Agile — общий манифест гибкой разработки программного обеспечения, провозглашающий приоритет людей и работающего продукта над процессами и документацией.
  • Waterfall (Каскадная модель) — традиционная методология с жесткой последовательностью фаз (Анализ → Проектирование → Разработка → Тестирование → Внедрение).
  • PMBOK (Project Management Body of Knowledge) — всемирный стандарт и свод знаний по управлению проектами от института PMI.
  • PRINCE2 (Projects in Controlled Environments) — структурированный британский стандарт управления проектами, сфокусированный на продуктах и контроле стадий.

 
Вам понравилась статья?
Read more

Правильная комбинация инструментов и набор ключевых технологий на клиентской и серверной части.

97 0 5.0 1
3
Категории: IT и программирование

🧱 Архитектура решения

Создание такой студии потребует разделения на три ключевых уровня:

  1. Клиентская часть (Frontend): Здесь пользователь будет работать с макетом в реальном времени. Этот уровень отвечает за отрисовку, перемещение, масштабирование объектов и работу с кривыми.

  2. Серверная логика (Backend - PHP/MySQL): Обрабатывает запросы от фронтенда, сохраняет данные макетов в базу данных и управляет файлами.

  3. Система конвертации: Компонент, который преобразует сохраненный макет в необходимые форматы для скачивания (SVG, PNG, PDF, EPS, CDR).

Рассмотрим подробнее лучшие инструменты для каждого из этих слоев.


🎨 Клиентская часть (Frontend)

Это мозг вашего редактора. Пользователь видит и взаимодействует с макетом именно здесь.

  • Fabric.js: Это, вероятно, ваш лучший выбор в качестве основы.

    • Что это? Мощная JavaScript-библиотека для работы с элементом ``. Она предоставляет объектную модель для векторных и растровых изображений.

    • Плюсы: Идеально подходит для создания графических редакторов, поддерживает сложные объекты, кривые Безье, слои, фильтры. Создана для интерактива.

    • Как использовать: Вы передаете в браузер пользователя HTML-страницу с Fabric.js. Он создает холст, а когда пользователь завершает работу, вы сериализуете состояние холста в JSON и отправляете на сервер через обычный PHP-скрипт.

  • Альтернативы:

    • Paper.js: Более ориентирован на векторную графику и кривые. Отлично подходит для сложного рисования пером, но порог входа выше, чем у Fabric.js.

    • Three.js: Используется только если вам нужна работа с 3D-объектами или сложными 3D-эффектами. Для 2D-дизайна это избыточно.


⚙️ Серверная часть (Backend - PHP)

Здесь хранятся пользовательские данные и управляется бизнес-логика.

  • Сохранение макетов:

    • При сохранении вы получаете от фронтенда JSON-строку (например, {"objects":[{"type":"rect", ...}]}).

    • Вы можете сохранить эту строку напрямую в базу данных MySQL в поле типа TEXT или JSON. Это самый быстрый и простой способ.

    • Альтернативно, вы можете генерировать и хранить на сервере SVG файлы, но JSON удобнее для последующего редактирования.

  • Библиотеки для работы с векторной графикой:

    • Imagick (PHP Extension): Это обязательное расширение для вашего сервера. Оно является оберткой над мощнейшей библиотекой ImageMagick, которая умеет читать, конвертировать и записывать изображения в более чем 100 форматах, включая SVG, PDF, EPS и множество растровых. Оно станет основой для вашей системы конвертации.

    • Alto\Bezier: Если вам нужна чисто PHP-библиотека для сложных математических операций с кривыми (оценка, разбиение, измерение), это отличный инструмент. Он идеально подходит для экспорта данных в SVG.


🖨️ Система конвертации (SVG/PNG/PDF/EPS/CDR)

Это самый сложный, но решаемый этап. Ожидать, что PHP на 100% нативно создаст файл .cdr, не приходится, поэтому стратегия строится на конвертации через другие форматы.

  • Схема конвертации: JSON (из базы) -> SVG -> (нужный формат)

    1. Из JSON в SVG: Это ваша первая и ключевая задача. Нужно написать PHP-скрипт, который берет JSON из базы данных и превращает его в чистый XML-код SVG-файла. Это можно сделать с помощью простых манипуляций со строками или специализированной библиотеки (например, norkunas/php-svg).

    2. Из SVG в PNG: Это делается через Imagick одной-двумя строками кода.

    3. Из SVG в PDF:

      • Вариант А (Простой): Использовать Imagick. Он тоже умеет конвертировать SVG в PDF.

      • Вариант Б (Качественный): Использовать Inkscape через командную строку (exec или shell_exec). Inkscape — это профессиональный векторный редактор, и его консольная версия дает очень качественный результат. Пример: inkscape input.svg --export-filename=output.pdf.

    4. Из SVG в EPS:

      • Здесь тот же выбор: либо Imagick, либо Inkscape.

    5. Из SVG в CDR (Самое сложное):

      • Честное решение: Конвертировать SVG -> PDF (как описано выше), а затем использовать сторонний сервис или API. Формат CDR является проприетарным (собственность Corel).

      • Возможные сервисы: Посмотрите в сторону API для конвертации документов, например, от Aspose или GroupDocs. У них есть облачные сервисы, которые могут преобразовать PDF или SVG в CDR. Это будет платным, но наиболее надежным решением.

      • Альтернатива: Можно попробовать через LibreOffice в headless-режиме, который может открывать SVG и экспортировать в другие форматы. Это может сработать, но результат с CDR не гарантирован и может быть нестабильным.


📦 Сторонние API для конвертации

Чтобы не изобретать велосипед для сложных форматов, можно использовать готовые облачные решения:

  • Aspose.Total / Aspose.PDF: Мощные коммерческие API, которые умеют создавать, редактировать и конвертировать PDF, а также работать с EPS.

  • GroupDocs.Conversion: Еще одно мощное коммерческое API для конвертации между множеством форматов, включая CDR.


Резюме и рекомендация

💎 Резюме и рекомендация

Для старта я бы рекомендовал следующий технологический стек:

  1. Frontend: Fabric.js.

  2. Backend: PHP + MySQL.

  3. Серверные утилиты: Установить Inkscape и ImageMagick на сервер, подключить к PHP расширение Imagick.

  4. Стратегия конвертации:

    • Сначала реализовать конвертацию в SVG, PNG, PDF и EPS через Imagick (быстро, но есть риск потери качества).

    • Для премиум-качества конвертации в PDF и EPS настроить вызов Inkscape.

    • Конвертацию в CDR на начальном этапе исключить или реализовать через платное API (например, Aspose), так как это самая трудоемкая задача.

    • В будущем, при необходимости полностью контролировать процесс конвертации SVG в PDF/EPS и иметь ресурсы на разработку, можно рассмотреть использование Cairo в качестве единого бэкенда для рендеринга.

Надеюсь, эта подробная схема поможет вам сориентироваться.

Вам понравилась статья?
Read more
Современные паттерны проектирования в JavaScript

Современные паттерны проектирования в JavaScript Wiki

148 0 5.0 3
3

В этой статье мы рассмотрим актуальные паттерны проектирования для JavaScript в 2025 году.

Module Pattern

Позволяет создавать приватные переменные и методы.

Observer Pattern

Отличное решение для реактивных приложений.

Вам понравилась статья?
Read more
Введение в JavaScript: от основ до продвинутых концепций

Введение в JavaScript: от основ до продвинутых концепций Wiki

140 0 5.0 0
2
Категории: Языки программирования Веб-технологии

JavaScript остается одним из самых популярных языков программирования в 2025 году. В этой статье мы рассмотрим основные концепции языка и современные подходы к разработке...

Основы JavaScript

JavaScript - это динамический язык программирования, который изначально был создан для интерактивности веб-страниц. Сегодня он используется не только для фронтенда, но и для серверной разработки, мобильных приложений и даже десктопных программ.

Современные возможности

ES6+ принес множество новых возможностей: стрелочные функции, деструктуризацию, промисы, async/await и многое другое. Эти нововведения значительно упростили написание читаемого и поддерживаемого кода.

Фреймворки и библиотеки

React, Vue.js, Angular - основные фреймворки для создания интерактивных пользовательских интерфейсов. Выбор зависит от требований проекта и предпочтений команды.

Изучение JavaScript - это инвестиция в будущее любого разработчика.

Вам понравилась статья?
Read more
React vs Vue.js: сравнение популярных фреймворков

React vs Vue.js: сравнение популярных фреймворков

84 0 0.0 0
3
Категории: Языки программирования Веб-технологии

Выбор фреймворка для фронтенд-разработки - важное решение. Сравниваем два популярных решения: React и Vue.js.

React

Библиотека от Facebook с большим сообществом и экосистемой. Использует JSX и односторонний поток данных. Подходит для крупных проектов.

Vue.js

Прогрессивный фреймворк с простым синтаксисом и отличной документацией. Легче в изучении, отлично подходит для небольших и средних проектов.

Что выбрать?

Выбор зависит от команды, проекта и требований. React для крупных enterprise-решений, Vue.js для быстрого старта и средних проектов.

Вам понравилась статья?
Read more