Веб-страница
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
Кто такой 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
Что нужно знать фронтенд-разработчику, чтобы переехать в США

Об этом рассказывает Senior, который из Воронежа перебрался в Москву, а далее — в Хьюстон, штат Техас. Он делится необходимыми навыками, подробно разбирая каждый из них:

https://tprg.ru/Lws8

#фронтенд
10 команд для Docker, без которых вам не обойтись

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

https://tprg.ru/i3RM

#docker #devops
Начало работы с Node.js

Посматриваете в сторону бэкенда на JavaScript? Тогда вам пригодится эта статья:

https://tprg.ru/bxtW

Вы пройдёте путь от установки Node.js до первого сайта на локальном сервере и маршрутизации. Всё с использованием терминала и VS Code.

#бэкенд #nodejs
.баскетбольное_кольцо { float: right; }
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать HTML отзывчивым, добавив одну строку кода на CSS

Автор статьи рассказывает, как использовать CSS Grid для создания крутой сетки изображений, которая изменяет количество столбцов в зависимости от ширины экрана или окна браузера:

https://tprg.ru/gNSK

#фронтенд #css
С Vue 3 больше не нужен Vuex?

Vuex — это паттерн управления состоянием и библиотека для приложений на Vue.js. Так зачем от неё отказываться? Дело в том, что новый Vue 3 из коробки предлагает реактивность и новые способы структурирования веб-приложений. Эти изменения настолько глобальны, что можно централизовать управление состоянием без дополнительных инструментов.

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

#фронтенд #vuejs
Сайт, на котором собран 61 PHP-инструмент для анализа кода, управления зависимостями, тестов: https://phpqa.io/

А в этом репозитории ещё свыше ста линтеров, форматтеров и статических анализаторов: https://tprg.ru/lptv

#php #инструменты
Наверняка каждый JavaScript-разработчик использовал метод console.log(‘text’) для отладки кода. Скорее всего, console.warn() и console.error() вам тоже знакомы.

Но есть много других логов, которые могут помочь повысить эффективность отладки кода на JS. В этой статье читайте про 8 самых интересных из них:

https://tprg.ru/Lvha

#javascript #nodejs