Веб-страница

Логотип телеграм канала @tproger_web — Веб-страница В
Актуальные темы из канала:
Обсуждение
Javascript
Фронтенд
Советы
Codepen
Партнерский
Инструменты
Js
React
Петпроект
All tags
Логотип телеграм канала @tproger_web — Веб-страница
Актуальные темы из канала:
Обсуждение
Javascript
Фронтенд
Советы
Codepen
Партнерский
Инструменты
Js
React
Петпроект
All tags
Адрес канала: @tproger_web
Категории: Технологии
Язык: Русский
Количество подписчиков: 24.10K
Описание канала:

Всё по фронтенду, бэкенду и девопсу в одном месте
Разместить рекламу: @tproger_sales_bot
Правила общения: https://tprg.ru/rules
Другие каналы: @tproger_channels
Сайт: https://tprg.ru/site
Регистрация в перечне РКН: https://tprg.ru/64ai

Рейтинги и Отзывы

3.33

3 отзыва

Оценить канал tproger_web и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

1

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

1


Последние сообщения 5

1 сен 2025
Как использовать Redis для кэширования и очередей в веб-приложениях

Быстрая работа веб-приложения — это краеугольный камень веб-разработки. Для ускорения есть множество инструментов и паттернов. Один из них — key-value система Redis, которая помогает оптимизировать время на отправку и получение запросов с сервера.

Рассказали, как её установить и настроить для повышения производительности и надежности. Подробности в статье.

#redis #бэкенд
2.5K views14:07
Подробнее
Поделиться:
Открыть/Комментировать
1 сен 2025
Самый подробный гайд по Kubernetes

Автор этого гайда потратил 2 года, чтобы продумать всё до мелочей. Здесь вы узнаете, как:

создать собственную сборку;
настроить alias;
работать с сертификатами;
запускать собственные кластеры и многое другое.

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

В общем мастхэв для всех, кто собирается работать с контейнерами.

#kubernetes #гайд
2.54K views09:43
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2025
Вопросы для тех, кому не хватает рубрики #вопросответ

Старый, но всё ещё актуальный и пополняемый каталог вопросов по JavaScript. Здесь лежит более 150 вопросов на разные темы. Там же и ответы с пояснениями.

Доступно на 20 языках, так что можете отправить своему другу-иностранцу. Ждёт вас по ссылке.

#вопросы #github
2.67K views15:06
Подробнее
Поделиться:
Открыть/Комментировать
31 авг 2025
Как раз к этому времени рабочий код окончательно перестаёт работать
2.73K views12:26
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2025
Несколько интересных функций и расширений для VS Code

Visual Studio Code — основной редактор кода у многих разработчиков. Он гибкий, производительный, универсальный и с богатой экосистемой. Я тоже пользуюсь именно им уже давно. И всегда приятно найти для него что-то полезное, что ещё больше облегчит разработку.

Недавно мне попалась хорошая подборка инструментов для VS Code. Что-то я уже использовал, про что-то рассказывал в канале отдельно, но, например, про VS Code Tunnels не знал и теперь буду пользоваться. Может и вы найдете тут что-то полезное для себя. Не поленитесь чекнуть по ссылке.

#vscode
2.77K views12:34
Подробнее
Поделиться:
Открыть/Комментировать
30 авг 2025
Какие базовые способы объявления функции в JS вы знаете?

Существуют четыре базовых способа:

Function Declaration
function sum(a, b) { return a + b } — поднимается (hoisting), имя видно во всей области видимости.

Function Expression
const sum = function (a, b) { … } — выражение, часто анонимное; удобно передавать как значение. Есть вариант с именем для лучших стектрейсов.

IIFE (немедленно вызываемое выражение)
(function () { /* изоляция */ })() — исторический способ создать локальную область.

Стрелочные функции
const inc = x => x + 1 — короткий синтаксис, лексический `this` и `arguments`, нет собственного prototype, нельзя вызывать через new. Отличный вариант для коллбеков и замыканий.

#вопросответ #javascript
2.83K views09:08
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2025
Как работает псевдокласс :has() в CSS

Псевдокласс :has — это мощный инструмент в CSS, который позволяет выбирать элементы, основываясь на их содержимом или дочерних элементах. Другими словами, он даёт возможность стилизовать элементы на основе контекста внутри них, чего раньше невозможно было сделать только средствами CSS.

Как это работает?

element:has(selector) выбирает элемент, который содержит определённого потомка или соответствует указанному селектору.

/* Выбрать карточки, содержащие кнопку */
.card:has(button) {
border: 2px solid blue;
}
Здесь будут выделены только те .card, внутри которых есть
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2025
6 способов автоматизировать ревью кода

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

Познакомиться с ними можно в статье.

