Category : javascript

javascript
LLM-first: парная разработка без вайбкодинга

ПреамбулаЕсть у меня один пет-проект, NutriLog, демонстрация интеграции веб-приложения и кастомного GPT-чата. Частью этого проекта является двуязычный (en, ru) SSR-сайтик на десяток страниц на базе шаблонизатора Mustache - чисто для SEO. Две недели назад я вернулся из отпуска и подумал, а не автоматизировать ли мне переводы страничек с одного языка на другой? Переводы я делал вручную, через ChatGPT Web UI - модель показывала себя прекрасно. Переводила только контент и правильно внедряла его в к…

  • воскресенье, 1 июня 2025 г. в 00:00:04
javascript
Тестовые идентификаторы: как и где расставлять правильно

ВступлениеВы вообще в курсе, что такое CSS и XPath селекторы? Ну конечно в курсе — раз уж кликнули на эту статью, наверняка пережили хотя бы один из тех унылых споров в духе «а что лучше: CSS или XPath?» Спойлер: ни то, ни другое. Все эти разговоры — просто шум, рожденный из некомпетентности. Вот эти бесконечные обсуждения — «а XPath может по тексту», «а CSS быстрее», «а вот тут индекс нужен»... Да какая, к чёрту, разница, когда можно просто использовать тестовые идентификаторы?Серьёзно. Если у…

  • суббота, 31 мая 2025 г. в 00:00:06
javascript
Эволюция Angular с колокольни UI-Kit-разработчика

На этой неделе команда Angular отметила значимый юбилей в истории развития своего фреймворка — 20-ю мажорную версию! Лучше повода не найти, чтобы удариться в ностальгические воспоминания про путь развития Angular за последние 5 лет — за десять последних мажорных версий.Предлагаю нестандартный подход к изучению темы. Возьмем непопулярную точку зрения: мой многолетний опыт разработки огромной коллекции библиотек с компонентами под Angular — продукт под названием Taiga UI. В статье мы опустим мног…

  • суббота, 31 мая 2025 г. в 00:00:05
javascript
Как Яндекс и ИТМО сделали магистратуру по программированию, которая подойдёт и новичкам, и опытным …

В сентябре 2025 года Яндекс и ИТМО открывают онлайн-магистратуру «Фронтенд- и бэкенд-разработка». Анастасия Ждановская, руководитель программы со стороны Яндекса, рассказала, как устроена магистратура для начинающих и опытных программистов, что входит в программу, как создаются учебные материалы и как на неё поступить.Главное о магистратуре «Фронтенд- и бэкенд-разработка»ПоступлениеВам потребуется предоставить диплом бакалавра или специалиста и пройти вступительные испытания (ВИ). Магистратура …

  • пятница, 30 мая 2025 г. в 00:00:07
javascript
Как я с помощью ChatGPT и Midjourney браузерную игру для изучения регулярных выражений создавал

Зарождение идеиЕще в бытность джунни, я наткнулся на милейшую интерактивную обучалку по селекторам CSS: CSS Diner. Кто не знает — обязательно посмотрите, эстетический кайф гарантирован. Прошел ее минут за 15 на одном дыхании и подумал: а почему бы не сделать что‑то подобное с аналогичной механикой «допиши правильное слово в пропуск в бойлерплейте», только по другой теме? Сходу на ум ничего не пришло, но идею я запомнил.Три года спустя я решил изучить React, написав на нем какой‑нибудь пет‑проек…

  • пятница, 30 мая 2025 г. в 00:00:06
javascript
Почему твой await fetch тормозит — и как это исправить

Привет, Хабр!Сегодня рассмотрим, почему безобидная строчка await fetch() неожиданно превращается в тормоз, где именно она зарывает драгоценные миллисекунды — и что можно сделать с этим.Холодные TCP-соединения: 200 мс на ровном местеСимптом: первый запрос к API стабильно дольше остальных, а при бурсте скачет в космос.Каждый fetch() в лоб открывает новый сокет: 1×DNS, 1×TCP-handshake, 1×TLS. Средний RTT в Европе ~50 мс, умножаем — получаем сотни лишних миллисекунд.Бенчмарки показывают 3-кратный …

  • четверг, 29 мая 2025 г. в 00:00:08
javascript
1С: Кабинет сотрудника: Как мы чинили то, что называлось «готовым продуктом»

Привет, Хабр (и просто случайные читатели, зашедшие сюда в поисках истины или интересной статейки на пару минут)! Сегодня я расскажу вам историю о том, как я провёл полгода в тесных объятиях «1С: Кабинет сотрудника» на новой технологии 1С:Элемент — системы, которая обещала сделать кадровый документооборот простым, как бутерброд с колбасой. Но, как выяснилось, бутерброд этот оказался с сюрпризом… то ли огурцом, то ли гвоздём.Изображение сгенерировано ChatGPT Впрочем, не будем забегать вперёд. П…

  • четверг, 29 мая 2025 г. в 00:00:07
javascript
Обзор инструмента Webpack Bundle Analyzer

В первой статье цикла об исследовании инструментов для анализа производительности сайта мы рассмотрели вкладку Performance. В этом материале познакомимся с таким пакетом как Webpack Bundle Analyzer. В качестве тестового проекта использована сборка на базе Next.js 15-й версии с app router.Общие сведенияWebpack Bundle Analyzer - это npm пакет, который может наглядно продемонстрировать: как ваш проект разбивается на части;сколько эти части весят;какие npm-пакеты загружаются вместе с вашим кодом вн…

  • четверг, 29 мая 2025 г. в 00:00:06
javascript
Как красиво признаться в любви не покупая цветы и конфетки с плюшевым мишкой на память, используя ч…

JacquardСсылка на GitHub: https://github.com/JacqquardСсылка готовый пример жмякХочу поделиться идеей, как сделать признание в любви особенным, запоминающимся и искренним, не прибегая к классическим цветам или банальным текстам в телеграме/вацапе на миллиард строк. Я расскажу про интерактивный веб-сайтик, который можно создать своими руками, чтобы передать свои чувства. Это не просто слова, а целая история, которая разворачивается на экране, погружая человека в атмосферу тепла и эмоций. Код, ко…

  • четверг, 29 мая 2025 г. в 00:00:04