Веб-страница – Telegram
Веб-страница
24.4K subscribers
1.71K photos
523 videos
1 file
3.89K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
SQL-оптимизация: 5 запросов, которые ломают базу

Оптимизация SQL-запросов — это база, без которой можно положить базу. Ba-dum-tss.

Мы собрали типовые запросы, которые чаще всего убивают производительность, объяснили, почему они опасны, и показали, как переписать их правильно. Ждём вас по ссылке, чтобы поделиться.

#sql
👍4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Дружеское напоминание всем пользователям VS Code

Вы можете создать свой шорткат для любых часто используемых команд и строк кода. Вот, например, как создать сниппет для console.log(), заменив его на cc.

Сохраняйте и пользуйтесь!

#совет #vscode
👍41🔥103
Деплоим своё фронтенд-приложение

Стоппер многих новичков, окунувшихся во фронтенд — «а что делать дальше»? Действительно, и так нужно изучить кучу всего, но даже после готового проекта, ещё надо разобраться, как его задеплоить, чтобы пользоваться могли не только вы.

В этом ролике вы научитесь размещать приложение на React на облачном сервере, настраивать Nginx, подключать домен, настраивать https, gzip, а ещё посмотрите на конфигурацию докера.

#видео #фронтенд #бэкенд
👍123🔥2😁1
Контейнеры после Docker: куда движется мир с Podman и что нас ждет в 2026

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

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

#docker #podman
👍4🤩2
JavaScript-разработчик набирает npm install:
This media is not supported in your browser
VIEW IN TELEGRAM
😁523
JavaScript на блокчейне: как язык браузера стал сердцем Web3

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

Здесь мы разбираемся, как язык фронтенда постепенно взял под контроль децентрализованный интернет — от кошельков до нод и смарт-контрактов.

#web3 #javanoscript
🔥5😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Ночная шпаргалка по консольным командам Git 👍

В Git полно команд, и если ты часто их забываешь, эта шпаргалка специально для тебя. В репозитории можно быстро почитать об основных командах и концепциях, а затем одним вальяжным нажатием на Ctrl+C скопировать их.

Приятный бонус — всё написано на русском. Так что сохраняем!

#git #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍31
Архитектура современных фронтенд-приложений

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

Но существуют не только они. Если хотите лучше разбираться в видах архитектур, то посмотрите это видео. Здесь вы узнаете о 5 различных подходах, их особенностях и достоинствах.

#видео
🔥11💩2
Веб-страница
А вот давайте будем честными и ответим сами себе на вопрос «Почему я (хочу) в IT?»
«Я занимаюсь программированием из-за своей срасти к алгоритмам и точности»

Моя страсть к алгоритмам и точности:
😁38👍43👎2
ИИ-браузер OpenAI Atlas взламывают промт-инъекциями — создатели признали уязвимость

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

Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.

@your_tech
😁92💩2
Забавная статистика: только 1% разработчиков использует debug в VS Code

Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.

После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.

А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.

А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет

#новость #vscode
👎132👍26😁3
Почему вам не стоит использовать экспорт приватных типов в Go

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

А почему так, подробно рассказали в статье у нас на сайте.

#golang #паттерны
🤔31
Кто объяснит почему не сработает, у того снизится количество багов в коде на 20%. Отвечаю
😁27🤣5🤔2
Media is too big
VIEW IN TELEGRAM
Учимся работать с DOM в JS

Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:

— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.

Смотреть можно здесь или на YouTube.

#видео #javanoscript #начинающим
🔥6
Forwarded from Типичный программист
Нашёл шикарный инструмент, который упаковывает любую веб‑страницу в один аккуратный HTML‑файл

В отличие от обычной функции «Сохранить как», тулза не разбрасывает файлы по папкам, а сразу встраивает CSS, изображения и JS как data‑URI, и получается один полноценный HTML5‑документ. Который откроется так же, как сайт в сети, даже при отсутствии доступного сетевого соединения.

Сохраняйте 😮‍💨
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥51🤔1
Разница между @media и @container

Оба эти инструмента помогают сделать сайт удобным на разных экранах, но реагируют на разное.

@media — смотрит на экран

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

@media (max-width: 600px) {
.card {
font-size: 14px;
}
}


Тут если окно меньше 600px, текст уменьшается.

@container — смотрит на блок, внутри которого элемент

Иногда размер окна большой, но карточку зажали в узкую колонку. Тогда @media не поможет — ведь окно-то широкое. Но тут спасает @container.

Сначала говорим контейнеру, что он может влиять на детей:

.card-container {
container-type: inline-size;
}


А теперь следим за его размером:

@container (max-width: 400px) {
.card {
font-size: 14px;
}
}


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

#простымисловами
👍17🔥51🤔1
Даже грибки не спят, чтоб успеть к дедлайну. Будь как грибки
🔥24😁13💩2
ИИ-агент на PHP

Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый enterprise‑ready агентный фреймворк на PHP.

В этой статье подробнее о возможностях фреймворка, фичах и даже пример его использования на реальном ИИ-агенте.

#php #ml
😁8🔥3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?

Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4

#css @tproger_web
🤯1613🔥7👍6👎1
5 вещей, которые нужно знать фронтенд-разработчику про Docker

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

Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.

#docker
👍71