Разберем пять непростых вопросов: о сравнениях, пустых массивах, странном try catch, стрелочной функции и коварном JSON.stringify. Сможете ответить на них правильно?
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
🎯 Выделяй зону "непрерывности" в коде
Сложный проект? Логика размазана по 10 файлам, и ты постоянно перескакиваешь между ними?
👉 Совет: выдели ядро — минимальный набор файлов/модулей, через которые проходит весь основной поток. Поддерживай их максимально чистыми и предсказуемыми. Это будет твоей «точкой стабильности» в любом хаосе.
Сложный проект? Логика размазана по 10 файлам, и ты постоянно перескакиваешь между ними?
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4
Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Анимированная загрузка в виде точек и куба. Сделана на чистом CSS.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
• DRY-фреймворк: продолжение
• Как нарисовать квадрат 3 × 3 см на веб-странице*
• Скучный Интернет и как «бесполезные сайты» могут спасти от этого
• Простой мини-чат на FastApi: Современный интерфейс, вебсокеты и SQLAlchemy с деплоем
• Как мотивировать себя на правильные вещи
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Удаление дубликатов — распространённая проблема в программировании, возникающая в различных контекстах, например, при очистке данных или обеспечении уникальности записей. Этот вопрос могут задать на собеседовании, поскольку он довольно прост и может подготовить собеседника к более сложным вопросам.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Рассказываем о лучших подходах к созданию паттерна Singleton в JavaScript и TypeScript. Также обсудим его плюсы и возможные недостатки при использовании в проектах.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Таймлайн с возможностью раскрывать пункты. Сделан на SVG, CSS и JavaScript.
Открыть код
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Пишите более безопасный CSS, используя
@property
, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property
повышают устойчивость определений пользовательских свойств.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
В этой статье я расскажу об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Веб формы и поля ввода поддерживают множество дополнительных атрибутов, способных дать подсказку браузеру и улучшить пользовательский опыт заполнения форм в Интернете. Приложив совсем немного дополнительных усилий, можно сделать так, чтобы формы помогали, а не мешали.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
В современной веб-разработке CSS сброс и нормализация — две важные техники, позволяющие добиться согласованности стилей в разных браузерах.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Индикатор прогресса прокрутки — довольно простая вещь, которую можно создать с помощью анимации, основанной на прокрутке в
scroll()
-стиле. Но мы создадим индикаторы для каждого раздела страницы, используя view()
-стиль.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
В современной разработке на JavaScript для асинхронной работы и обработки ошибок часто применяются
try-catch
и async-await
, что утяжеляет код. Новый оператор ?=
упрощает обработку ошибок и улучшает читаемость. В статье рассматриваются его работа, особенности и преимущества.Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1
🎛 Разделяй зоны ответственности в голове, не только в коде
Ты отвечаешь за архитектуру, а ещё за баги, а ещё за багфиксы, а ещё за багфиксы багфиксов? Психическая нагрузка растёт, даже если задач немного.
👉 Совет: распределяй мышление по режимам: отдельно — для глубокой разработки, отдельно — для поддержки, отдельно — для хаоса и фаерфайтинга. Сознательное переключение режимов помогает держать контроль и меньше уставать.
Ты отвечаешь за архитектуру, а ещё за баги, а ещё за багфиксы, а ещё за багфиксы багфиксов? Психическая нагрузка растёт, даже если задач немного.
👉 Совет: распределяй мышление по режимам: отдельно — для глубокой разработки, отдельно — для поддержки, отдельно — для хаоса и фаерфайтинга. Сознательное переключение режимов помогает держать контроль и меньше уставать.
👍2
Давайте анимируем CSS переменные! Это мощный способ применения CSS анимации, которая в противном случае была бы утомительной или непрактичной.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Завершите решение так, чтобы оно возвращало значение true, если переданный первый аргумент (строка) заканчивается 2-м аргументом (также строкой).
Пример кода:
solution('abc', 'bc') // returns true
solution('abc', 'd') // returns false
Решение задачи
function solution(str, ending) {
return ending === '' || str.slice(-ending.length) === ending;
}
// Примеры использования
console.log(solution('abc', 'bc')); // возвращает true
console.log(solution('abc', 'd')); // возвращает false
console.log(solution('abc', '')); // возвращает true
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Иногда, спеша уложиться в сроки, мы не задумываемся о доступности. Но пара небольших изменений может значительно улучшить сайт для всех пользователей, независимо от их возможностей и устройств.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5