#инструменты
2.88K views10:09
Подробнее
Поделиться:
Открыть/Комментировать
29 авг 2025
Онлайн-студия big tech night

Если вас не будет в Москве в день ивента, подключайтесь к нашей онлайн-студии. Мы подготовили огненную программу, которая отличается от офлайн-активностей:

Выступления спикеров от компаний-организаторов и других топов в индустрии
Микс форматов — от дискуссий и интервью до фановых историй из жизни разработчиков
Интерактивы с комментариями зрителей

Проведём сразу два прямых эфира:

Студия Hard
В формате дискуссий и интервью обсудим сложные темы — управление IT-командой, AI в разработке, запуск проектов на несколько бизнесов.

Студия Soft
Настоящая вечеринка в формате Late Night Show. Будем общаться, шутить и делиться сокровенным — например, обсудим необычные хобби и безумные pet-проекты.

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

Мы в эфире 12 сентября с 18:00 до 21:00

Зарегистрируйтесь на сайте, чтобы получить ссылку на трансляцию

Подписывайтесь:
big tech night

Реклама. Рекламодатель: ООО "Яндекс" ИНН 7736207543

Это #партнёрский пост
2.72K views09:20
Подробнее
Поделиться:
Открыть/Комментировать
28 авг 2025
Максимально просто рассказываем, как работают микрофронтенды

В двух словах: микрофронтенды — это аналог концепции микросервисв, но для фронтенда. То есть пользователь видит цельный сайт, но на самом деле под капотом это сшитые отдельные модули, которые могут быть написаны на разных фреймворках разными командами.

Если вам этого объяснения хватило — отлично. А если хотите разобраться подробнее в тонкостях, плюсах и минусах, то переходите по ссылке.

#микрофронтенд #фронтенд
4.08K views17:08
Подробнее
Поделиться:
Открыть/Комментировать
28 авг 2025
В NGINX появилась встроенная поддержка ACME — теперь HTTPS настраивается без Certbot и лишних утилит

Команда NGINX представила предварительную версию модуля ngx_http_acme_module, обеспечивающего встроенную поддержку протокола ACME без необходимости использовать Certbot и другие внешние утилиты. Теперь можно запрашивать, устанавливать и обновлять SSL/TLS-сертификаты напрямую, что значительно упрощает процесс настройки HTTPS. Модуль реализован на Rust с использованием NGINX-Rust SDK и доступен как в Open Source-версии NGINX, так и для корпоративных клиентов NGINX Plus от F5. Wildcard-домены и регулярные выражения пока не поддерживаются.

Новый уровент удобства для DevOps-специалистов!

@prog_tools
3.11K views10:07
Подробнее
Поделиться:
Открыть/Комментировать
27 авг 2025
Раскрыт секрет работы ChatGPT 5

А вы заметили разницу по сравнению с четверкой?
3.48K views17:08
Подробнее
Поделиться:
Открыть/Комментировать
27 авг 2025
Продолжаем делать 3D-текст без использования JS

В прошлой статье мы научились создавать статичный текст с эффектом 3D, используя современные возможности CSS. На этот раз пойдем дальше и добавим ему анимацию.

Первая часть тут.
А вторая тут.

#фронтенд #css
5.11K views12:02
Подробнее
Поделиться:
Открыть/Комментировать
22 авг 2025
Как заставить пользователей заметить ваш сайт

Сегодня уже сложно привлечь аудиторию прямой рекламой — баннерная слепота и фрагментация внимания делают своё дело. Но крутиться и раскручиваться како-то надо. Поэтому мы решили разобрать несколько инструментов, которые помогают в продвижении сайт с разных сторон: в основном с помощью SEO, но с разными подходами.

Заглядывайте к нам и выбирайте тот, который подходит в вашем конкретном случае.

#seo
1.32K views11:07
Подробнее
Поделиться:
Открыть/Комментировать
22 авг 2025
Хотите научиться создавать интерактивные элементы на сайте, используя только чистый JavaScript?

У вас есть базовые знания HTML и CSS, но вы не уверены, как «оживить» сайт с помощью JavaScript?

На открытом уроке 26 августа в 20:00 МСК вы узнаете, как использовать JavaScript для работы с DOM, создавать динамичные элементы и анимации, и всё это без фреймворков!

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

Изучив основы работы с JavaScript и DOM, вы сможете самостоятельно управлять интерактивными элементами на сайте. Получите полезные навыки, которые сразу сможете применить на практике и добавить в портфолио.

Запишитесь на открытый урок

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
1.47K views10:02
Подробнее
Поделиться:
Открыть/Комментировать
21 авг 2025
Коллекция странностей CSS, которые могут сломать вам мозг

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

Чтобы не попасться в ловушку особенностей CSS, рекомендую вам хотя бы мельком прочитать эту статью. Здесь про calc(), aspect-ratio, absolute и многое другое.

