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

Совет по HTML Можно использовать атрибут prefetch для предварительной загрузки важных ресурсов с целью оптимизации времени загрузки и улучшения пользовательского опыта. @WebDev_Plus

Функция clamp() отлично подходит для задания минимального и максимального предела, при этом сохраняя оптимальное значение внутри диапазона @WebDev_Plus

Минималистичный сайт-портфолио с плавной анимацией и резким типографическим акцентом. Подходит как референс для дизайнеров, кто хочет подчеркнуть индивидуальность через лаконичный UI ❤️ > https://duroc.ma/en/ @WebDev_Plus

Это одна из самых крутых вещей, сделанных на JavaScript Это гениально и смешно =) Кажется, что ты сможешь поставить галочку… но так ли это? 😂 🔗: codepen.io/jh3y/pen/LYNZwGm @WebDev_Plus

🔓 Топ ошибок, которые совершают 9 из 10 программистов!

В Code Guard расскажут как выявлять и избегать ошибок, на которые ведутся даже опытные разработчики!

👩‍💻 Python - Как писать код, который не станет мемом в чате разработчиков 💻 Security - От базовых уязвимостей до защиты от APT-атак 👊 Linux - Трюки с терминалом, которые сэкономят часы работы 👩‍💻 DevOps - CI/CD, контейнеры, мониторинг — чтобы ваши пайплайны работали как швейцарские часы Code Guard - стань лучше ⚡️ Удалим пост через 48 часов⚠

Изучать React может быть непросто — но создание проектов и решение задач по программированию действительно помогает. Этот практический курс как раз об этом. В нём Боб проводит через более чем 170 задач и 6 проектов, чтобы обучить основам React 😊 @WebDev_Plus

Небольшой, но стильный трюк для разработчиков Сгенерируй визитку в стиле VS Code, идеально подходит для README на GitHub, личных сайтов или просто по фану. Просто введи свои данные и карточка будет собрана автоматически - card.hekmon.com 😂 @WebDev_Plus

⚡️ Бесплатное обучение фронтенду (HTML/CSS + JS + React) с нуля с поддержкой от наставника Можно неделями гуглить инфу по JS и смотреть туториалы, читать книги, делать задачки в тренажёрах,но всё равно не понимать, как из этого собрать нормальынй сайт. С 20 июня действующий тимлид и опытный разработчик запускает бесплатное обучение в своём телеграм-канале. Участники разработают фронтенд для копии «Авито» 💡Вот план обучения: — день 1: Начинаем верстку. Верстаем шапку, элемент Поиск. — день 2: Про верстку. Верстаем контент главной страницы и карточку товара. Верстаем страницу одного товара — день 3: Подключаем JS. Изучаем базовые понятия. Обработка событий. — день 4: Базовое приложение React. Компонентный подход. — день 5: Переносим верстку в приложение React. Подключаем роутинг. Создаем страничку одного товара Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как джуну стартовать на фрилансе или устроиться на работу Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 📌 Если вы уже пробовали изучать фронтенд, но каждый шаг — это гуглинг, страдание и тысяча вкладок, — приходите на интенсив. Увидите путь от вёрстки до React и сможете продолжать изучать фронтенд без хаоса в голове. 👉Участвовать бесплатно Первый урок уже доступен

Следующая версия Chrome включает новый JavaScript API для перевода текста с помощью ИИ. Он бесплатный, так как работает прямо на устройстве пользователя. Что думаешь? 🥰 @WebDev_Plus

Новый инструмент от Google для проектирования интерфейсов на базе ИИ — Stitch, поразил меня Я ввёл запрос, и всего за несколько секунд он сгенерировал: ✅ Эстетичный дизайн UI ✅ Файл Figma ✅ HTML-код, готовый к использованию в продакшене Попробовать можно здесь: stitch.withgoogle.com @WebDev_Plus

Улучшай UI своих веб-страниц с помощью этого каталога анимированных и плавных компонентов 🔗: http://animate-ui.com @WebDev_Plus

