Как стать автором
Обновить
278.12
Рейтинг

Разработка веб-сайтов *

Делаем веб лучше

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Что не так с сорсмапами и как с ними не связываться?

Блог компании Timeweb Разработка веб-сайтов *JavaScript *Отладка *WebAssembly *

Здравствуйте, меня зовут Дмитрий Карловский и у меня… посттравматическое стрессовое расстройство после генерации сорсмапов. И сегодня, с вашей помощью, мы будем это лечить путём максимально глубокого погружения в травмирующие события.



Это — текстовая расшифровка выступления на HolyJS'21. Вы можете посмотреть видео запись, прочитать как статью, либо открыть в интерфейсе проведения презентаций.

Читать дальше →
Всего голосов 23: ↑18 и ↓5 +13
Просмотры 4.2K
Комментарии 28

Концепция контроллеров компонента в Angular: часть вторая

Блог компании TINKOFF Разработка веб-сайтов *JavaScript *Angular *TypeScript *

Несколько месяцев назад я написал статью «Как мы делаем базовые компоненты в Taiga UI более гибкими: концепция контроллеров компонента в Angular». Я рассказал о том, как мы добавляем гибкости и избавляемся от дублирования кода с помощью DI. Пришло время продолжить статью.

Сегодня посмотрим на более хитрые трюки с такими директивами-контроллерами и попробуем сделать метаконтроллер, который, в свою очередь, состоит из других контроллеров. Все это будет происходить в рамках безграничных возможностей Dependency Injection в Angular.

Давайте посмотрим
Всего голосов 22: ↑21 и ↓1 +20
Просмотры 2.7K
Комментарии 5

Дайджест свежих материалов из мира фронтенда за последнюю неделю №485 (13 — 19 сентября 2021)

Разработка веб-сайтов *CSS *JavaScript *HTML *
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Читать дальше →
Всего голосов 16: ↑16 и ↓0 +16
Просмотры 6.6K
Комментарии 5

Я не могу спроектировать архитектуру своего интернет-магазина или как я пишу «под клиента»

Разработка веб-сайтов *Программирование *.NET *Разработка под Windows *

В этой статье я расскажу про свою проблему с доработкой сайта под клиентов...

Читать!
Всего голосов 19: ↑5 и ↓14 -9
Просмотры 6K
Комментарии 15

Про GraphQL на клиенте

Высокая производительность *Разработка веб-сайтов *API *
Из песочницы

На текущий момент GraphQL все больше распространяется в энтерпрайзе. И это не удивительно - изящный синтаксис запросов, типизация, ускорение разработки и это далеко не все его плюсы использования.

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

> Думаю, что стоит сделать небольшую ремарку относительно того, кому подойдет эта статья. Если для вас критично держать размер конченого бандла добро пожаловать под кат.

Go Deeper
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 5.3K
Комментарии 21

Построение библиотек компонентов и их организация. Или как извлечь максимальную пользу для бизнеса c React и Angular

Блог компании Европлан Разработка веб-сайтов *C# *Angular *ReactJS *

Наша компания разрабатывает десятки продуктов. Ряд продуктов работает на Angular, ряд на React. Пользователи систем в зависимости от этапа бизнес-процесса и роли взаимодействует с определенным продуктом. Часто, в рамках бизнеса мы должны показывать одни и те же данные в разных продуктах. Эти данные отображаются в виде UI компонентов.

В этой статье мы узнаем как можно организовать библиотеки компонентов для решения задач бизнеса. Научимся переиспользовать и запускать React библиотеку внутри Angular. Таким способом мы сможем решать задачи бизнеса гибко и эффективно.

Читать далее
Всего голосов 5: ↑4 и ↓1 +3
Просмотры 2.8K
Комментарии 19

Так ли полезен HSTS, как его малюют?

Информационная безопасность *Разработка веб-сайтов *
HTTP Strict Transport Security (HSTS, хотя согласно RFC – просто STS) – заголовок столь же «раскрученный», сколь и переоцененный. Этот заголовок говорит агенту пользователя, что к отправившему его сайту следует обращаться только на «Вы» и шепотом по защищенному HTTP – HTTPS. Говорит уже после того, как к сайту обратились, причем именно по HTTPS.

Если же агент зашел на сайт по HTTP, то цитирую RFC: UA must ignore any present STS header field(s). То есть, если агент получил ответ от сайта по HTTP, он должен проигнорировать заголовок HSTS и продолжать общаться по незащищенному протоколу (если его принудительно не переключат на защищенный, но тогда какой смысл посылать заголовок?)
Читать дальше →
Всего голосов 11: ↑7 и ↓4 +3
Просмотры 3.5K
Комментарии 22

