Веб-страница
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
Состоялся релиз PHP 8

Из нового:

— JIT-компилятор;
— новый тип возвращаемых значений static;
— поддержка выражений match;
— выражение throw для обработки исключений;
— ужесточение проверки арифметических и битовых операций.

Подробнее в нашей статье:
https://tprg.ru/4IXH

#php #бэкенд
Когда заказчик расставляет приоритеты
Как стать DevOps-инженером в 2021 году: дорожная карта

Чем дышит современный DevOps, какие инструменты следует освоить, что почитать и в каком направлении расти? Гайд со схемой развития для тех, кто гордо идёт к званию «на все руки мастер»:

https://tprg.ru/MeJ7

#devops
CodinGame — это набор игр для программистов. Поддерживает 27 языков, в частности JavaScript и PHP.

В качестве интерфейса можно выбрать стиль редактора кода. По умолчанию используется тема Classic, которая в два клика меняется на Emacs или Vim. Игра поддерживает одиночный и многопользовательский режимы:

https://tprg.ru/MFjA

#javascript #php
15 полезных команд PostgreSQL

Это далеко не все приёмы, но и их вполне достаточно, чтобы упростить жизнь разработчикам и администраторам баз данных. Команды разбиты на три основных раздела:

— Получение информации о базе данных
— Работа с данными и полями таблиц
— Работа с конфигурацией

Подробнее читайте в нашей статье:
https://tprg.ru/Z7t3

#базыданных #postgresql
И кто его за язык тянул
Топ-5 инструментов JavaScript для визуализации финансовых данных

Большую часть получаемой информации человек воспринимает через зрение, а работать с финансовыми данными без соответствующей визуализации особенно сложно.

Для решения этой задачи существуют различные инструменты для построения красивых и информативных графиков на основе ваших данных. Среди них Highcharts, ApexCharts, Webix Framework, D3.js и Ember Charts.

Подробнее о них читайте в нашей статье:
https://tprg.ru/uM9t

#javascript
Декораторы JavaScript с нуля

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

https://tprg.ru/aw3D

#javascript #фронтенд
Видеокурс по CSS Flexbox, из которого вы узнаете:

— в чём основные отличия Flexbox и CSS Grid;
— что такое flex-контейнер, flex-элементы, главная и поперечная оси;
— как задавать размеры элементов;
— как выравнивать flex-элементы;
— как изменять направление осей;
— как работать со строками и столбцами.

Весь плейлист: https://tprg.ru/rdDR

#фронтенд #css
Заказчик: Разве я желаю невозможного?
Желание заказчика:
Шпаргалка по командам Docker

Здесь все нужные команды собраны в одном месте — реестры и репозитории Docker, запуск и установка контейнеров, получение информации о контейнерах, управление образами и многое другое:

https://tprg.ru/FoMZ

#devops #docker
Что такое доступность сайта и как её проверить

Сегодня, 3 декабря, в мире отмечают День инвалидов. Цель праздника — интеграция людей с ограниченными возможностями в жизнь общества. 

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

Как повысить доступность сайта и проверить её с помощью Chrome DevTools — читайте в нашей статье:

https://tprg.ru/6HLp

#фронтенд
CSS Filter Editor

Полезный инструмент для редактирования изображения средствами CSS.

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

Воспользоваться редактором или изучить код проекта можно по ссылке:

https://tprg.ru/pZk9

#фронтенд #css
Когда пытаешься центрировать блоки, используя фреймворк без чтения документации:
Дорожная карта React-разработчика

Хотите знать, как стать React-разработчиком в 2021? Держите дорожную карту, которая собрала must-have темы и инструменты:

https://tprg.ru/rMBs

#фронтенд #react
CSS clip-path Editor

Полезный инструмент при создании clip-path фигур, который наглядно демонстрирует, как будет выглядеть элемент на странице. Можно воспользоваться готовыми пресетами или настроить по своему желанию, после чего просто скопировать готовый код в свой проект.

https://tprg.ru/sKF5

#фронтенд #css
This media is not supported in your browser
VIEW IN TELEGRAM
Новый проект от создателя «невозможного» чекбокса — «невозможная» лампочка. Теперь вредный медведь будет мешать вам включить лампочку в комнате. Следуя заветам прошлой части, здесь тоже присутствует звук. Также проект примечателен использованием библиотеки GSAP.

Попытаться включить лампочку или посмотреть код можно на странице проекта в CodePen:

https://codepen.io/jh3y/pen/dyXBKog

#фронтенд
10 инструментов ReactJS для повышения навыков веб-разработки

Использование фреймворка сильно упрощает процесс разработки, но можно облегчить себе задачу ещё сильнее, применяя дополнительные инструменты.

В этой подборке 10 таких инструментов, в частности React Sight, React Belle, Evergreen и другие:

https://tprg.ru/z1NB

#javascript #react
ПМ: У нас между бэком и фронтом полное взаимопонимание
Бэк и фронт:
Состоялся релиз Storybook 6.1

Полезный инструмент для разработки пользовательских интерфейсов недавно получил обновление.

В новой версии Storybook появились:
— быстрый поиск и навигация;
— асинхронные загрузки;
— строгий режим;
— и многое другое.

Подробнее обо всех изменениях и нововведениях можно прочитать в этой статье:
https://tprg.ru/JdI2

#фронтенд