Веб-страница
24.1K subscribers
1.73K photos
529 videos
1 file
3.93K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Фронтенд-челленджи

Подборка сайтов, которых объединяет один из самых интересных способов обучения — челленджи. Где-то нужно воспроизвести исходную картинку с помощью минимального количества кода, где-то на протяжении 100 дней выполнять 100 разных заданий, а где-то соревноваться в решении задач с другими пользователями.

Точно найдёте что-нибудь интересное для себя:

https://tprg.ru/cFEL

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

Большая статья с информацией про протокол покрывающего дерева (STP) в виде удобных шпаргалок:

https://tprg.ru/ahf6

#сети
UX-исследования для начинающих

Как провести UX-исследование, чтобы разработанное в итоге приложение действительно решало задачи пользователей и улучшало их жизнь?

Рассказывает эксперт:

https://tprg.ru/iP3r

#фронтенд #ux
This media is not supported in your browser
VIEW IN TELEGRAM
Если у вас творческий кризис и не можете придумать новой фичи для вашего сайта, то вот вам одна, пользуйтесь:

https://tprg.ru/hB9o

Ещё больше проектов этого автора собрали у нас на сайте: https://tprg.ru/zl7r

#фронтенд #кек
5 бесплатных вебинаров от Amazon Web Services

Начиная с завтрашнего дня, Amazon Web Services проведёт серию бесплатных вебинаров о том, как освоить основные сервисы AWS с нуля:

27 апреля — Простые сервисы для начала работы в AWS;
28 апреля — Основы безопасности облака и в облаке AWS;
29 апреля — Отказоустойчивые архитектуры приложений на AWS;
30 апреля — Как запускать контейнеры в AWS;
4 Мая 2020 — Оптимизация расходов при использовании AWS.

Все вебинары начинаются в 13:00, вот ссылочка для участия:

https://tprg.ru/0eom

#devops #облака #aws
Серия статей про миграцию стартапа с JS и Ruby на TypeScript

— В первой статье речь идёт про миграцию фронтенд-кода: https://tprg.ru/YgJk

— Вторая статья рассказывает про миграцию Ruby-проекта на TypeScript: https://tprg.ru/HCKG

— В третьей статье разбирается вопрос, нужен ли TypeScript для проекта с большим покрытием тестами: https://tprg.ru/QEgW

— Четвёртая статья рассказывает про проблемы TypeScript: https://tprg.ru/iDX9

#javascript #ruby #typescript
Забавный сайт, который превратит ваш GitHun Gist в абстрактное нечто, напоминающее ваш код:

https://tprg.ru/eztR

#github #кек
98.css — это полноценная дизайн-система, с помощью которой проектировать интерфейсы в стиле олдовых версий винды:

https://tprg.ru/17UB

#фронтенд #windows #css
Оптимизация NGINX конфигураций

В блоге NGINX опубликовали статью с весьма полезными советами по оптимизациям NGINX. Всё довольно кратно, по делу и с дополнительными ссылками для изучения при необходимости:

https://tprg.ru/bfTs

#бэкенд #nginx
Обзор десяти основных систем непрерывной интеграции

https://tprg.ru/pGan

А какую CI систему используете вы?

#devops #ci
Работа с изображениями в вебе

При разработке сайта приходится выбирать, как работать с изображениями. Можно использовать HTML-тег <img>. Можно применять CSS-свойство background или тег <image> элемента <svg>. От выбора необходимого подхода зависит производительность и доступность проекта.

В этой статье разбираются преимущества и недостатки этих способов. Кроме того, автор объясняет, когда и почему их обычно используют:

https://tprg.ru/yUv3

#фронтенд #css
Webpack: основы настройки проекта на JavaScript и Sass

Webpack — инструмент веб-разработчика, который соединяет JavaScript- и CSS-файлы в единое целое — файл, который часто называют «bundle».

В этой статье представлена инструкция по настройке среды для проекта на JavaScript и Sass:

https://tprg.ru/uFxO

Также читайте — Webpack на практике: с нуля до создания автотестов

#javascript #webpack
Функциональное программирование в мире JavaScript

Автор рассказал, что такое композиция, частичное применение, каррирование, чистые функции, мемоизация и неизменяемы (иммутабельные) данные.

#javascript
Линуксовый монитор, который покажет общую статистику использования ресурсов процессора, памяти, дисков, сети:

https://tprg.ru/bw1g

#linux
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка из 14 реализаций списков с помощью CSS и HTML. Все примеры, естественно, с кодом:

https://tprg.ru/fOMg

#фронтенд #css #html
Создаём веб-приложение с бэкендом на Django и фронтендом на React

https://tprg.ru/jyUJ

Из статьи вы узнаете:
— как создать простое REST API на Django;
— как добавить React в проект Django;
— как соединить Django и React

#фронтенд #бэкенд #django #react
This media is not supported in your browser
VIEW IN TELEGRAM
На Digital Ocean появилась возможность настроить VPC, т.е. создавать сколь угодно много приватных сетей для виртуалок бесплатно. А передача данных между ДЦ сверх тарифа будет стоить $.01 / ГБ:

https://tprg.ru/FLsR

#безопасность #vpc
Проблема тёмной темы на OLED-дисплеях

При работе с тёмными темами в приложениях существует одна интересная проблема: при использовании абсолютно чёрного цвета #000 на OLED-дисплеях происходит смазывание изображения и эффект халяции.

Почему? Читайте в статье:

https://tprg.ru/L0RX

#фронтенд #дизайн
В блоге Docker опубликовали статью с хорошими практиками по созданию Dockerfile, чтобы полученный Docker Image был безопасным, компактным, быстро собираемым и поддерживаемым:

https://tprg.ru/NDPd

#devops #docker
hey — тулза, с помощью которой можно замерить среднюю скорость ответа вашего сервера, проверить, не падает ли он от самых простых запросов:

https://tprg.ru/3i57

#бэкенд #http