Комментарии в Telegram

Если у вас обновилась десктопная, iOS или Android-версия телеги, то начиная с этого поста теперь можно оставлять комменты.

Если ещё не разобрались, как работают новоиспечённые комментарии, то в этом посте мы объяснили. Го тестить:

Шпаргалка по работе с Jenkins включила в себя:

— инструкцию по установке на Ubuntu;
— информацию о Pipeline;
— наиболее популярные плагины;
— типы Jenkins Jobs;
— советы и рекомендации.

Всё это с примерами и в формате PDF:
https://tprg.ru/wfrX

#jenkins #devops

Как выглядит валидация на фронте

​Детективная игра на знание SQL

Она позволит освежить в памяти основы SQL и интересно провести досуг. Примерьте на себя роль детектива, выясняя обстоятельства с помощью SQL-запросов:

https://tprg.ru/c1by

#sql

Полное руководство по медиа-запросам в CSS

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

В своей статье автор затронул структуру таких запросов, их недостатки, свойства, доступность и тонкости работы с универсальным дизайном:

https://tprg.ru/5Bgk

#фронтенд #css

Морской бой на PostgreSQL

Для написания были использованы PostgreSQL 12 и язык PLpgSQL. Вот что из этого получилось:
https://tprg.ru/iwH2

Статья о том, как именно создавалась игра:
https://tprg.ru/dVgX

#базыданных #postgresql

​Indicium — это инструмент рантайм анализа V8 в виде веб-интерфейса, позволяющий в реальном времени выполнять отладку, отслеживание создания и анализ inline-кэшей (IC).

Суть в том, что JavaScript-движок V8 использует для представления объектов структуру карты (Map), которая в свою очередь для быстрого доступа к свойствам этих объектов использует Inline Cache.

В V8 уже предусмотрена инфраструктура трассировки для ICs и Maps, которая может обрабатывать и анализировать события IC с помощью IC Explorer, а события Map — с помощью Map Processor. Но эти инструменты не позволяли анализировать всё в целом.

Indicium связывает Map с IC и представляет информацию в удобном виде. Отличный инструмент для быстрого выявления проблем в исходном коде.

Подробнее: https://tprg.ru/gt9a

#devops #javascript

Полезные библиотеки для работы на Vue.js

Статья посвящена обзору не популярных, но эффективных инструментов для разработки на Vue.js. Речь пойдёт о Vuex-Persistedstate для работы с состоянием и о Vuelidate — инструменте для валидации форм. Вы пройдёте с автором процесс от их установки до готовых примеров:

https://tprg.ru/BZ5s

#фронтенд #vuejs

Главное красивый фронт

Компания Google выпустила Chrome 86

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

— Функция Safety Check, предупреждающая о небезопасных комбинациях логин/пароль, теперь доступна в мобильных версиях Chrome.
— Появилось предупреждение об отправке заполненных данных через незашифрованный канал связи.
— В контекстном меню по умолчанию есть опция «Всегда показывать URL полностью».
— Предусмотрена блокировка небезопасной загрузки архивов и вывод предупреждения при небезопасной загрузке документов.
— Для небольшого процента пользователей запущен эксперимент по отображению по умолчанию в адресной строке только домена.
— По умолчанию доступен File System Access API, позволяющий создавать приложения для взаимодействия с локальными файлам.

Кроме того, добавлен CSS-селектор :focus-visible, поддержка псевдоэлемента ::marker для стилизации маркеров списка, изменено кодирование пробела в URL с «+» на «%20», расширены инструменты для web-разработчиков и многое другое. Выпуск Chrome 87 запланирован на 17 ноября.

Подробнее: https://tprg.ru/HwZY

#браузеры #chrome

​Cloudflare анонсировал поддержку gRPC

Поддержка нового протокола подарит пользователям сервиса ряд преимуществ, в частности:

— возможность добавлять WAF и Bot Management;
— увеличение производительности за счёт Argo Smart Routing;
— использование Load Balancer для повышения надёжности.

Подробнее читайте в статье: https://tprg.ru/kbWI

#бэкенд #devops

​VK обновил дизайн для десктопной версии

Пока активировать его смогут только первые 100 тысяч человек. Сделать это можно в настройках профиля в самом низу раздела «Общее»: https://vk.com/settings

Фронтенд vs. Бэкенд

​Решаем проблемы с CLS на примере Tproger

Благодаря советам из нашей статьи вы можете улучшить техническую оптимизацию сайта в «глазах» Google и постепенно подняться в поисковой выдаче. Всё со скринами и на реальных примерах:

https://tprg.ru/KMau

Остались вопросы? Спрашивайте в комментариях под статьёй: с радостью ответим.

#фронтенд #дизайн #ux

Игра Elevator Saga поможет скоротать досуг и подучить JavaScript. Вам нужно запрограммировать движение лифта так, чтобы он перевёз указанное количество человек за отведённое время. С каждым новым уровнем увеличивается этажность, количество лифтов, и сами задачи становятся более сложными:

https://tprg.ru/kdEv

А сколько уровней прошли вы?

#фронтенд #javascript

Шпаргалка по оконным функциям в SQL

В ней вы найдёте информацию о синтаксисе, основных командах, группировании, сокращениях, разнице между оконными и агрегатными функциями.

Шпаргалка в высоком разрешении: https://tprg.ru/UcR6

#бэкенд #sql

Уфа не может быть любимым городом

Виджет выбора цвета

Представлен в двух вариантах:

— Vanilla Colorful
— React Colorful

Легковесный, быстрый, написан на TypeScript, хорошо работает на мобильных устройствах и сенсорных экранах.

#фронтенд #дизайн

Разделение кэша в Chrome 86

Теперь кэш браузера будет разделяться, чтобы улучшить приватность и безопасность. У кэшированных ресурсов появятся ключи, которые помогут исключить некоторые виды анализа и атак со стороны злоумышленников, а именно:

— определение посещённых сайтов;
— межсайтовый скриптинг;
— межсайтовое отслеживание.

В некоторых случаях разделение HTTP-кэша может негативно сказаться на скорости работы веб-ресурсов. Но не стоит переживать: по этому же принципу уже давно работает Safari, и сильных изменений в скорости работы сайтов не наблюдается.

Подробнее о новом кэшировании в Google Chrome 86:
https://tprg.ru/GjWL

#браузеры #chrome

Сила CSS