Веб-страница
23.9K subscribers
1.77K photos
535 videos
1 file
3.97K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Когда использовать panic, log.Fatal() и log.Error()

Статья разбирает по косточкам и на примерах основные принципы логирования:

https://tprg.ru/9GQh

Автор не открывает Америку, но делится полезными советами, которые в дальнейшем облегчат отладку кода. Материал разбирает примеры на Go, но описанные принципы применимы и к другим языкам.

#фронтенд #бэкенд #go
Мудрые слова
👍1
Запущено альфа-тестирование PHP 8.0.0

Свершилось! Скачать «черновой вариант» PHP 8.0 можно по ссылке: https://tprg.ru/6QVp

А ваши баг-репорты с нетерпением ждут здесь: https://bugs.php.net/

Примете участие в тестировании?

#php #бэкенд
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем анимацию при прокрутке страницы

Scroll-анимация на официальном сайте GoPro выглядит эффектно. Да, самостоятельно реализовать можно, но зачем, если есть готовые инструменты?

К таким относится и ShusuiScroll. Принцип работы прост: событие прокрутки вешается на окно, а далее высчитываются нужные значения с использованием window.scrollY.

Репозиторий: https://tprg.ru/sPR8
Демо и обсуждение: https://tprg.ru/zjNy

#фронтенд
Когда пытаешься отцентрировать div
​​Зарелизился Firefox 78 ESR

А вместе с ним и мобильная версия Firefox 68.10 для Android. ESR-версия — это та, для которой в течение года выпускаются обновления, и вот чем она нас порадует:

— В WebAssembly добавлена поддержка импорта и экспорта 64-битных целых чисел в параметрах функций.
— Добавлены псевдоклассы :is() и :where() для упрощения написания CSS-селекторов.
— Обновлён движок SpiderMonkey, который теперь поддерживает фичи регэкспов из ECMAScript 2018, включая режим Lookbehind, флаг dotAll, экранирование классов Unicode и именованные группы.
— Добавлена поддержка Intl.ListFormat() для создания локализованных списков.
— Включена поддержка Service workers и Push API.

Обо всех нововведениях вы узнаете из статьи:

https://tprg.ru/Njcn

Кстати, в ближайшее время на стадию бета-тестирования перейдёт и Firefox 79: релиз намечен на 28 июля.

#firefox
This media is not supported in your browser
VIEW IN TELEGRAM
Полное руководство по правильному использованию анимации в UX

Ловите исчерпывающий материал с примерами плохих и хороших практик в гифках:

https://tprg.ru/5FQv

Вы узнаете, как акцентировать внимание на главном, какую кривую движения выбрать, насколько быстрой должна быть анимация и многое другое.

#фронтенд #дизайн #ux
Кому-то маска к лицу
Тёмная сторона веба: исчерпывающий гайд

Дарк мод для UI набирает популярность. Тренд или необходимость? Скорее, второе, ведь пользователи, работающие в тёмное время суток, отдают предпочтение дарк моду, уменьшая нагрузку на глаза.

Предоставьте своим пользователям выбор. А вот как реализовать тёмную тему, изменить яркость изображений и сделать текст менее контрастным, вы узнаете из этой статьи:

https://tprg.ru/d3ay

#фронтенд
Шпаргалка по kubectl

Чтобы команды для kubectl всегда были под рукой. Чит-лист включил в себя часто используемые команды и расшифровку флагов.

#devops #kubernetes
Свойства CSS, которые сэкономят кучу времени

Для достижения некоторых эффектов не нужно писать миллион строк. В статье описаны такие свойства:

— Центрирование с помощью place-items: center и CSS Grid или margin: auto и Flexbox.
— Стилизация маркеров списка.
— Центрирование текста.
— Иконки в одну линию с display: inline-flex.
— Добавление границ между столбцами.
— Повторение фоновой картинки без обрезки.
— Соблюдение размеров объекта с object-fit.

Больше информации, код и результаты в картинках можно найти в самой статье:

https://tprg.ru/STXI

#фронтенд #css
Изучайте CSS
Краткий туториал по созданию математического Telegram-бота на Node.js

https://habr.com/ru/post/509074/

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

#nodejs #typescript #api
8 основных языков для бэкенда

Как думаете, можно ли использовать Visual Basic для бэкенд-разработки?

Спойлер: да. Но, к счастью, это не единственный вариант.

Какие ещё языки подойдут для бэкенда и какие компании их используют, рассказали в статье:

https://tprg.ru/GiUv

#бэкенд
Как работать, если сам себе всё ломаешь?

Думаем над этим вопросом в новом выпуске Tproger Changelog.

Кто вдруг не знает: этот канал — часть айтишного медиа Tproger. Уже четвёртый месяц мы выпускаем ченжлог, в котором фиксируем свои успехи, а точнее постоянные изменения.

В этот раз рассказываем про проблемы в работе, многие из которых мы сами себе вызываем. Вам, в частности, может быть интересен блок про ошибки в разработке сайта.

Приглашаем почитать, а также поделиться в комментах своими факапами и открытиями: https://tprg.ru/d1Tj
Когда написал 5em вместо 5px
1😁1
Компания Google опубликовала 10 однострочных CSS-шаблонов

https://tprg.ru/oqHh

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

#фронтенд #css
Забавные комиксы о Google Chrome и Kubernetes

А ещё познавательные: из них вы узнаете, как работают эти инструменты и в чём их главные преимущества.

Google Chrome: https://tprg.ru/ZKSn
Kubernetes: https://tprg.ru/VCPq

Комиксы на английском, но если вы хотите помочь сообществу и перевести их на русский, то напишите нам. Качественную работу опубликуем с указанием авторства.

Как вам комиксы?

#kubernetes #chrome
.варочная_панель { float: left }
Правильный старт с Django

Минимум кода, максимум общих фактов. Такой взгляд поможет тем, кто хочет начать изучать Django, но теряется на старте. Статья раскрывает концепции фреймворка и общий принцип его работы. Если вы всё ещё раздумываете над тем, стоит ли «потыкать» Django, эта статья для вас:

https://tprg.ru/eY5z

#бэкенд #django