Декомпозиция — ваша суперсила
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора.
#js #angular #ru
Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора.
#js #angular #ru
Как сделать простой мини-календарь, выводящий текущий день?
В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.
#js #ru
В этой статье создадим мини-календарь с использованием HTML, CSS и JavaScript. Он будет отображать текущее число месяца, день недели, месяц и год. Вывод названия месяца и дня недели он будет осуществлять на том же языке, на котором отображается браузер.
#js #ru
👍3
await vs yield на примере Effection 3.0 и React
18 декабря 2023 года вышел релиз Effection 3.0 - типизированная альтернативна async/await на генераторах (Structured Concurrency and Effects for JavaScript).
В статье сравним подходы на генераторах и async/await и расскажу как использовать Effection в React для решения типичных проблем с асинхронным кодом:
- Race condition
- AbortController
- Clean up
- Debounce
#js #react #ru
18 декабря 2023 года вышел релиз Effection 3.0 - типизированная альтернативна async/await на генераторах (Structured Concurrency and Effects for JavaScript).
В статье сравним подходы на генераторах и async/await и расскажу как использовать Effection в React для решения типичных проблем с асинхронным кодом:
- Race condition
- AbortController
- Clean up
- Debounce
#js #react #ru
👍1
Правильная модель авторизации для вашего приложения
Из этой статьи вы узнаете, что такое контроль доступа и какие модели контроля доступа бывают. Вам, вероятно, понадобится использовать одну из этих моделей, чтобы обеспечить структуру и правила для принятия решений о том, кто может получить доступ к чему-либо в вашем приложении.
#ru
Из этой статьи вы узнаете, что такое контроль доступа и какие модели контроля доступа бывают. Вам, вероятно, понадобится использовать одну из этих моделей, чтобы обеспечить структуру и правила для принятия решений о том, кто может получить доступ к чему-либо в вашем приложении.
#ru
❤1
Что такое Webhook и WebSocket?
В мире веб-разработки существует множество технологий, с которыми сталкиваются разработчики, и две из них — Webhook (вебхук) и WebSocket (веб-сокет). Обе они используются для связи через Интернет, но служат разным целям и работают по-разному. Цель этой статьи — дать глубокое понимание обеих технологий, их различий и того, когда следует использовать каждую из них.
#ru
В мире веб-разработки существует множество технологий, с которыми сталкиваются разработчики, и две из них — Webhook (вебхук) и WebSocket (веб-сокет). Обе они используются для связи через Интернет, но служат разным целям и работают по-разному. Цель этой статьи — дать глубокое понимание обеих технологий, их различий и того, когда следует использовать каждую из них.
#ru
👍4
Тестирование кода HTML при помощи CSS
Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.
Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.
#ru
Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.
Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.
#ru
👍2
Каскад и специфичность в CSS - это просто
С самого своего появления каскад и специфичность подробно разбирались в различных гайдах и учебных статьях. И эти материалы, безусловно, полезны, но их размер тоже способен отпугнуть разработчиков, особенно начинающих, поэтому в этой статье мы собираемся подойти к данной теме проще.
#ru
С самого своего появления каскад и специфичность подробно разбирались в различных гайдах и учебных статьях. И эти материалы, безусловно, полезны, но их размер тоже способен отпугнуть разработчиков, особенно начинающих, поэтому в этой статье мы собираемся подойти к данной теме проще.
#ru
👍2
Группировка массивов в JavaScript (2024)
Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.
В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно
#ru
Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.
В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно
Object.groupBy
и Map.groupBy
.#ru
Как нарисовать квадрат 3 × 3 см на веб-странице
Представьте, что вам нужно сделать стили для печати документов, а бегать к принтеру с линейкой, чтобы убедиться в корректности фактических размеров отдельных элементов, очень не хочется. Было бы куда проще иметь возможность приложить ту же линейку к экрану. Но размеры элементов на экране почти всегда не соответствуют их физическим размерам при печати.
#ru
Представьте, что вам нужно сделать стили для печати документов, а бегать к принтеру с линейкой, чтобы убедиться в корректности фактических размеров отдельных элементов, очень не хочется. Было бы куда проще иметь возможность приложить ту же линейку к экрану. Но размеры элементов на экране почти всегда не соответствуют их физическим размерам при печати.
#ru
Скучный Интернет и как «бесполезные сайты» могут спасти от этого
Из 1,1 миллиарда веб-сайтов, составляющих Всемирную паутину, только 18% в настоящее время активны. Среди них можно найти настоящие алмазы — веб-сайты, которые активны и тщательно разработаны, но при этом самым забавным образом бесполезны.
Эта статья посвящена таким сайтам. От виртуальных игровых шоу, где ваше участие не имеет значения, до случайных текстовых генераторов, обеспечивающих бесконечные потоки тарабарщины, и которые предлагают что-то особенное в своей бесполезности.
#ru
Из 1,1 миллиарда веб-сайтов, составляющих Всемирную паутину, только 18% в настоящее время активны. Среди них можно найти настоящие алмазы — веб-сайты, которые активны и тщательно разработаны, но при этом самым забавным образом бесполезны.
Эта статья посвящена таким сайтам. От виртуальных игровых шоу, где ваше участие не имеет значения, до случайных текстовых генераторов, обеспечивающих бесконечные потоки тарабарщины, и которые предлагают что-то особенное в своей бесполезности.
#ru
👍1