Логово верстальщика

👩‍💻 Product Filtering UI Интерфейс фильтрации товаров. Сделан на HTML и JavaScript. Открыть код...

❓ Адаптивная вёрстка: что это и как использовать Адаптивная вёрстка позволяет правильно отображать содержимое веб-сайта на любых устройствах. Рассказываем, как это сделать. Читать...

🔝 Самые интересные статьи за последние дни: • Создание статических сайтов из Markdown без HTML (pandoc, mkdocs, hugo и jekyll) • Как настроить SEO при создании сайтов самостоятельно? • Zoneless Angular 18 • Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?» • Playwright и Allure как хорошая практика для разработки веб-приложения

👩‍💻 Angular и Wiz: вместе лучше Visual Studio Code популярен благодаря возможности расширения функциональности с помощью плагинов. В этой статье мы рассмотрим 10 полезных расширений, которые упростят работу с кодом и повысят вашу продуктивность. Читать...

👩‍💻 Weather Widgets Анимированный виджет погоды. Сделан на SVG, SCSS и TypeScript. Открыть код...

❓ Как работают короткие ссылки на TinyURL и Bit.ly? Полное руководство по проектированию систем с ручными расчетами. Мы рассмотрим функциональность, архитектуру, проблемы, масштабируемость, системные API-интерфейсы, производительность и оценку ресурсов, опираясь на данные реальных проектов. Читать...

👀 Энтузиаст запустил сайт с миллионом чекбоксов, которые можно активировать или выключать онлайн. По первым оценкам на сайте было около 500 000 игроков одновременно, ссылочка на сайт.

👩‍💻 Крутые расширения VSCode для React-разработчиков Недавно я вернулся к личному проекту на React, который забросил в прошлом году. В ходе работы я нашел несколько расширений VSCode, которые значительно повысили мою продуктивность. Читать...

⚙️ Гайд по верстке HTML странички. Объяснение принципов, а не примеров В данной статье я попробую охватить сценарии использования HTML и CSS, которые закроют 80% ваших задач, а также аргументирую, почему создание страничек сайта при помощи верстки не уступает по сложности использованию конструкторов сайта (разница только в скорости). Читать...

🤔 Числа, но только римские Напишите функцию, которая принимает в качестве аргумента римскую цифру и возвращает ее значение в виде десятичного целого числа. Римские числа: I — 1 V — 5 X — 10 L — 50 C — 100 D — 500 M — 1000 Пример:

solution('XXI') => 21
solution('I') => 1
solution('IV') => 4
solution('MMVIII') => 2008
solution('MDCLXVI') => 1666

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

function romanToInt(roman) { const romanNumerals = { 'I': 1, 'V': 5, 'X': 10, 'L': 50, 'C': 100, 'D': 500, 'M': 1000 }; let result = 0; for (let i = 0; i < roman.length; i++) { if (romanNumerals[roman[i]] < romanNumerals[roman[i + 1]]) { result += romanNumerals[roman[i + 1]] - romanNumerals[roman[i]]; i++; } else { result += romanNumerals[roman[i]]; } } return result; }

Кошка говорит «мяу», собака говорит «гав», Java-разработчик говорит «кто-нибудь видел мой энергетик? А то мне еще баги исправлять». Да, быть разработчиком на Java непросто. Но нет ничего невозможного, если у вас есть желание разобраться и двухнедельный подготовительный курс от Хекслета за 990 рублей. ⏰ Начинаем уже 9 июля! – 62 онлайн-урока; – 4 живых вебинара; – практика с первого дня; – помощь наставника в закрытом чате. Нет опыта? Не беда! Как говорят в IT-среде: «А что, если попробовать так?» И мы тоже говорим вам “Попробуйте”!

​​Бесплатный мастер-класс ― «Тестировщик с нуля: как им стать и найти первую работу?» ⏰ Когда: 11 июля в 19:00 (мск). ✔️Расскажем про навыки и знания для трудоустройства, грейды в тестировании и перспективы роста зарплат в профессии. ✔️На практике протестируете простую форму, в рамках которой разберете базовые техники тест-дизайна и тест-кейсы, составите первый баг-репорт. ✔️Узнаете, как составить привлекательное резюме и где его разместить, чем наполнить портфолио новичку и как правильно откликаться на вакансии. 🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего тестировщика! Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KbDGk

👩‍💻 Как меня чуть не уволили за выбор React для корпоративного приложения Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения. Читать...

🔝 Самые интересные статьи за последние дни: • Магия CSS на практике: советы по вёрстке от гика • Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться • Загрузка es-модулей в браузерные приложения • Как я написал загрузчик YouTube видео на Ktor + HTMX. Убийца React? • Микросервисы в представлении среднего разработчика, и как всё на самом деле

​​👤Кратко про основные техники кеширования в браузере В этой статье мы поговорим о крайне важной, но порой недооцененной теме — кешировании в браузере. Читать...

❓ Альтернативные фреймворки JavaScript: есть ли жизнь за пределами большой тройки? Мы разберем не такие известные, но довольно часто используемые инструменты JavaScript, которые помогут облегчить жизнь веб-разработчика. Необязательно зацикливаться только на трех основных фреймворках. Читать...

👩‍💻 Какие JS-библиотеки использовать для анимаций на сайте в 2024 году JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Рассказываем о наиболее актуальных для разработки анимаций на сайте. Читать...

👩‍💻 10 незаменимых плагинов для VS Code в 2024 году Visual Studio Code популярен благодаря возможности расширения функциональности с помощью плагинов. В этой статье мы рассмотрим 10 полезных расширений, которые упростят работу с кодом и повысят вашу продуктивность. Читать...

​​🎛 Плагины для VS Code, которые стоит использовать в 2024 году В этой статье расскажем расскажем о нескольких полезных плагинах для VS Code, которые облегчают и упрощают работу специалиста. Читать...

​​🌀Разбираемся, зачем нужен и как выбрать оптимальный загрузочный экран для вашего веб-продукта В этой статье рассмотрим технические аспекты и даю классификацию загрузочных экранов, а заодно, помогаю выбрать оптимальный вариант для вашего продукта. Читать...