Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Левая нога свободна — дилетант
😁2
В канале Мобильная разработка собираем всё самое интересное про разработку приложений под Android, iOS и кроссплатформу.

Подключайтесь, если ещё не: @mobi_dev
​Обработка короткого и длинного содержимого в CSS

Если вы не верстаете pixel perfect макет, то хотелось бы достичь максимальной адаптивности и иметь возможность быстро вносить изменения, не переделывая кучу всего из-за поехавшей вёрстки, согласны?

В этой статье Ахмад Шадид рассказывает, как он достигает этого:

https://tprg.ru/17l2

#фронтенд #css
20 полезных репозиториев GitHub

У программистов с опытом уже есть определённый инструментарий и база знаний, а вот у начинающих — нет.

В этой подборке 20 репозиториев, которые содержат в себе ПО, советы, шаблоны проектирования и многое другое, которые пригодятся не только начинающим, но и уже опытным разработчикам:

https://tprg.ru/2oXT

#github
​Лучшие практики для написания Docker-файлов

Docker прочно вошёл в мир веб-разработки и сильно упрощает её при правильном применении.

В этой статье автор собрал несколько практик для качественного написания контейнеров, к которым он пришёл за годы работы с Docker:

https://tprg.ru/5rNQ

#docker #devops
Хотим напомнить вам, что у нас в боте есть специальная версия игры «сапёр» за участие в которой каждый получает фирменный календарь от Tproger. А среди прошедших игру мы разыграем другие ценные подарки.

Мы даже убрали все мины, чтобы вам было проще, так что заходите:
t.me/tproger_official_bot?start=minegame
А вдруг у неё просто функция print в PHP не срабатывала?! 😱
​Как увеличить производительность CSS-in-JS в несколько раз

CSS-in-JS удобен с точки зрения наглядности и компонентного подхода к написанию кода. Вы избавляетесь от необходимости искать нужный вам кусок стилей для определённой части кода.

С другой стороны, такой подход может сильно увеличить нагрузку на браузер и замедлить загрузку страницы.

Эта статья расскажет, как можно избежать проблем с производительностью, используя CSS-in-JS:

https://tprg.ru/RYe6

#фронтенд #javascript #css
​Как сделать Favicon в 2021 году

С ростом количества различных экранов и развитием браузеров возникает необходимость в использовании большого количества разных размеров одинаковых фавиконок.

Автор этой статьи нашёл способ, который позволяет сильно сократить необходимый минимум иконок при сохранении их корректного отображения:

https://tprg.ru/McLi

#фронтенд
​Перспективы для инженера DevOps в 2021 году

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

В этой статье подводятся итоги 2020 года, а также сделан прогноз по развитию DevOps на 2021:

https://tprg.ru/3l76

#devops
И ведь может решить
Что нового во Vue 3

Vue.js 3 — это самая актуальная на текущий момент версия фреймворка. Она обладает множеством нововведений:
— Vue 3 Composition API;
— Ref;
— новый метод watchEffect и многими другими.

В этой статье рассматриваются основные нововведения Vue 3 с понятными видеопримерами:

https://tprg.ru/7UQj

#vue #фронтенд
​Правила схлопывания Margin

Эта статья ориентирована на начинающих Frontend-разработчиков.

В разных ситуациях margin может повести себя по-разному. Чтобы вы не запутались — в этой статье приведены различные примеры поведения margin с понятной анимацией:

https://tprg.ru/hrd6

#фронтенд #css
​Как фронтенд-разработчику написать нейросеть

Обычно, говоря о создании нейросетей, подразумевают написание их на Python или C++. Но на них свет клином не сошёлся, и если вы даже являетесь фронтенд-разработчиком — можете написать свою нейронную сеть с использованием привычных вам инструментом.

В этой статье автор создал игру, которой не нужен игрок, используя JavaScript и TensorFlow:

https://tprg.ru/dkIr

#фронтенд #javascript #ml
Или когда frontend-разработчик решил стать Full Stack.
Не лезь, оно тебя сожрёт!
​Как влюбить в себя код ревьювера и улучшить качество кода

Неважно, хотите вы влюбить его в себя или нет — вы должны это сделать, потому что это будет на пользу именно вам.

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

О том, как вы можете это сделать — читайте в статье:

https://mtlynch.io/code-review-love/
В канале Zen of Python мы создаём Дзен для Python-разработчиков, рассказывая про интересные штуки для изучения и применения языка.

Подписывайтесь: @zen_of_python
​Максимальная оптимизация загрузки изображений в 2021 году

Автор этой статьи описывает 6 методов, которые позволяют повысить скорость загрузки изображений на сайте, а также снизить использование CPU для их отображения.

Здесь представлены как традиционные способы, так и относительно новые:

https://tprg.ru/9Gv7
Кому подходит моя кровь

Хотим поделиться с вами интересным и полезным проектом с CodePen, который поможет определить вам каким людям подойдёт ваша кровь в зависимости от её группы.

Проект реализован с помощью препроцессоров Pug и SCSS, а также чистого JS. Подробный код проекта вы можете посмотреть здесь:

https://tprg.ru/GWMm

#фронтенд
​Техники HTML и CSS для сокращения вашего JavaScript

Интересная статья о том, как можно заменить JS различными техниками HTML и CSS, которые позволят упростить загрузку страницы и взаимодействие с ней:

https://tprg.ru/hyJM

#фронтенд #html #css