Веб-страница
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
box-shadow: 80px -80px;
😁1
Вышла RC-версия WebStorm 2020.2

IDE порадует такими обновлениями:

— установка Prettier как форматера по умолчанию;
— поддержка Nuxt.js;
— запуск отладки инструментами Windows;
— виджет Inspections для быстрого поиска проблем;
— улучшенная поддержка пул-реквестов на GitHub;
— простая настройка отступов и интерполяции для кода Vue.

Скачать можно здесь: https://tprg.ru/PS2F

Ждали?

#javascript #инструменты
Основные вопросы по началу работы с Docker и ответы на них

— Чем контейнер отличается от виртуальной машины?
— Чем контейнер отличается от образа?
— В чём разница между Docker и Kubernetes?
— Почему нельзя подключиться к веб-приложению, запущенному в контейнере?
— Как запустить несколько приложений в одном контейнере?
— Как сохранить данные при запуске контейнера?

Из этой статьи вы получите развёрнутые ответы на каждый из перечисленных вопросов:

https://tprg.ru/ICkB

#devops #docker
Первый совместный запуск фронт и бэкенда
Google отложил ранжирование сайтов по мобильной версии до 2021 года

Такое решение принято в связи с коронавирусом. Mobile-first-индексирование, запланированное на сентябрь этого года, перенесено на март следующего года.

Как не просесть в поиске и на какие факторы обратить внимание, рассказано в этой статье:

https://tprg.ru/h2LJ

#mobile #google
Работа с часовыми поясами в 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
Отличная идея для переключателя светлой/темной темы