WebDev+ | Веб-разработка

Прокачай SQL, практикуясь на реальных задачах Технички от лёгких до уровня «эксперт» из топовых IT-компаний → datalemur․com @WebDev_Plus

Топ 10 расширений для VS Code 🔸Peacock Позволяет менять цвет интерфейса VS Code для каждого проекта. Удобно, если работаешь сразу над несколькими. 🔸GitLens Помогает выжать максимум из Git прямо в VS Code. 🔸Prettier Автоматически форматирует код, чтобы стиль был единообразным. 🔸Live Share Дает возможность парного программирования и удаленной отладки. 🔸Docker Позволяет создавать, управлять и отлаживать контейнеризированные приложения. 🔸REST Client Добавляет в VS Code клиента для работы с REST-запросами. 🔸Live Server Запускает локальный dev-сервер с автоматической перезагрузкой при изменениях. 🔸Better Comments Помогает писать более понятные и информативные комментарии в коде. 🔸Code Spell Checker Ищет орфографические ошибки в коде и повышает читаемость. 🔸Code Runner Позволяет запускать сниппеты кода на разных языках. @WebDev_Plus

Классный CSS трюк от подписчика Можно легко изменить цвет курсора ввода с помощью свойства caret-color в CSS. @WebDev_Plus

Что, в Chrome теперь встроен API для AI-суммаризации 🔸Без API ключей, без интернета Работает локально 🔸Модель подгружается по запросу 🔸Доступен глобально в последней версии Chrome Работает и в расширениях У меня теперь куча идей для расширений под Chrome https://developer.chrome.com/docs/ai/summarizer-api?hl=ru @WebDev_Plus

tldraw — лучшая аппликация для совместной работы на виртуальной доске 🏆 🔸Внимание к деталям на высшем уровне. Даже штрихи масштабируются так, чтобы оставаться симметричными 🔸Клавиатурные шорткаты отрабатывают мгновенно: shift+2 — сфокусироваться на выделении, shift+1 — показать всё 🔸Есть SDK, который можно встроить куда угодно @WebDev_Plus

Switch case? If else? Нет. new Map @WebDev_Plus

немного мотивации @WebDev_Plus

Эта библиотека фронтенд-компонентов - чистое кино 🔥 Красивые и современные UI-компоненты на все случаи жизни, идеально подходящие для твоих фронтенд- и React-проектов. Надеюсь, будет полезно — https://nurui.vercel.app/ @WebDev_Plus

VS Code Хак Устали постоянно набирать console.log()? Настройте свой шорткат, например cc → console.log(), срабатывающий при нажатии Tab 😎 Смотрите видео с пошаговой демонстрацией. @WebDev_Plus

К слову о "смерти" PHP - по некоторой статистике PHP используют более 74% веб-сайтов @WebDev_Plus

Нужна форма с пошаговой логикой и условиями? С этой библиотекой ты реализуешь это, просто написав JSON. ✓ Поддерживает условия, переменные, циклы и многое другое ✓ Избавляет от тысяч строк трудночитаемого кода ✓ Отлично работает с React

$ npm install formity

@WebDev_Plus

🥇 Пройди ЛЮБОЕ собеседование! Большая база вопросов с реальных собеседований: → Тинькофф, Авито, Сбер, Озон, Яндекс, 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