WebDev+ | Веб-разработка
Открыть в Telegram
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки Связь: @devmangx
Больше
Сеть:8 061
Подписчики
-224 часа
-207 дней
-10130 день
Архив постов
Эта библиотека фронтенд-компонентов - чистое кино 🔥
Красивые и современные UI-компоненты на все случаи жизни, идеально подходящие для твоих фронтенд- и React-проектов.
Надеюсь, будет полезно — https://nurui.vercel.app/
@WebDev_Plus
VS Code Хак
Устали постоянно набирать
console.log()?
Настройте свой шорткат, например cc → console.log(), срабатывающий при нажатии Tab 😎
Смотрите видео с пошаговой демонстрацией.
@WebDev_Plus
+1
К слову о "смерти" PHP - по некоторой статистике PHP используют более 74% веб-сайтов
@WebDev_Plus
Нужна форма с пошаговой логикой и условиями?
С этой библиотекой ты реализуешь это, просто написав JSON.
✓ Поддерживает условия, переменные, циклы и многое другое
✓ Избавляет от тысяч строк трудночитаемого кода
✓ Отлично работает с React
$ npm install formity
🥇 Пройди ЛЮБОЕ собеседование!
Большая база вопросов с реальных собеседований:
→ Тинькофф, Авито, Сбер, Озон, Яндекс, VK и еще 100+ компаний
→ 20+ направлений: Frontend, Backend, DevOps, QA, Mobile и другие
→ 60+ технологий: React, Python, Docker, Git, Java, Go, JavaScript и не только
Выбирай направление:
👩💻 C# 🤖 ML Engineer
👩💻 C/C++ 🖥 Data Science
👩💻 Java 👩💻 Python
🖥 PHP 👩💻 Frontend
👣 Rust 👣 Golang
👩💻 Node.js 💻 DevOps
👩💻 QA 👩💻 Android
👩💻 iOS 👩💻 Game Dev
🖥 Общее IT 👨💻 Вакансии
База обновляется еженедельно — всегда актуальные вопросы с последних собеседований.
💸 Хочешь оффер в Big Tech? Готовься с нами!
Совет по CSS
Иногда проще задать поворот, используя единицу
turn вместо deg, особенно когда нужно указать значение больше 360 градусов.
1 turn = 360 deg@WebDev_Plus
Приложение Stickies на macOS - недооценённый инструмент.
– Маленькие плавающие окошки для заметок в течение дня
– Можно закрепить поверх всех окон — остаются на виду
– Есть цветовая маркировка для организации мыслей
Скорее всего, не обновлялось ещё с 90-х, но стабильное ПО не требует лишнего вмешательства.
@WebDev_Plus
Российский программист OpenAI Олег Миллер создал канал «Доктор GPT» о последних разработках в сфере ИИ.
❖ Инструменты для работы, творчества и развлечений
❖ Нейросети без ограничений и цензуры [18+]
❖ Проекты, которые изменят жизнь всего человечества
Подпишись, ничего интереснее про ИИ в Telegram просто нет: https://t.me/+5RAeJOoCHrRhY2Ey
Совет по использованию инструментов Chrome Dev Tools
Быстрый способ включить/выключить кэш при разработке фронтенда
@WebDev_Plus
5 БЕСПЛАТНЫХ инструментов для веб-разработчиков
http://warp.dev - Альтернатива Claude Code
http://sevalla.com - Full-stack хостинг и бесплатный статический сайт
http://usehooks.com - React hooks с примерами
http://ray.so - Создание изображений из фрагментов кода
http://sarthology.github.io/Animatopy - Анимационные сниппеты CSS
@WebDev_Plus
Все надоело и пропал интерес, чувствуешь себя амебой и хочется только залипать в телефоне. Бывает?
Психолог взрослого человека — канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам 🤗
✓ Как научиться отвлекаться от работы и отдыхать?
✓ Как совместить кучу рабочих задач и время с семьей?
✓ Как справиться с прокрастинацией?
✓ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит?
Подписывайтесь на канал @vadimpetrovpsi и научитесь работать без упахивания, выгорания и ущерба для личной жизни!
Псс. Заходите в закреп — там много полезного, и даже бесплатный мини-курс по выходу из апатии:
👉 https://t.me/+k0OmqMJdwsAxMDM6
Совет по JavaScript
Используй новый метод
Object.groupBy() — теперь можно группировать объекты по любому свойству в одну строку
Прощай, громоздкие reduce-хаки - привет чистый и понятный код :)
@WebDev_Plus
Возможно, ты годами пользуешься Google Chrome — но знал ли ты об этом простом, но мощном приёме? 🤯
В инструментах разработчика браузера есть встроенная возможность делать скриншоты веб-страниц — без дополнительных расширений и сторонних утилит :)
@WebDev_Plus
Привет. Вот тебе самые топовые каналы по IT!
⚙️ Free Znanija (IT) — Самая огромная коллекция платных курсов, которые можно скачать бесплатно;
👩💻 IT Books — Самая огромная библиотека книг;
💻 Hacking & InfoSec Base — Крутой блог белого хакера;
🛡 CyberGuard — Всё про ИБ;
🤔 ИБ Вакансии— Всё, чтобы найти работу в ИБ;
👩💻 linux administration — Всё про Линукс;
👩💻 Программистика — Python, python и ещё раз python;
👩💻 GameDev Base — Всё про GameDev;
🖥 Coding Base — Мемы, полезные репозитории и инструменты, а так же софт:
😆 //code — Самые топовые мемы по IT:
А так же крутой блог админа: Rahol Jey | тг вайб
Хочешь добавить аутентификацию на свой сайт?
С этой библиотекой это займёт всего несколько минут.
✓ Бесплатно
✓ С открытым исходным кодом
✓ Совместимо с React, Astro, Vue, Next.js и другими
✓ Интеграция с Google, GitHub, X, Meta, Discord и многими другими
→ http://github.com/better-auth/better-auth
@WebDev_Plus
Знаешь ли ты, что GeoJSON со всеми границами стран весит всего ~1MB?
При клике на глобус система вычисляет точку пересечения луча от курсора, конвертирует её в широту/долготу, определяет страну и отрисовывает её контур.
Для быстрого обновления формы используется кэширование, что ускоряет повторные перерисовки. 😦
@WebDev_Plus
Новое в Chrome DevTools
Копирование всех консольных сообщений за один раз
@WebDev_Plus
Совет по CSS
Возможно, ты не знал об этом псевдоклассе в CSS.
Псевдокласс
:out-of-range выбирает элементы <input>, значение которых выходит за пределы, указанные в атрибутах min и max
@WebDev_Plus