#css #фронтенд
1.96K views15:16
Подробнее
Поделиться:
Открыть/Комментировать
21 авг 2025
Как создавать сложные расширения Chrome

Всё не так сложно, как кажется. Нашёл руководство, в котором показано, как сделать полнофункциональное расширение для Chrome на реальном примере! В получите ценный опыт и расширение для сохранения изображения с любых сайтов в ваш сервис через API.

#extensions #chrome
2.07K views12:04
Подробнее
Поделиться:
Открыть/Комментировать
21 авг 2025
SourceCraft превращает обратную связь в поддержку и признание

Сейчас на платформе SourceCraft проходит конкурс репозиториев. Всё просто: загружаете проект, собираете отклики сообщества и попадаете в список лучших. Победителей ждёт публикация в официальном канале и эксклюзивные подарки. Удобный способ заявить о себе и заодно протестировать новые механики. А их немало.

Кроме автоматизации CI/CD, интеллектуальной навигации и поддержки 30+ языков добавились механики для комьюнити:

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

— Рейтинг работает не в вакууме: он связан с системой грантов. Чем выше активность и отклик у репозитория, тем больше шансов, что проект заметят эксперты и он получит поддержку.

— Ачивки — отдельная история. Это не просто значки, а уникальные визуальные награды, которые создаёт нейросеть. Они фиксируют вклад в проекты, превращают его в красивый арт и добавляют элемент игры в процесс.

SourceCraft — это экосистема, где вклад разработчиков не теряется в шуме, а превращается в заметное достижение, которое ценится и сообществом, и экспертами.

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

Это #партнёрский пост
1.93K views11:01
Подробнее
Поделиться:
Открыть/Комментировать
20 авг 2025
Делаем своего LLM-агента на TypeScript

Годная статья для тех, кто хочет сделать свою Алису, Сири, Джарвиса или ещё кого. Автор реализовал своего агента, который понимает запросы, умеет выделять из них суть и преобразовывать её в команды для различных сервисов. Теперь вы можете также, ведь он подробно рассказал, что делать, используя TS и MCP.

Читаем тут: https://habr.com/ru/articles/926548/

#llm #ии #ypescript
2.34K views13:34
Подробнее
Поделиться:
Открыть/Комментировать
20 авг 2025
GlowByte запускает второй сезон образовательного онлайн-ретрита по FineBI — «Второе дыхание»!

13 дней обновленной программы с 3 новыми уроками, практическими вебинарами и призами за лучшие домашние задания.
 
Что ждет участников:
• Обновленные домашние задания с системой призов
• Три специальных вебинара: FineReport Pro (28 августа), AI-революция в аналитике (2 сентября), 3D-визуализация с FineVis (9 сентября)
• Успешные кейсы от Tele2, Уралсиб, Циан и других компаний

Программа для всех, кто работает с данными — от разработчиков до руководителей.

Старт 25 августа!

Регистрируйтесь по ссылке и получите второе дыхание в мире BI-аналитики.
 
Это #партнёрский пост
2.41K views12:01
Подробнее
Поделиться:
Открыть/Комментировать
20 авг 2025
Работает? Не трогай!
2.57K views09:04
Подробнее
Поделиться:
Открыть/Комментировать
19 авг 2025
Нашёл инструкцию, как делать 3D-текст без использования JavaScript

Я не знаю в каком проекте вы решите это применить, но выглядит это необычно. На самом деле так можно обрабатывать не только текст, но и SVG-изображения.

На видео, которое вы видите не используется JavaScript. Тут только HTML и CSS. Как это сделать, автор рассказывает у себя в серии статей. В первой части о том, как в принципе сделать такой текст. А в следующих уже будет о том, как его анимировать.

#css #фронтенд
2.67K views16:06
Подробнее
Поделиться:
Открыть/Комментировать
19 авг 2025
Пример необычной анимации на чистом JS и CSS

Если хотите научиться делать крутые штуки, изучайте, как работают даже простые вещи. Вот, например, довольно простая анимация спирали. Но чтобы её реализовать, нужно понимать, как работают анимации в CSS, а также иметь пространственное воображение и знать математику.

Как это реализовано, можно посмотреть по ссылке. Там же можно поиграться со значениями, чтобы лучше понять алгоритм.

#codepen #javascript #css
2.67K views09:59
Подробнее
Поделиться:
Открыть/Комментировать
19 авг 2025
Прямой эфир с ментором по Python Сергеем Филичкиным

Забивайте слот в календаре:
19 августа, 18:00 — Сергей Филичкин проведёт бесплатную открытую консультацию в «Коде найма».

Тему этого эфира помогли выбрать вы! Будем разбирать, «Как собирать офферы «про запас» и торговаться за лучшую цену». А вот более подробный план встречи:

