Frontender's notes [ru]

🖥 Самые интересные публикации за последние дни: • Как подменять данные в SSR-сайтах • Как сделать приложение на NestJS, которое можно будет поддерживать спустя годы • Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться • Как я написал загрузчик YouTube видео на Ktor + HTMX. Убийца React? • Фабричный метод в React: эффективное создание компонентов. Часть 1

👩‍💻 Хештег и точка В этой задаче необходимо реализовать генератор хештэгов. Условия: — Выходная строка должна начинаться с хештега ( # ) — Во всех словах первая буква должна быть заглавной — Если окончательный результат длиннее 140 символов, функция вернёт false — Если ввод или результат представляет собой пустую строку, то функция должна вернуть false Пример кода:

generateHashtag(" Hello there thanks for trying my Kata") => "#HelloThereThanksForTryingMyKata"
generateHashtag("    Hello     World   ") => "#HelloWorld"
generateHashtag("") => false

Решить задачу ⬅️

Решение задачи🔽

function generateHashtag(str) { if (str.trim() === "") { return false; } const words = str.split(" ").map(word => word.charAt(0).toUpperCase() + word.slice(1)); const hashtag = "#" + words.join(""); return hashtag.length <= 140 ? hashtag : false; } console.log(generateHashtag(" Hello there thanks for trying my Kata")); // "#HelloThereThanksForTryingMyKata" console.log(generateHashtag(" Hello World ")); // "#HelloWorld" console.log(generateHashtag("")); // false

👩‍💻 8 советов, которые сделают JavaScript-код чище Проблемный код, даже если он более или менее работает, требует больших затрат на поддержку. Отточить навыки создания чистого кода, хорошо читаемого и легко поддерживаемого, помогут 8 простых советов. Читать...

👩‍💻 Tab Icon Animations Анимированная панель навигации. Сделана на SVG, SCSS и TypeScript. Открыть код...

В России появилась среда разработки – встречайте GIGA IDE На главной технологической конференции лета GigaConf 2024 СберТех представил российскую среду разработки GIGA IDE со встроенным AI-ассистентом*. Среда позволяет вести разработку на популярных языках программирования, обеспечивает совместимость с востребованными плагинами, а также привычный пользовательский опыт. Встроенный в среду AI-ассистент GIGA CODE анализирует контекст, предлагает полные конструкции функций и других элементов, что позволяет писать код до 25% быстрее. • GIGA IDE Desktop – это интегрированная среда разработки, которая включает 70 инструментов для облегчения задач разработки, автоматизации тестирования и администрирования приложений. Разработчики уже могут скачать GIGA IDE Desktop на платформе GitVerse. • GIGA IDE Cloud позволит вести разработку в облаке, расширив возможности устройства дополнительными облачными ресурсами. Публичный релиз среды запланирован на осень 2024 года. Чтобы первыми получить доступ к GIGA IDE Cloud – регистрируйтесь на платформе GitVerse на раннее тестирование. *AI (Artificial Intelligence) - «искусственный интеллект»

👩‍💻 40 основных и нестандартных методов для работы со строками в JavaScript Строки необходимы при работе с текстовыми и типографическими элементами на веб-странице. В этой статье познакомимся с основными и нестандартными методами для работы со строками в JS. Читать...

👩‍💻 Топ-10 инструментов, которые понадобятся каждому React-разработчику в 2024 году Эти 10 высокоэффективных инструментов помогут сориентироваться в постоянно расширяющейся экосистеме React. Узнайте об их назначении и преимуществах, чтобы упростить процесс разработки и повысить производительность приложений. Читать...

🖥 Самые интересные публикации за последние дни: • Коварные утечки памяти в React: как можно обжечься на useCallback и замыканиях • Загружаем товары из магазина Ozon в Google-таблицу • Многопоточность JavaScript с SharedArrayBuffer и Atomics: основы • Загрузка es-модулей в браузерные приложения • Tramvai — фреймворк для создания веб-приложений

👩‍💻 Neon Clock Сцена с неоновыми часами. Сделана на SCSS и JavaScript. Открыть код...

AvitoTech продолжает радовать крутым образовательным контентом. На этот раз инженеры подготовили открытый видеокурс по JavaScript. Два первых урока уже на канале — самое время присоединиться к обучению или, как минимум, добавить в закладки. На курсе рассмотрены и описаны простым и понятным языком ключевые аспекты JS: сам язык программирования, HTML и CSS. Из первого урока вы узнаете об устройстве современного веба, а из второго — про формирование языка JS. И даже сможете написать свой первый скрипт. Курс для слушателей любого уровня, но с базовыми знаниями в программировании будет попроще.