Гид по технологиям

Веб-разработка

HTML символы и сущности — как использовать
Веб-разработка 6 min read

HTML символы и сущности — как использовать

Если нужно вставить зарезервированный символ в HTML, используйте именованные или числовые сущности и укажите <meta charset="UTF-8">. Тестируйте вывод в браузерах и избегайте двойного экранирования.

Как выбрать язык веб‑программирования
Веб-разработка 9 min read

Как выбрать язык веб‑программирования

Выбор «правильного» языка веб‑программирования зависит от цели, платформы и экосистемы. Используйте чеклист, матрицу и прототип, чтобы принять обоснованное решение.

Отрисовка 3D в React с Three.js и react-three-fiber
Веб-разработка 7 min read

Отрисовка 3D в React с Three.js и react-three-fiber

В этой статье показано, как добавить 3D‑контент в React с помощью Three.js и react‑three‑fiber: рендер простого объекта, загрузка GLTF/GLB, советы по оптимизации и тестированию.

ChatGPT для создания простого веб‑приложения
Веб-разработка 8 min read

ChatGPT для создания простого веб‑приложения

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

Создать сайт за 2 часа на WordPress
Веб-разработка 9 min read

Создать сайт за 2 часа на WordPress

Следуя этому пошаговому руководству, вы сможете запустить рабочий сайт на WordPress менее чем за 2 часа: регистрация домена и хостинга, установка WordPress через Softaculous, установка темы Astra со Starter Templates, базовая защита и контроль качества.

Chrome DevTools: руководство по отладке и профилированию
Веб-разработка 8 min read

Chrome DevTools: руководство по отладке и профилированию

Chrome DevTools — набор встроенных инструментов для отладки, профилирования и анализа веб‑страниц. Руководство объясняет открытие, ключевые панели, практические шаблоны и чеклисты для быстрой диагностики.

Как сделать веб‑сайт с нуля
Веб-разработка 8 min read

Как сделать веб‑сайт с нуля

Этот пошаговый руководство объясняет, как собрать простой многостраничный макет сайта с помощью HTML, CSS и JavaScript (с небольшой помощью jQuery). Включены все исходные фрагменты кода, рекомендации по шрифтам, а также контрольные списки, критерии приёмки, варианты улучшений и тесты.

Простой калькулятор на JavaScript
Веб-разработка 5 min read

Простой калькулятор на JavaScript

Этот урок показывает, как сделать простой калькулятор на HTML, CSS и JavaScript с базовыми функциями. Включены рекомендации по безопасности, альтернативы eval() и тестовые случаи.

Простая контактная форма для сайта
Веб-разработка 4 min read

Простая контактная форма для сайта

Вы научитесь создать простую и доступную контактную форму: подготовить проект, написать HTML, оформить CSS и добавить клиентскую валидацию. Включены тесты и рекомендации по безопасности.

HTTPie на Linux — тестирование API из терминала
Веб-разработка 4 min read

HTTPie на Linux — тестирование API из терминала

HTTPie — простой и удобный инструмент для отправки HTTP/HTTPS‑запросов из терминала Linux. Установите через пакетный менеджер, выполняйте GET/POST/PUT, проверяйте JSON‑ответы и используйте чек‑листы и тест‑кейсы ниже, чтобы организовать тестирование API.

Шаблон в CMS: Pulse CMS за несколько шагов
Веб-разработка 7 min read

Шаблон в CMS: Pulse CMS за несколько шагов

Коротко: вы можете превратить любой бесплатный HTML-шаблон в сайт с редактируемым контентом, установив Pulse CMS и вставив генерируемые блоки в шаблон. Это даёт простой интерфейс редактирования без базы данных.

Валидация форм: регулярные выражения в JavaScript
Веб-разработка 8 min read

Валидация форм: регулярные выражения в JavaScript

Регулярные выражения — компактный инструмент для валидации полей формы в JavaScript и HTML. Подходят для простых правил (длина, набор символов), но для сложных форматов и безопасности используйте библиотеки и всегда проверяйте данные на сервере.

Изменить фон страницы с помощью CSS
Веб-разработка 5 min read

Изменить фон страницы с помощью CSS

Коротко: используйте background-color для простых цветов, background с background-size для изображений и linear-gradient для плавных переходов; оптимизируйте фоновые изображения для мобильных.

Распознавание голоса в поиске сайта — быстро для Chrome
Веб-разработка 4 min read

Распознавание голоса в поиске сайта — быстро для Chrome

Добавить распознавание голоса в поисковую форму сайта можно простым HTML-атрибутом или с помощью Web Speech API. Подойдёт для Google Chrome; учтите совместимость и вопросы приватности.

CSS-переменные: руководство по использованию
Веб-разработка 6 min read

CSS-переменные: руководство по использованию

CSS-переменные (custom properties) позволяют централизовать значения дизайна и быстро менять внешний вид сайта. Они работают в любом месте CSS, поддерживают каскадирование и могут управляться из JavaScript для динамических изменений, но требуют тестирования на совместимость и продуманной структуры имён.

Функции Less CSS: руководство и примеры
Веб-разработка 6 min read

Функции Less CSS: руководство и примеры

Less расширяет обычный CSS функциями, переменными и списками, которые делают стили более выразительными и переиспользуемыми. В этой статье — понятные примеры if(), boolean(), replace(), length(), extract(), range(), пошаговый мини‑метод, чек-листы для ролей и рекомендации, когда Less не подходит.

Полное руководство по CSS Flexbox
Веб-разработка 7 min read

Полное руководство по CSS Flexbox

Flexbox — это способ гибкого выравнивания элементов в одномерной компоновке. Рассмотрены основные свойства и приведены практические примеры и чеклисты.

Адаптивный футер в React с simple-react-footer
Веб-разработка 6 min read

Адаптивный футер в React с simple-react-footer

Простая библиотека simple-react-footer позволяет быстро добавить адаптивный футер в приложение на React. В статье — установка, два готовых примера кода, советы по кастомизации, чек‑листы для команд, тестовые сценарии и рекомендации по безопасности и локализации.

Первый сайт в Adobe Dreamweaver
Веб-разработка 10 min read

Первый сайт в Adobe Dreamweaver

Краткий пошаговый план: установите Dreamweaver через Adobe Creative Cloud, создайте «Site», затем HTML-шаблон, добавьте header/nav и editable region, подключите CSS через CSS Designer, создайте страницы и примените шаблон, настройте ссылки и фоновые изображения, протестируйте в браузере и разместите сайт на хостинге (например, AWS S3).

Как изменить цвет шрифта в CSS
Веб-разработка 4 min read

Как изменить цвет шрифта в CSS

Быстрое руководство: используйте CSS для управления цветом текста через inline-правила, встроенные стили в секции <head> или внешние CSS‑файлы. Предпочтительна внешняя таблица стилей; учитывайте контраст для доступности и применяйте переменные CSS для поддерживаемости.