Веб-страница
23.9K 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
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
Как стать full stack разработчиком

https://tprg.ru/QgnI

По пунктам разобрали необходимые навыки:

— вёрстка и дизайн;
— языки и фреймворки;
— базы данных и DevOps;
— вспомогательные инструменты.

#фронтенд #бэкенд
А вы знали, что JavaScript может отсортировать ваш массив с помощью setTimeout()?
Краткая шпаргалка по TypeScript

Это полноценный базис: типы, параметры, модификаторы доступа, примеры классов, подсказки по установке и ссылка на документацию.

https://tprg.ru/kO7x

#typescript
Оптимизация CLS для списков с бесконечным скроллом

Пагинация и кнопки вроде «Загрузить ещё» порядком надоели, и многие сайты переходят на бесконечную подгрузку элементов. Чтобы избежать при этом сдвига макета, нужно сделать следующее:

— зарезервировать место перед подгрузкой элементов;
— удалить футер или любые DOM-элементы после списка;
— использовать prefetch для предварительной загрузки данных вне области браузера.

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

https://tprg.ru/StXG

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