Telegram Web Link
Коллеги, записываем и применяем в работе
🤩18😁9💩41
Forwarded from Типичный программист
Не понимаю, как я это упустил: Microsoft раскатила расширение, которое превращает VS Code в полноценную IDE для работы с PostgreSQL, без переключений между тулзами 👍

Внутри всё, что нужно:
• Визуализация схемы базы прямо в IDE.
• IntelliSense с автокомплитом и подсветкой и форматированием SQL-запросов.
• Запуск PostgreSQL в Docker.
• Быстрое подключение к любой базе (локально, в облаке).
• История запросов для быстрого повторного запуска.
• Просмотр и управление объектами БД.
• История запросов и запуск psql прямо из VS Code.
• Интеграция с GitHub Copilot — AI пишет и объясняет SQL

Поставить можно тут
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥20👍4
Упрощаем работу с регулярками в JavaScript

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

#фронтенд #javascript #regexp
😁9👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка «удаления» с продуманной анимацией

Отличный вариант для вашего проекта. Конечно, если у вас есть в нём кнопка для удаления чего-либо.

Посмотреть код можно здесь: https://codepen.io/aaroniker/pen/BaNzEWe

#codepen
👍15😁83🤩1
Зачем нужен BFF: архитектура, которая избавит фронтенд от боли

Когда у вас один API сразу для разных платформ, это усложняет логику, удлиняет ответы и вообще делает отладку и работу с кодом сложнее. Здесь на помощь приходит BFF — Backend For Frontend — прослойка между клиентскими приложениями и основным API.

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

🤔 А как у вас организован диалог фронта и бэка?

#бэкенд #фронтенд #bff
😁5👍21
This media is not supported in your browser
VIEW IN TELEGRAM
Добавляем питомцев прямо в редактор кода

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

Устанавливается просто, как обычный плагин. Инструкция тут: https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets

#vscode #плагины
😁102🤣1
Сайт-рулетка для фильмов: создаём интерактивный развлекательный проект на Vue и TMDb

Рулетка для выбора случайного фильма по жанру — отличный способ попрактиковаться в работе со Vue, API и адаптивной верстки.

Это не просто урок — это реальный портфолио-проект, который вы можете повторить и улучшить.

#фронтенд #vue #петпроект
👎3🔥2
Forwarded from Типичный программист
Как искать работу в IT в 2025, не вызывая подозрений у санитаров

В отборе в IT страсти кипят не меньше, чем в хайлоаде. Вместе с Proglib мы провели исследование и спросили сотни айтишников: что реально выводит из себя в найме?

Собрали всё в удобный чек-лист:
– HR узнают, как не отпугивать сильных кандидатов.
– Айтишники поймут, где сразу маячат ред флаги и можно не терять время.

Надеемся, материал хоть и немного, но изменит процессы найма к лучшему. Поэтому сохраняйте, делитесь и прожимайте ❤️
😁4
Адаптивные изображения и подписи на CSS: сила container-queries и :has()

Теперь не обязательно «гадать», подгоняя стили картинок и подписей под медиазапросы — CSS получил мощные инструменты. В статье показано, как с помощью container-queries и :has() адаптировать изображения к размеру блока и менять расположение и стили элементов в зависимости от размеров экрана или блока. Примеры кода и пояснения помогут освоить эти новые фишки CSS уже сегодня.

#фронтенд #css #адаптивность
👍5🔥1
Есть тут криптаны?
🔥10😁8👎3🤔2
Зачем нужна ARIA и как она помогает сделать веб-стайт более доступным

ARIA, или Accessible Rich Internet Applications — это спецификация, которая позволяет сделать веб-контент и сайты доступными для людей с ограниченными возможностями. В этой видео вы на простых примерах разберётесь с aria-ролями и aria-атрибутами:

https://youtu.be/oS5tmH8HtFw

#видео #aria
🔥31
Когда сперва сделал десктопную версию и смотришь, как сайт открывается на мобилке:
This media is not supported in your browser
VIEW IN TELEGRAM
😁40🤣21🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
Всего две строчки CSS, чтобы дать любому блоку возможность менять размер.

#совет #css
🔥36👍4
Agile в сторону! Доверьте планирование своей жизни IT-колоде

Тем более что наши арканы уже приготовили для вас послание. Переходите по ссылке, вытаскивайте карту и узнавайте, что вас ждёт сегодня, завтра и в другие дни спринта: https://tprg.ru/JQef

Реклама
🔥5🗿21👎1
Смена секций по скроллу

Вы наверняка видели сайты, где при скролле происходит не плавная прокрутка, а замена секций сайта. Они либо наплывают друг на друга, либо трансформируются и так далее.

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

#видео #фронтенд
👍4
2025/07/10 23:32:22
Back to Top
HTML Embed Code: