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

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Работа с часовыми поясами в JavaScript

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

https://tprg.ru/rcIq

#javascript #фронтенд
This media is not supported in your browser
VIEW IN TELEGRAM
10 классных проектов на CodePen

В сервисе CodePen представлено множество креативных работ, среди которых имитация живого экрана, индикатор выполнения в стиле Симпсонов, 3D-глаз, который следит за курсором, и многое другое. О самых интересных проектах можно почитать здесь:

https://tprg.ru/JlzH

#фронтенд
This media is not supported in your browser
VIEW IN TELEGRAM
Когда увидел, как твой сайт работает в Internet Explorer
Всё о системе типов в PHP

https://tprg.ru/Qnup

Автор статьи проделал огромную работу и разобрал по косточкам самые интересные темы, затрагивающие типы в PHP: виды, особенности, режимы, Type Juggling и механизмы вроде Type Hinting. Статья подкреплена примерами и дополнена полезным видео.

#бэкенд #php
Прокачайте SQL с интерактивным задачником

Это курс из 18 базовых уроков с упражнениями, которые проверяются в режиме реального времени:

https://tprg.ru/3M56

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

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

https://tprg.ru/nPEi

#фронтенд #дизайн #ux
Шпаргалка по OAuth

Как работает открытый протокол авторизации, за что отвечают client_id и client_secret, как генерируется токен и происходит валидация данных — всё это представлено в виде удобной схемы-шпаргалки. Забирайте себе:

https://tprg.ru/SvV4

#бэкенд #api
Когда забыл подключить CSS
Кто такой DevOps-инженер?

Да и вообще, чем он занимается и каким должен быть? В этой статье мы собрали ответы на часто задаваемые вопросы о DevOps, а в конце — бонусный гайд:

https://tprg.ru/8Gdb

#devops
Что значит 100% в CSS?

Вы когда-нибудь задумывались, как всё рассчитывается в каскадных таблицах стилей, и почему иногда не удаётся подвинуть элемент, хотя, казалось бы, всё верно?

Амелия Ваттенбергер не только написала об этом, но и сделала статью интерактивной. Так что можете потаскать ползунки и посмотреть, что получится:

https://tprg.ru/YU83

#фронтенд #css
IPv6 на 40% быстрее, чем IPv4

Об этом на конференции WWDC 2020 сообщили представители Apple, проведя ряд исследований. Компания также призывает разработчиков использовать новые веб-технологии, такие как HTTP/2 и TLS 1.3, ссылаясь на улучшенную производительность.

По статистике, страницы, открытые с помощью Safari и HTTP/2, загружались на 80% быстрее в сравнении с HTTP/1.1. Кроме того, 49% всех HTTPS-подключений с «яблочных» устройств приходятся на работу с протоколом TLS 1.3, и такое соединение на 30% быстрее, чем с использованием TLS 1.2.

Больше статистики по ссылке: https://tprg.ru/n60w

#сети #http
Стоит взять на заметку
🤔1
PHP 8: примеры кода до и после

О том, что изменилось, можно долго говорить, но лучше один раз показать. Автор собрал примеры, которые демонстрируют очевидную разницу между PHP 7.4 и PHP 8.

Модификатор static и объединённые типы вместо Doc-блоков, throw как выражение, новый оператор nullsafe, перечисления и match — все обновления направлены на сокращение кода и ускорение разработки:

https://tprg.ru/rFQx

#бэкенд #php
Основные термины Docker

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

https://tprg.ru/m5O2

Из статьи вы узнаете, что такое Docker-платформа, движок, Docker Daemon, имеет ли Docker Hub какое-то отношение к сетевому концентратору, и при чём здесь оркестрирование и пчелиный рой.

#docker #devops
This media is not supported in your browser
VIEW IN TELEGRAM
Отличная идея для переключателя светлой/темной темы
5 VS Code расширений для комфортной работы

— Ayu-тема в трёх вариантах;
— один из лучших линтеров JavaScript ESLint;
— Code Spell Checker для проверки грамматики;
— симпатичные иконки с vscode-icons;
— Prettify JSON для правильного форматирования JSON.

Подробнее в статье: https://tprg.ru/VmOe

#vscode
Интерактивная шпаргалка по CSS Grid Layout

Можно не только почитать, но и посмотреть, что будет, если изменить некоторые параметры:

https://tprg.ru/G2Av

Статья включила такие разделы, как формирование сетки, расположение элементов, выравнивание и интервалы.

#css #фронтенд
Лайфхак против нерадивых клиентов
👍1
Репозиторий с гайдами по Amazon Web Services

Да, по этой облачной платформе написано много статей, а также есть подробная документация. Тем не менее, это не всегда удобно. Именно поэтому автор наиболее полного гайда решил создать репозиторий, где собрал полезные ресурсы с информацией о AWS:

https://github.com/open-guides/og-aws/

#aws #github
51 крутая игра на HTML5 и JavaScript с открытым исходным кодом:

https://tprg.ru/Lzhn

Осторожно! Затягивает.

#html #javascript