SQL-оптимизация: 5 запросов, которые ломают базу
Оптимизация SQL-запросов — это база, без которой можно положить базу. Ba-dum-tss.
Мы собрали типовые запросы, которые чаще всего убивают производительность, объяснили, почему они опасны, и показали, как переписать их правильно. Ждём вас по ссылке, чтобы поделиться.
#sql
Оптимизация SQL-запросов — это база, без которой можно положить базу. Ba-dum-tss.
Мы собрали типовые запросы, которые чаще всего убивают производительность, объяснили, почему они опасны, и показали, как переписать их правильно. Ждём вас по ссылке, чтобы поделиться.
#sql
👍4🔥3
Forwarded from Точка входа в программирование
This media is not supported in your browser
VIEW IN TELEGRAM
Дружеское напоминание всем пользователям VS Code
Вы можете создать свой шорткат для любых часто используемых команд и строк кода. Вот, например, как создать сниппет для
Сохраняйте и пользуйтесь!
#совет #vscode
Вы можете создать свой шорткат для любых часто используемых команд и строк кода. Вот, например, как создать сниппет для
console.log(), заменив его на cc.Сохраняйте и пользуйтесь!
#совет #vscode
👍41🔥10❤3
Деплоим своё фронтенд-приложение
Стоппер многих новичков, окунувшихся во фронтенд — «а что делать дальше»? Действительно, и так нужно изучить кучу всего, но даже после готового проекта, ещё надо разобраться, как его задеплоить, чтобы пользоваться могли не только вы.
В этом ролике вы научитесь размещать приложение на React на облачном сервере, настраивать Nginx, подключать домен, настраивать https, gzip, а ещё посмотрите на конфигурацию докера.
#видео #фронтенд #бэкенд
Стоппер многих новичков, окунувшихся во фронтенд — «а что делать дальше»? Действительно, и так нужно изучить кучу всего, но даже после готового проекта, ещё надо разобраться, как его задеплоить, чтобы пользоваться могли не только вы.
В этом ролике вы научитесь размещать приложение на React на облачном сервере, настраивать Nginx, подключать домен, настраивать https, gzip, а ещё посмотрите на конфигурацию докера.
#видео #фронтенд #бэкенд
YouTube
Деплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, docker
В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.
Текстовая версия видео (Статья с инструкцией): https://slc.tl/7njx9
Гибкие облачные серверы…
Текстовая версия видео (Статья с инструкцией): https://slc.tl/7njx9
Гибкие облачные серверы…
👍12❤3🔥2😁1
Контейнеры после Docker: куда движется мир с Podman и что нас ждет в 2026
Мы привыкли упаковывать приложения в контейнеры, а слово «Docker» уже стало нарицательным. Но монополия разрушена — из тени вышел Podman. Он предлагает много того, чего не хватает Docker — улучшенная безопасность и иная архетиктура.
Мы решили разобраться подробнее в отличиях и в том, что предлагают оба инструмента, где они находятся в 2025 году и что нас ждёт дальше.
#docker #podman
Мы привыкли упаковывать приложения в контейнеры, а слово «Docker» уже стало нарицательным. Но монополия разрушена — из тени вышел Podman. Он предлагает много того, чего не хватает Docker — улучшенная безопасность и иная архетиктура.
Мы решили разобраться подробнее в отличиях и в том, что предлагают оба инструмента, где они находятся в 2025 году и что нас ждёт дальше.
#docker #podman
👍4🤩2
JavaScript-разработчик набирает
npm install:This media is not supported in your browser
VIEW IN TELEGRAM
😁52❤3
JavaScript на блокчейне: как язык браузера стал сердцем Web3
Казалось бы, JavaScript и блокчейн — вещи из разных миров: один создавался для кнопок на веб-страницах, другой — для распределённых систем и шифрования. Но именно JavaScript оказался ключом, который открыл Web3 для миллионов разработчиков.
Здесь мы разбираемся, как язык фронтенда постепенно взял под контроль децентрализованный интернет — от кошельков до нод и смарт-контрактов.
#web3 #javanoscript
Казалось бы, JavaScript и блокчейн — вещи из разных миров: один создавался для кнопок на веб-страницах, другой — для распределённых систем и шифрования. Но именно JavaScript оказался ключом, который открыл Web3 для миллионов разработчиков.
Здесь мы разбираемся, как язык фронтенда постепенно взял под контроль децентрализованный интернет — от кошельков до нод и смарт-контрактов.
#web3 #javanoscript
🔥5😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Ночная шпаргалка по консольным командам Git 👍
В Git полно команд, и если ты часто их забываешь, эта шпаргалка специально для тебя. В репозитории можно быстро почитать об основных командах и концепциях, а затем одним вальяжным нажатием на Ctrl+C скопировать их.
Приятный бонус — всё написано на русском. Так что сохраняем!
#git #шпаргалка
В Git полно команд, и если ты часто их забываешь, эта шпаргалка специально для тебя. В репозитории можно быстро почитать об основных командах и концепциях, а затем одним вальяжным нажатием на Ctrl+C скопировать их.
Приятный бонус — всё написано на русском. Так что сохраняем!
#git #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍3❤1
Архитектура современных фронтенд-приложений
Сегодня часто можно встретить споры о том, что лучше выбрать — монолит или микросервисы. Это два популярных варианта архитектуры современных приложений.
Но существуют не только они. Если хотите лучше разбираться в видах архитектур, то посмотрите это видео. Здесь вы узнаете о 5 различных подходах, их особенностях и достоинствах.
#видео
Сегодня часто можно встретить споры о том, что лучше выбрать — монолит или микросервисы. Это два популярных варианта архитектуры современных приложений.
Но существуют не только они. Если хотите лучше разбираться в видах архитектур, то посмотрите это видео. Здесь вы узнаете о 5 различных подходах, их особенностях и достоинствах.
#видео
YouTube
Архитектура современных FRONTEND приложений. 5 видов. Преимущества и недостатки
В этом ролике мы рассмотрим 5 видов архитектуры frontend приложений. Поговорим о преимуществах и недостатках, о том, когда применять тот или иной вид архитектуры frontend приложений.
Курс "Продвинутый Frontend. в Production на React" - https://ulbitv.ru/frontend…
Курс "Продвинутый Frontend. в Production на React" - https://ulbitv.ru/frontend…
🔥11💩2
Веб-страница
А вот давайте будем честными и ответим сами себе на вопрос «Почему я (хочу) в IT?»
«Я занимаюсь программированием из-за своей срасти к алгоритмам и точности»
Моя страсть к алгоритмам и точности:
Моя страсть к алгоритмам и точности:
😁38👍4❤3👎2
Forwarded from Представляешь,
ИИ-браузер OpenAI Atlas взламывают промт-инъекциями — создатели признали уязвимость
Исследователи из Brave и независимые специалисты по безопасности показали, что новый браузер Atlas можно обмануть, встроив скрытые команды прямо в контент страницы.
Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.
@your_tech
Исследователи из Brave и независимые специалисты по безопасности показали, что новый браузер Atlas можно обмануть, встроив скрытые команды прямо в контент страницы.
Atlas «повёлся» даже на невидимую инструкцию в Google Docs — вместо резюме вывел сообщение «не доверяй ИИ». В OpenAI признали, что промт-инъекции — одна из самых сложных и пока нерешённых проблем безопасности агентных ИИ-систем.
@your_tech
Tproger
ИИ-браузер OpenAI Atlas научились ломать с помощью промт-инъекций. Создатели признали проблему — Tproger
ИИ-браузер OpenAI Atlas оказался уязвим к промт-инъекциям: исследователи смогли заставить его выполнять скрытые команды на сайтах
😁9❤2💩2
Забавная статистика: только 1% разработчиков использует debug в VS Code
Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.
После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.
А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.
А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет
#новость #vscode
Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика.
После анализа 11 805 сессий 68 программистов за три месяца было обнаружено, что в 75% случаев разработчики не ставят брейкпоинты и только 15% используют отладчик чаше, чем раз в месяц.
А всё потому, что дебаггер настроить дольше, чем написать команду и запустить скрипт. Ну и просто привычка. Во всяком случае так считают исследователи.
А вы пользуетесь дебаггером в VS Code?
👍 — да
👎 — нет
#новость #vscode
👎132👍26😁3
Веб-страница
Забавная статистика: только 1% разработчиков использует debug в VS Code Платформа FlouState провела исследование, которое показало, что 99% пользователей VS Code предпочитают console.log() вместо встроенного отладчика. После анализа 11 805 сессий 68 программистов…
Типичный подписчик канала
😁73🫡10👍3
Почему вам не стоит использовать экспорт приватных типов в Go
Когда разработчик переходит с одного языка программирования на другой, логично, что он по привычке потянет за собой и различные фишки и паттерны оттуда. Так, разрабы на Java или PHP приносят с собой привычку экспортировать приватные типы. Только вот в Go это не просто ненужно, но и вредно.
А почему так, подробно рассказали в статье у нас на сайте.
#golang #паттерны
Когда разработчик переходит с одного языка программирования на другой, логично, что он по привычке потянет за собой и различные фишки и паттерны оттуда. Так, разрабы на Java или PHP приносят с собой привычку экспортировать приватные типы. Только вот в Go это не просто ненужно, но и вредно.
А почему так, подробно рассказали в статье у нас на сайте.
#golang #паттерны
🤔3❤1
Media is too big
VIEW IN TELEGRAM
Учимся работать с DOM в JS
Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:
— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.
Смотреть можно здесь или на YouTube.
#видео #javanoscript #начинающим
Урок для начинающих, который поможет вам разобраться, как работать с элементами DOM-дерева в JavaScript. За полчаса вы пройдёте 26 упражнений, где вы научитесь:
— создавать и удалять элементы на нашей странице;
— динамически создавать HTML-разметку;
— добавлять классы к элементам;
— использовать обработчики событий на созданных элементах
и многому другому.
Смотреть можно здесь или на YouTube.
#видео #javanoscript #начинающим
🔥6
Forwarded from Типичный программист
Нашёл шикарный инструмент, который упаковывает любую веб‑страницу в один аккуратный HTML‑файл
В отличие от обычной функции «Сохранить как», тулза не разбрасывает файлы по папкам, а сразу встраивает CSS, изображения и JS как data‑URI, и получается один полноценный HTML5‑документ. Который откроется так же, как сайт в сети, даже при отсутствии доступного сетевого соединения.
Сохраняйте😮💨
В отличие от обычной функции «Сохранить как», тулза не разбрасывает файлы по папкам, а сразу встраивает CSS, изображения и JS как data‑URI, и получается один полноценный HTML5‑документ. Который откроется так же, как сайт в сети, даже при отсутствии доступного сетевого соединения.
Сохраняйте
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥5❤1🤔1
Разница между @media и @container
Оба эти инструмента помогают сделать сайт удобным на разных экранах, но реагируют на разное.
@media — смотрит на экран
Тут меняются стили в зависимости от размера окна браузера. Например, на большом экране карточки стоят в ряд, а на мобильном одна под другой.
Тут если окно меньше 600px, текст уменьшается.
@container — смотрит на блок, внутри которого элемент
Иногда размер окна большой, но карточку зажали в узкую колонку. Тогда @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🔥5❤1🤔1
ИИ-агент на PHP
Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про JS и Python. Но никак про PHP. Хотя для него есть хороший фреймворк, который даёт те же возможности, что и другие языки. Называется он Neuron — первый enterprise‑ready агентный фреймворк на PHP.
В этой статье подробнее о возможностях фреймворка, фичах и даже пример его использования на реальном ИИ-агенте.
#php #ml
Не знаю как вы, а я, когда думаю о том, на чем сделан тот или иной ИИ-проект, сразу думаю про 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
— Настолько, что рисую на CSS картины.
— Что?
— Что?
Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4
#css @tproger_web
🤯16❤13🔥7👍6👎1
5 вещей, которые нужно знать фронтенд-разработчику про Docker
Граница между фронтендом и бэкендом становится всё тоньше. Современные фреймворки предлагают вам решения, которые требуют знаний с обоих направлений. В том числе и знаний Docker.
Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.
#docker
Граница между фронтендом и бэкендом становится всё тоньше. Современные фреймворки предлагают вам решения, которые требуют знаний с обоих направлений. В том числе и знаний Docker.
Хотя Podman и наступает на пятки Docker, второй всё ещё остаётся стандартом индустрии. Поэтому в этой статье мы пройдёмся по основам: от создания образа и управления контейнерами до настройки полноценного стека с бэкендом при помощи Docker Compose.
#docker
👍7❤1