Веб-страница
23.9K subscribers
1.77K photos
535 videos
1 file
3.97K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Компиляция нескольких статей, в которой собраны проекты для обучения фронтенду: https://tprg.ru/qYHv

Конечно, писать прям все эти проекты не нужно, а то пока вы это сделаете, уже можно будет на пенсию уходить.

#фронтенд
Огромная статья, автор которой рассказывает про внутреннее устройство современных веб-браузеров: https://tprg.ru/cIHw

Сохраняйте в закладки, потому что за один подход вряд ли осилите всю статью.

* на картинке в посте рассмотрено поверхностное устройство браузера веб-разработчика.

#браузеры
Предлагаем вам прокачать свои CSS-навыки на площадке CSSBattle. 

Ваша задача — визуально повторить заданное изображение, используя при этом как можно меньше CSS-кода. У кого кода меньше — тот выше всех в рейтинге. 

Попробуйте: https://tprg.ru/Rhcu

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

Например, можно сделать вот такую новогоднюю ёлку из тогл-кнопок. Эта и ещё 9 идей — в предновогодней подборке: https://tprg.ru/HdX2

#фронтенд
В нашем боте появилась крутая новая функция — подписка на новости.

Каждый будний вечер бот присылает подборку новостей, которую с любовью составляет наш редактор.

Подписывайтесь: @tproger_official_bot
PathAuditor

Инструмент от Google, с помощью которого можно обнаружить уязвимости, связанные с доступом к файлам: https://tprg.ru/ZNki

#google #инструменты #безопасность
Псс, даём грант на развитие айтишного медиа-проекта

Мы — Яндекс.Практикум, ВКонтакте и Tproger — прямо сейчас проводим конкурс с серьёзными призами среди тех, кто делает контент на тему технологий.

Два проекта получат по 100 000 рублей реальных денег и ещё два — по 100 000 рублей на рекламный кабинет ВКонтакте. Наш проект в конкурсе не участвует, так что сами себе призы мы не выдадим, а вот вы дерзайте! Или отправьте ссылку ниже своим любимым авторам.

🙃Подать заявку🚀
История одного предновогоднего релиза

История о том, как команда выкатила видеостриминговую систему за 13 дней до Нового года и потеряла праздничное настроение: https://tprg.ru/MUYj

Берегите себя.

#java
This media is not supported in your browser
VIEW IN TELEGRAM
В инструменте проектирования интерфейсов Figma появился Auto Layout. Выглядит интересно.

Подробности и примеры применения смотрите у них на сайте: https://tprg.ru/AbjV

#фронтенд #figma
Микросервисная архитектура — не всегда хорошо. И не нужно бездумно её использовать.

В этих 68 статьях разработчики рассказывают о неудачном опыте использования микросервисов: https://tprg.ru/x4GO

#бэкенд #архитектура #микросервисы
Подробный гайд по использованию API «Картинка в картинке»: https://tprg.ru/SGk9

#фронтенд
Большая коллекция CSS-шаблонов распространённых UI-компонентов: https://tprg.ru/E0X5

#фронтенд #css
Lite YouTube Embed — легковесный скрипт для встраивания видео с YouTube, который в 224 раза быстрее стандартного <iframe>.

О том, как его использовать, читайте на гитхабе: https://tprg.ru/EF8k

#фронтенд
Подробный гайд по использованию k6, инструмента для нагрузочного тестирования: https://tprg.ru/iK6H

А ещё годный генератор нагрузки: https://tprg.ru/se0E

#тестирование #инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Как машина понимает код, который мы пишем на JavaScript?

Читайте подробное объяснение в статье с наглядными гифками: https://bit.ly/2YS76KY

#javascript
Make — универсальный инструмент для упорядочивания хаоса в рабочих скриптах на проекте

Make хорош, но его официальная документация чересчур подробна, и, видимо, рассчитана на сисадминов-сишников, думающих на bash. Пробиться через неё без специальной подготовки сложно.

Поэтому автор этого гайда по фишкам Make взял документацию из 7 500 строк и сделал выжимку. Получилось 500 строк: https://tprg.ru/IZGa

#инструменты
Открыли голосование за лучшие медийные IT проекты https://tprg.ru/V5De

Наверняка вы читаете не только нас. Какие ещё проекты достойны внимания? Помогите им выиграть грант на развитие — выберите их в нашем голосовании.

В комментах пишите, кого вы не нашли в списке, но кому точно стоило подать заявку.
Ошибки в JavaScript

Статья в двух частях, автор которой рассматривает развитие работы с ошибками в JavaScript:

— в первой части немного об истории ошибок в JS: https://tprg.ru/phuS

— а во второй про современный подход к обработке ошибок: https://tprg.ru/J8XS

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Dwitter — соцсеть, где пользователи пишут код на JavaScript с лимитом в 140 символов, который рендерит крутые гифки.

Зацените: https://tprg.ru/RWsK

#javascript #кек