WOW! Этот сайт как соцсеть для AI-промптов Огромная коллекция качественных промптов по темам: 🔸Программирование 🔸Дизайн 🔸Продуктивность …и многое другое! 🔗: prompts.chat — исследуй, сохраняй, делись. @WebDev_Plus

Это очень крутая библиотека UI-компонентов в ретро-стиле для фронтенд-разработчиков Вдохновлённая 8-битной эстетикой, она идеально подойдёт для добавления ностальгического пиксель-арт настроения в современные веб-проекты. 🥹 🔗: 8bitcn.com @WebDev_Plus

Нужен источник вдохновения для веб-дизайна? Этот ресурс предоставляет массу идей Каждый день — новые страницы для вдохновения. → http://godly.website 😊 @WebDev_Plus

🚀 От разработчика до техлида: проверенный путь к успеху в IT Застряли на уровне разработчика и не знаете, как сделать следующий шаг? Fresh IT — это канал, где техлид с 10+ летним опытом в Сбере, Align Technology и МТС Банке раскрывает то, о чём молчат на собеседованиях и курсах. 👉 Вы получите конкретные инструменты для роста: ▶️ Техники развития коммуникативных навыков ▶️ Пошаговые методики построения эффективных команд без конфликтов и выгорания ▶️ Советы и техники делегирования ▶️ Инсайды из реальных проектов, которые помогут избежать типичных ошибок ⏰ Техлидами не рождаются — ими становятся благодаря правильным знаниям в нужное время! 95% техлидов признаются, что им не хватало именно практических знаний о лидерстве. БОНУС: Подпишитесь сегодня и получите доступ к чек-листу "12 признаков готовности к роли техлида" — он поможет оценить, где вы находитесь сейчас и что нужно улучшить. Fresh IT — ваш путь от кода к команде. Подписывайтесь! 🔥

Знаешь, что можно расшарить свой localhost прямо из Visual Studio Code — за секунды, без лишнего софта? Это встроенный порт-форвардинг. 😮 Безопасно? • HTTPS-шифрование • Открыт только нужный порт • Видимость — на твой выбор (приват / паблик) • Без возни с роутером и фаерволом Но для продакшена не годится @WebDev_Plus

Это одно из самых безумных творений на JavaScript 🤯 Сайт Генри Хеффернана создан с помощью Three.js — JavaScript-библиотеки для 3D-графики и погружает в полностью иммерсивный опыт прямо в браузере. 🔗: henryheffernan.com @WebDev_Plus

🌐 WAICORE — хостинг, за который не надо переживать Устали от лагов, сложных панелей и переплат? Переходите на VPS с AMD Ryzen 9 — быстро, просто, без нервов. 💬 Почему клиенты выбирают нас: — Цена начинается от 2€ — Скорость канала до 10 Гбит/с — Поддержка 24/7 — отвечаем быстро и без шаблонов ☀Приятный бонус: Бесплатный VPN — расширение для браузера в подарок каждому нашему юзеру VPN | Расширение для браузера 📍 Локации: Германия (Франкфурт), Москва, Нидерланды (уже скоро) — стабильный пинг, DDoS-защита. 🔥 Успейте сегодня ⤵ Выбрать сервер | 💬 Наш канал

Знаешь ли ты, что элемент <input> может использовать атрибут form, чтобы связаться с формой по её id — и быть отправленным вместе с этой формой, даже если он находится вне её? 👀 В этом примере на PHP поле ввода, размещённое вне формы, добавляет аргумент в URL. При этом выводится только второе значение параметра (1337), связанное с этой формой. @WebDev_Plus

Преобразуй любой репозиторий GitHub в чистую документацию за секунды Просто замени github на gittodoc в URL репозитория — и мгновенно получишь удобный вид документации Особенно полезно для быстрой индексации AI-инструментами для кода, такими как Cursor ✊ @WebDev_Plus