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

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

Всё по фронтенду, бэкенду и девопсу в одном месте
Разместить рекламу: @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


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

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
Подробнее
Поделиться:
Открыть/Комментировать
15 авг 2025
Практика JavaScript: делаем целый сайт за 2 часа с нуля

Ловите полезный двухчасовой курс по созданию сайта с JavaScript, где вы:

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

Видео взято с YouTube, поэтому если предпочитаете смотреть там, то вот ссылка:



#видео #курс #javascript
4.49K views09:02
Подробнее
Поделиться:
Открыть/Комментировать
14 авг 2025
Созвоны, видео, аудио-лекции — всё это теперь можно быстро перевести в текст

Собрали для вас 9 ИИ-инструментов для транскрибации и сравнили их точность, скорость работы, тарифы.

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

https://tprg.ru/b5oU

#ии #карьера
3.39K views11:01
Подробнее
Поделиться:
Открыть/Комментировать
13 авг 2025
KeyUX — удобная визуализация пользовательских нажатий клавиш

Если вы разрабатываете UI, где важно поведение клавиш (например, горячие сочетания или модальные окна), этот инструмент поможет наглядно отображать, что именно нажимает пользователь. KeyUX улучшает пользовательскую навигацию с помощью клавиатуры и показывает визуальные подсказки о вводе прямо в интерфейсе, работает без зависимостей, легко подключается и кастомизируется под нужный стиль.

#фронтенд #библиотека
3.32K views20:29
Подробнее
Поделиться:
Открыть/Комментировать
8 авг 2025
Какой российский хостинг выбрать в 2025 году: подборка с примерами и нюансами

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

В этой подборке мы собрали актуальных российских провайдеров на любой случай: для сайтов на CMS, pet‑проектов, корпоративных порталов, бэкапов и даже VPS с ручной настройкой. У каждого — свои условия, бонусы и ограничения.

#подборка #хостинг
1.29K views15:04
Подробнее
Поделиться:
Открыть/Комментировать
8 авг 2025
Когда попросил нейронку навайбкодить тебе сайт:
2.15K views09:24
Подробнее
Поделиться:
Открыть/Комментировать
7 авг 2025
Инструменты, которые снимают рутину с команды разработчиков и помогают управлению

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

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

Подробнее в подборке.

#инструменты
2.34K views15:34
Подробнее
Поделиться:
Открыть/Комментировать
7 авг 2025
MetaExplorer — наглядный просмотр мета-тегов любого сайта

Этот инструмент показывает, как сайт выглядит для соцсетей, мессенджеров и поисковых систем. Работает прямо в браузере в качестве расширения. Просто нажмите на иконку и получите наглядную раскладку всех мета-тегов: title, description, Open Graph, Twitter-карточки, favicons и прочее. Также показывает проблемы: битые ссылки, дубли, проблемы с доступностью и так далее.

Если хотите убедиться, что ваш сайт работает как надо с точки зрения SEO, то стоит попробовать.

#фронтенд #seo #инструменты
2.45K views07:04
Подробнее
Поделиться:
Открыть/Комментировать
6 авг 2025
Функциональное программирование от А до Я на примере JavaScript: монады, функторы, каррирование, композиция

Если интересовались функциональное программированием, это видео для вас. В нем разобрали декларативность, чистые функции и сайд-эффекты, иммутабельность (неизменяемость), функции первого класса, функции высшего порядка, композицию/конвейер, частичное применение и каррирование, контейнеры, функторы и другие темы.

Сохраните, чтобы не потерять: 



#javascript #лучшиепрактики
3.43K views16:03
Подробнее
Поделиться:
Открыть/Комментировать
6 авг 2025
Где жить знаниям: 6 альтернатив Notion для команд

Чем больше знаний накапливается у команды, тем важнее становится наличие удобного инструмента для их хранения. Раньше многие пользовались Notion, но из-за санкций им стало сложнее пользоваться. Да и подходит он не всем. Где-то тормозит, где-то — неудобен для технарей.

В статье мы собрали 6 альтернатив, которые подойдут для разных сценариев и команд:

— если нужна база под Markdown и git;
— если хочется вики с правами и тегами;
— если нужен локальный и безопасный вариант.

#инструменты
2.57K views10:06
Подробнее
Поделиться:
Открыть/Комментировать
5 авг 2025
Зато порог входа низкий
3.1K views15:08
Подробнее
Поделиться:
Открыть/Комментировать