Forwarded from Типичный программист
Не понимаю, как я это упустил: Microsoft раскатила расширение, которое превращает VS Code в полноценную IDE для работы с PostgreSQL, без переключений между тулзами 👍
Внутри всё, что нужно:
• Визуализация схемы базы прямо в IDE.
• IntelliSense с автокомплитом и подсветкой и форматированием SQL-запросов.
• Запуск PostgreSQL в Docker.
• Быстрое подключение к любой базе (локально, в облаке).
• История запросов для быстрого повторного запуска.
• Просмотр и управление объектами БД.
• История запросов и запуск psql прямо из VS Code.
• Интеграция с GitHub Copilot — AI пишет и объясняет SQL
Поставить можно тут
Внутри всё, что нужно:
• Визуализация схемы базы прямо в 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
RegExp может выглядеть как набор символов и скобок, но правильный подход — это чистый, понятный и протестированный код. Здесь собраны техники, которые помогут вам улучшить ваши навыки работы с регулярками и упростить их использование.
#фронтенд #javascript #regexp
😁9👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка «удаления» с продуманной анимацией
Отличный вариант для вашего проекта. Конечно, если у вас есть в нём кнопка для удаления чего-либо.
Посмотреть код можно здесь: https://codepen.io/aaroniker/pen/BaNzEWe
#codepen
Отличный вариант для вашего проекта. Конечно, если у вас есть в нём кнопка для удаления чего-либо.
Посмотреть код можно здесь: https://codepen.io/aaroniker/pen/BaNzEWe
#codepen
👍15😁8❤3🤩1
Зачем нужен BFF: архитектура, которая избавит фронтенд от боли
Когда у вас один API сразу для разных платформ, это усложняет логику, удлиняет ответы и вообще делает отладку и работу с кодом сложнее. Здесь на помощь приходит BFF — Backend For Frontend — прослойка между клиентскими приложениями и основным API.
В статье понятно объясняется, зачем она нужна, какие задачи она решает (сбор и трансформация данных, адаптация под устройства, кэширование), а также её плюсы и минусы.
🤔 А как у вас организован диалог фронта и бэка?
#бэкенд #фронтенд #bff
Когда у вас один API сразу для разных платформ, это усложняет логику, удлиняет ответы и вообще делает отладку и работу с кодом сложнее. Здесь на помощь приходит BFF — Backend For Frontend — прослойка между клиентскими приложениями и основным API.
В статье понятно объясняется, зачем она нужна, какие задачи она решает (сбор и трансформация данных, адаптация под устройства, кэширование), а также её плюсы и минусы.
🤔 А как у вас организован диалог фронта и бэка?
#бэкенд #фронтенд #bff
😁5👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Добавляем питомцев прямо в редактор кода
Они не только бегают по экрану, но и могут указывать на ошибки в коде. А ещё поднимут настроение, если проект никак не хочет билдиться.
Устанавливается просто, как обычный плагин. Инструкция тут: https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets
#vscode #плагины
Они не только бегают по экрану, но и могут указывать на ошибки в коде. А ещё поднимут настроение, если проект никак не хочет билдиться.
Устанавливается просто, как обычный плагин. Инструкция тут: https://marketplace.visualstudio.com/items?itemName=tonybaloney.vscode-pets
#vscode #плагины
😁10❤2🤣1
Сайт-рулетка для фильмов: создаём интерактивный развлекательный проект на Vue и TMDb
Рулетка для выбора случайного фильма по жанру — отличный способ попрактиковаться в работе со Vue, API и адаптивной верстки.
Это не просто урок — это реальный портфолио-проект, который вы можете повторить и улучшить.
#фронтенд #vue #петпроект
Рулетка для выбора случайного фильма по жанру — отличный способ попрактиковаться в работе со Vue, API и адаптивной верстки.
Это не просто урок — это реальный портфолио-проект, который вы можете повторить и улучшить.
#фронтенд #vue #петпроект
👎3🔥2
Forwarded from Типичный программист
Как искать работу в IT в 2025, не вызывая подозрений у санитаров
В отборе в IT страсти кипят не меньше, чем в хайлоаде. Вместе с Proglib мы провели исследование и спросили сотни айтишников: что реально выводит из себя в найме?
Собрали всё в удобный чек-лист:
– HR узнают, как не отпугивать сильных кандидатов.
– Айтишники поймут, где сразу маячат ред флаги и можно не терять время.
Надеемся, материал хоть и немного, но изменит процессы найма к лучшему. Поэтому сохраняйте, делитесь и прожимайте ❤️
В отборе в IT страсти кипят не меньше, чем в хайлоаде. Вместе с Proglib мы провели исследование и спросили сотни айтишников: что реально выводит из себя в найме?
Собрали всё в удобный чек-лист:
– HR узнают, как не отпугивать сильных кандидатов.
– Айтишники поймут, где сразу маячат ред флаги и можно не терять время.
Надеемся, материал хоть и немного, но изменит процессы найма к лучшему. Поэтому сохраняйте, делитесь и прожимайте ❤️
😁4
Адаптивные изображения и подписи на CSS: сила container-queries и :has()
Теперь не обязательно «гадать», подгоняя стили картинок и подписей под медиазапросы — CSS получил мощные инструменты. В статье показано, как с помощью
#фронтенд #css #адаптивность
Теперь не обязательно «гадать», подгоняя стили картинок и подписей под медиазапросы — CSS получил мощные инструменты. В статье показано, как с помощью
container-queries и :has() адаптировать изображения к размеру блока и менять расположение и стили элементов в зависимости от размеров экрана или блока. Примеры кода и пояснения помогут освоить эти новые фишки CSS уже сегодня.#фронтенд #css #адаптивность
👍5🔥1
Зачем нужна ARIA и как она помогает сделать веб-стайт более доступным
ARIA, или Accessible Rich Internet Applications — это спецификация, которая позволяет сделать веб-контент и сайты доступными для людей с ограниченными возможностями. В этой видео вы на простых примерах разберётесь с aria-ролями и aria-атрибутами:
https://youtu.be/oS5tmH8HtFw
#видео #aria
ARIA, или Accessible Rich Internet Applications — это спецификация, которая позволяет сделать веб-контент и сайты доступными для людей с ограниченными возможностями. В этой видео вы на простых примерах разберётесь с aria-ролями и aria-атрибутами:
https://youtu.be/oS5tmH8HtFw
#видео #aria
🔥3❤1
Когда сперва сделал десктопную версию и смотришь, как сайт открывается на мобилке:
This media is not supported in your browser
VIEW IN TELEGRAM
😁40🤣21🔥5
Agile в сторону! Доверьте планирование своей жизни IT-колоде
Тем более что наши арканы уже приготовили для вас послание. Переходите по ссылке, вытаскивайте карту и узнавайте, что вас ждёт сегодня, завтра и в другие дни спринта: https://tprg.ru/JQef
Реклама
Тем более что наши арканы уже приготовили для вас послание. Переходите по ссылке, вытаскивайте карту и узнавайте, что вас ждёт сегодня, завтра и в другие дни спринта: https://tprg.ru/JQef
Реклама
🔥5🗿2❤1👎1
Смена секций по скроллу
Вы наверняка видели сайты, где при скролле происходит не плавная прокрутка, а замена секций сайта. Они либо наплывают друг на друга, либо трансформируются и так далее.
В этом видео вы узнаете, как добиться такого эффекта и сможете использовать в своих проектах.
#видео #фронтенд
Вы наверняка видели сайты, где при скролле происходит не плавная прокрутка, а замена секций сайта. Они либо наплывают друг на друга, либо трансформируются и так далее.
В этом видео вы узнаете, как добиться такого эффекта и сможете использовать в своих проектах.
#видео #фронтенд
YouTube
GreenSock #3. Смена секций по скроллу
Привет! В этом видео сделаем интересную смену секцию по скроллу через GreenSock.
https://greensock.com/get-started/ - ссылка на библиотеку
https://cdnjs.com/libraries/gsap - cdn
https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/GreenSoc…
https://greensock.com/get-started/ - ссылка на библиотеку
https://cdnjs.com/libraries/gsap - cdn
https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/GreenSoc…
👍4