Как грамотно позиционировать себя на рынке, чтобы получить больше предложений.
Психология успеха в переговорах: как уверенно говорить о деньгах.
Тактика сбора офферов и ведения торгов.
Лайфхаки по автоматизации поиска и переписки с рекрутерами.
Блок Q&A с разбором ваших ситуаций.

Оставляйте свои вопросы Сергею под этим постом — чтобы наш ментор дал развернутые и действительно рабочие советы!

Python-карьера в 2025 без воды: деньги, офферы, переговоры. Подписывайся.

ИП Филичкин Сергей Андреевич ИНН 183401586208, erid: 2W5zFJydiRE
2.12K views07:58
Подробнее
Поделиться:
Открыть/Комментировать
18 авг 2025
Не SpeedTest'ом единым...

Мы не знаем почему РКН решил ограничить работу Speedtest в России, но точно знаем, что проверить скорость интернета бывает крайне важно. Поэтому мы собрали 7 рабочих проверенных альтернатив:

1 Яндекс.Интернетометр
2. Линкметр
3. Cloudflare Speed Test
4. nPerf
5. SpeedOf.Me
6. Orb
7. ПроСеть

У каждого сервиса свои сильные и слабые стороны. Чтобы вам было проще определиться, подробнее о каждом мы рассказали в статье.
2.7K views15:04
Подробнее
Поделиться:
Открыть/Комментировать
17 авг 2025
Вопрос 2. Что такое IIFE?

IIFE (Immediately Invoked Function Expression) — это немедленно вызываемое функциональное выражение. Такое выражение выполняется немедленно после создания.

Этот паттерн часто используется для того чтобы не допустить загрязнения глобального пространства имён. Дело в том, что переменные, объявленные в IIFE (как и в любой другой обычной функции), невидимы за пределами этой функции.

#вопросответ
3.13K views14:14
Подробнее
Поделиться:
Открыть/Комментировать
17 авг 2025
ЧЗХ? Почему японские сайты такие странные?

Вот сидишь и думаешь «как бы сделать интерфейс более юзер-френдли, не перегрузить его и вообще стоит сделать скругление кнопки 6px или оторваться по полной программе и сделать на все 8»? А потом заходишь на японский сайт и как будто снова в нулевых — всё перегружено, всрато, дизайн сомнительный, баннер на баннере и так далее.

Неужели японцы не умеют в дизайн и делают лишь бы работало? Доля правды в этом есть, ведь в стране наблюдается кадровый голод и иногда даже крупный сайт поддерживает всего один человек. Но это только верхушка айсберга под которой скрываются культурные и лингвистические особенности. Если интересно почитать подробнее, то мы подготовили статью на эту тему — 10 минут и вы узнаете много нового о мире японской веб-разработки.
3.52K views10:04
Подробнее
Поделиться:
Открыть/Комментировать
16 авг 2025
Совет по анимациям CSS

Не забывайте про инструмент animation inspector в DevTools — он отлично подходит для отладки анимаций и точного просмотра временных шкал. Можно быстро дебажить, видеть все ключевые кадры и скрупулёзно скрабить по таймлайну.

Как открыть вкладку Анимации :

Откройте DevTools, нажав F12 или CTRL+SHIFT+I.

В DevTools перейдите в меню (три вертикальные точки в правом верхнем углу) и выберите "Дополнительные инструменты" "Анимации".

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

Если не использовали — самое время попробовать
3.29K views16:07
Подробнее
Поделиться:
Открыть/Комментировать
16 авг 2025
Паттерны современного Node.js

Node.js претерпел впечатляющее преобразование с момента своего появления. Если вы пишете на Node.js уже несколько лет, то, вероятно, сами наблюдали эту эволюцию - от эпохи колбэков и повсеместного использования CommonJS до современного, чистого и стандартизированного подхода к разработке.

Изменения затронули не только внешний вид — это фундаментальный сдвиг в самом подходе к серверной разработке на JavaScript. Давайте разберёмся, в чём заключаются эти изменения и почему они важны для ваших приложений в 2025 году.

Подробности в статье.

#nodejs
3.21K views06:16
Подробнее
Поделиться:
Открыть/Комментировать
15 авг 2025
Когда хотел просто поиграть, но случайно спас марсианскую базу…

Go-разработчики, ваш выход! Вместе с «МойОфис» сделали игру, в которой нужно проявить все свои знания в Go. Решите задачи и помогите главным героям спасти марсианских колонизаторов.

P.S. Первые 10 игроков с максимальным результатом за минимальное время получат подарки от «МойОфис».

Вперёд, времени почти нет: https://tprg.ru/3NY0

Реклама
3.32K viewsedited  12:02
Подробнее
Поделиться:
Открыть/Комментировать