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

Король веб-графиков обновился Только что вышел Apache ECharts 6 ✓ Поддержка тёмного режима ✓ Улучшения в стандартной теме ✓ Новые кастомные типы графиков ✓ Смена темы без перезапуска UI

npm install echarts

@WebDev_Plus

Нужно сверстать письма? Не используй таблицы React Email — это библиотека, которая тебе нужна ✓ Готовые UI-компоненты ✓ Предпросмотр письма прямо при разработке ✓ Работает в Gmail, Outlook и других клиентах ✓ Готовые шаблоны, которые можно просто скопировать и вставить → npx create-email @WebDev_Plus

👩‍💻 В сеть вывалилась гигантская куча курсов и книг Держи сотни гигабайт свежих уроков, и каждую неделю мы подкидываем ещё! 1402 ГБ — Python 1815 ГБ — Frontend 1515 ГБ — Backend 1300 ГБ — C / C++ 694 ГБ — Java 546 ГБ — SQL & БД 411 ГБ — DevOps 898 ГБ — ИБ & Хакинг 212 ГБ — JavaScript 996 ГБ — Kotlin / Swift 173 ГБ — PHP 215 ГБ — GoLang 185 ГБ — Rust 517 ГБ — Linux 115 ГБ — QA / Тестирование 419 ГБ — GameDev 319 ГБ — 1C + Лицензии 617 ГБ — Машинное обучение 687 ГБ — Аналитика Данных 998 ГБ — Дизайн Подписывайся и не плати за то, что можно получить бесплатно

Прокачай 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