Веб-страница
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
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
Шпаргалка для собеседований по SQL

Разобраны все варианты JOIN двух таблиц, когда в них есть NULL значения. К каждому кейсу есть пояснения. В качестве шпаргалки она полна для обзора всех возможных случаев:

https://tprg.ru/PMs0

#базыданных #sql
Media is too big
VIEW IN TELEGRAM
Гайд по созданию такой карусели без использования JavaScript, jQuery-плагинов и всего такого. Только CSS и HTML:

https://tprg.ru/nMCt

#фронтенд #css
Чем на самом деле занимается специалист по облачным технологиям?

Рассказывает разработчик с 11-летним стажем: https://tprg.ru/Mpeb

#devops #облака
This media is not supported in your browser
VIEW IN TELEGRAM
Подборка из 10 хороших расширений Chrome, которые ускорят и улучшат рабочий процесс дизайнера:

https://tprg.ru/4qS6

Например, расширение Toybox на видео в посте может помочь вам быстро проверить CSS на сайте и делиться комментариями с коллегами.

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