Первое знакомство с JavaScript-библиотекой Solid

Блог компании RUVDS.com Разработка веб-сайтов *JavaScript *
Перевод
Solid — это реактивная JavaScript-библиотека для создания пользовательских интерфейсов без использования виртуальной DOM. Она однократно компилирует шаблоны, превращая их в узлы реальной DOM, а благодаря тщательно спланированным механизмам обновления контента при изменении состояния приложения выполняется только тот код, который необходим для визуализации этого изменения.

При таком подходе компилятор может оптимизировать процесс первого рендеринга страницы, а среда выполнения кода способна оптимизировать процессы обновления страниц. Такое внимание к производительности делает Solid одним из JavaScript-инструментов, показывающих самые высокие результаты в тестированиях производительности.


Меня эта библиотека заинтересовала, и я решила её испытать. В результате я уделила некоторое время созданию небольшого ToDo-приложения, изучая то, как эта библиотека рендерит компоненты, как она обновляет состояние приложение, как организует работу с хранилищем и исследуя многие другие её особенности.

Тех, кому не терпится взглянуть на код готового проекта, приглашаю заглянуть сюда.
Читать дальше →
Всего голосов 36: ↑33 и ↓3 +30
Просмотры 7.8K
Комментарии 7

Митап SuperJob по фронтенду больших приложений

Блог компании SuperJob Высокая производительность *Разработка веб-сайтов *JavaScript *Карьера в IT-индустрии

23 сентября в 19:00 SuperJob и Сбер проведут онлайн-митап по фронтенду больших приложений.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 394
Комментарии 3

Сравнение инструментов для генерации thumbnails: imgproxy, thumbor, imaginary, picfit, imageproxy и weserv/images

Разработка веб-сайтов *PHP *IT-инфраструктура *Виртуализация *Обработка изображений *

Жил был один новостной проект. Время шло, одни фичи добавлялись, вторые удалялись... Одной из важнейший фишек была генерация превьюшек к картинкам (thumbnails), а именно - быстрая генерация (до 5 минут) всех thumbnails. Все было хорошо, пока не начали поступать жалобы, что, иногда, генерация не успевает за 5 минут все сделать. Начали "копать" и обнаружили интересную вещь: мы генерим 112 превьюшек к одной картинке. Нашей "радости" не было предела. После небольших дискуссий было решено увеличить maxReplicas до 60 в HPA (проблема возникала когда загружалось больше 80 картинок), так как это самое быстрое и дешевое решение.

Читать далее
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 1.3K
Комментарии 5

Используйте фавиконки правильно

Блог компании HTML Academy Разработка веб-сайтов *CSS *HTML *Дизайн
Tutorial

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

Фавиконки — ответственность верстальщика. Под катом рассказ о том, как подключить обязательную фавиконку и каким должен быть набор иконок, как использовать иконки в SVG, что нужно дополнительно сделать для устройств от Apple, и почему хорошо использовать webmanifest для подключения всех фавиконок к вашему сайту.

Читать далее
Всего голосов 19: ↑17 и ↓2 +15
Просмотры 7K
Комментарии 11

Веб-безопасность 201

Блог компании Конференции Олега Бунина (Онтико) Информационная безопасность *Разработка веб-сайтов *Программирование *Конференции

