Телеграм канал «WebDev+ | Веб-разработка»

Разработчик показал, как современные браузеры позволяют обходиться без фреймворков Один из разработчиков продемонстрировал, что даже сегодня можно писать сайты в духе начала 2000-х — на чистом HTML и CSS, без React, Vue или других фреймворков. Он собрал небольшой сервер на Deno, который рендерит обычные HTML-страницы без роутинга и сложной логики. Интересно, что навигация между страницами выглядит плавной: панель навигации не мигает при перезагрузке благодаря технологии paint holding, поддерживаемой браузерами уже много лет. Кроме того, разработчик добавил эффект перехода с помощью CSS-директивы @view-transition { navigation: auto; } что сделало переходы между страницами ещё приятнее. По его словам, современные браузеры стали настолько умными, что History API уже не нужен для плавной навигации — достаточно обычных ссылок и немного прогрессивного улучшения через HTML Custom Elements. @WebDev_Plus

Хватит использовать TypeScript enum'ы. Почему? Enum'ы добавляют скрытый код в итоговый файл, тогда как as const — вообще ничего не добавляет. Типы лучше, бандл меньше. @WebDev_Plus

⚠️ «Вложенные тернарные выражения могут усложнить понимание кода.» TypeScript: @WebDev_Plus

Сегодня узнал про предложение в JS под названием Declarations in Conditionals. Оно позволяет писать const или let прямо внутри if или while. Интересно, стал бы ты так писать? Мне кажется, идея неплохая — код станет чуть короче, но при этом останется понятным. (Сейчас это Stage 1 в TC39, на следующей неделе будут выносить на Stage 2.) @WebDev_Plus

🔥Горячие IT вакансии которых нет на HH. Вакансии, только с прямыми контактами в Telegram! Ноль автоотказов — живой диалог и быстрые объективные решения. 🤖 ML & DS 👩‍💻 DevOps 👩‍💻 Java 👣 Go 👩‍💻 Mobile 👩‍💻 C# 👩‍💻 Node.js 👩‍💻 Python 🔎 QA 👨‍✈️ CyberSec 👩‍💻 UX/UI 👩‍💻 Frontend 🖼️ PHP 📋 Analyst 💼 1C 🖥 SQL 👩‍💻 IT HR Подпишись чтобы не упустить свой шанс получить лучший оффер!

JavaScript может форматировать числа гораздо умнее, чем вы думаете // Intl.NumberFormat — форматирование чисел: единицы измерения, сокращения, валюты // Пример форматирования со скоростью (единицы измерения) const numberFmt = new Intl.NumberFormat("en", { style: "unit", // стиль "единица измерения" unit: "kilometer-per-hour", // километры в час }); // Пример форматирования в компактной форме (например, "15.3K" вместо "15320") const compactFmt = new Intl.NumberFormat("en", { notation: "compact", // компактная запись (K, M и т. д.) maximumFractionDigits: 1, // максимум 1 знак после запятой }); // Пример форматирования валюты (йены, без округления вверх) const currencyFmt = new Intl.NumberFormat("en", { style: "currency", // стиль "валюта" currency: "JPY", // японская йена roundingMode: "floor", // округление вниз }); // Примеры вывода console.log(numberFmt.format(88)); // "88 km/h" console.log(compactFmt.format(15320)); // "15.3K" console.log(currencyFmt.format(4999.99)); // "¥4,999" @WebDev_Plus

CSS карточка с параллакс-эффектом через pointermove и кастомные CSS-переменные