Сегодня — вторая часть теории, которую рассказал эксперт по информационной безопасности и преподаватель Иван Юшкевич (https://twitter.com/w34kp455) провел мастер-класс по безопасности на конференции РИТ++ на платформе hacktory.ai.

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

Сегодня рассказ будет о CSRF, XSS и XXE.

Читать далее
Всего голосов 15: ↑14 и ↓1 +13
Просмотры 4.6K
Комментарии 3

От разработки и дизайна до менеджмента и бизнеса — топовые спикеры, доклады и нетворкинг на юбилейном 404fest

Блог компании Фестиваль 404 Разработка веб-сайтов *Управление проектами *Управление продуктом *Дизайн

Врываемся с анонсом юбилейного Фестиваля 404, который пройдет 25-26 сентября в Самаре. Проводим фест уже в десятый раз и планируем мощнейше отпраздновать круглую дату 🙂

Читать далее
Всего голосов 32: ↑19 и ↓13 +6
Просмотры 975
Комментарии 4

Добавляем интернационализацию в приложение на Next.js

Блог компании Alconost Разработка веб-сайтов *JavaScript *Программирование *Локализация продуктов *
Перевод

С 10-й версии в Next.js есть встроенная обработка интернационализированной маршрутизации.

В этой статье мы рассмотрим, как добавить интернационализацию в приложение на Next.js — к концу статьи научитесь делать следующее:

• Добавлять интернационализированную маршрутизацию в приложение на фреймворке Next.js.

• Обрабатывать переключение языковых стандартов («локалей»).

• Добавлять в приложение переведенный текст.

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Просмотры 1.2K
Комментарии 2

Core Web Vitals: с чего начать?

Блог компании Mail.ru Group Разработка веб-сайтов *JavaScript *SvelteJS *


Согласно web.dev, улучшение качества взаимодействия с пользователем — ключ к долгосрочному успеху любого сайта. Понимая, насколько важен для развития интернета качественный пользовательский опыт, компания Google в 2020 году представила инициативу Web Vitals. Это единое руководство по метрикам качества, которые необходимы для обеспечения удобного взаимодействия с пользователем. Хотя за прошедшие годы Google создала ряд инструментов для измерения эффективности взаимодействия и составления отчетов (Lighthouse, PageSpeed Insights и Measure), Web Vitals должна упростить измерение производительности и помогает разработчикам сайтов сосредоточиться на самых важных показателях — Core Web Vitals.
Читать дальше →
Всего голосов 28: ↑28 и ↓0 +28
Просмотры 4.5K
Комментарии 0

Как мы делаем курсы по вёрстке. Опыт из первых рук

Блог компании HTML Academy Разработка веб-сайтов *Учебный процесс в IT

Среди разработчиков курсов ходит легенда об авторе, который смог перед стартом курса полностью реализовать учебный проект и подобрать материалы, опираясь на код этого проекта. Годом позже этот автор собрал все яйца в «Ну, погоди» и посмотрел финальный мультик, а ещё через год полностью прошёл тетрис.

Пытались ли вы посадить рядом трёх взрослых мужиков и сделать так, чтобы они договорились о том, каким должен быть код? Ведь самое сложное не написать код, а договориться о конечном варианте. И тогда происходит жара, шантаж, и торги разработческими фетишами: «Ладно, давай обернём эти поля формы в тег <p>, а за это ты сможешь ставить точки в конце альтов»

Пытались ли вы это сделать на десяти проектах подряд? Вот, то-то же. А теперь немного хронологии.

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 2.8K
Комментарии 4

HTTP/3 от А до Я: основные концепции. Часть 1

Блог компании Southbridge Высокая производительность *Разработка веб-сайтов *Серверное администрирование *DevOps *
Перевод

image
Фото Florencia Viadana, Unsplash.com


После почти пятилетних разработок протокол HTTP/3 наконец приближается к окончательному выпуску. Предыдущие итерации уже доступны как экспериментальная функция, но в 2021 году мы ждём широкого распространения протокола. Что такое HTTP/3? Зачем выпускать его так рано после HTTP/2? Как его можно или нужно использовать? Как он влияет на производительность?

Читать дальше →
Всего голосов 92: ↑91 и ↓1 +90
Просмотры 25K
Комментарии 41

JavaScript: о том, что нас ждет в следующем году

Блог компании Timeweb Разработка веб-сайтов *JavaScript *Программирование *

Привет, друзья! Не за горами 2022 год, а это значит, что пришло время познакомиться с новыми возможностями, которыми нас порадует ECMAScript2022.


Вот о чем мы поговорим в этой статье:


  • await верхнего уровня
  • метод at() для индексируемых сущностей
  • метод hasOwn() для объектов
  • флаг d для регулярных выражений
  • 5 предложений для классов (специальные проверки для частных полей, блоки статической инициализации и др.)

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

Читать дальше →
Всего голосов 11: ↑11 и ↓0 +11
Просмотры 9.6K
Комментарии 2

PHP Дайджест № 211 (1 – 13 сентября 2021)

Разработка веб-сайтов *PHP *Symfony *Yii *Laravel *
Фото: Иван Ганцев.

Подборка свежих новостей и материалов из мира PHP. Вышел первый релиз-кандидат PHP 8.1, в Packagist обнаружено два зловредных пакета, а репозиторий популярного пакета AliceBundle пропал с GitHub. Для PHP 8.2 предложены два новых RFC: про $this в качестве тайпхинта для возвращаемых значений, и про удаление старых видов колбэков. Также в выпуске порция полезных инструментов, статьи и видео.

Приятного чтения!
Читать дальше →
Всего голосов 45: ↑45 и ↓0 +45
Просмотры 9.2K
Комментарии 1

Вклад авторов