DOM, DI и View: деревья в Angular

Чтобы стать продуктивным разработчиком на Angular, потребуется понимание различных деревьев, из которых состоит приложение. На первый взгляд легко можно спутать дерево инжекторов DI и DOM-дерево непосредственных HTML-элементов и вьюх Angular. Они похожи и иногда имеют прямое соответствие, но далеко не всегда. В статье рассмотрим различия, научимся держать их в уме и освоим, как можно обойти возможные трудности, связанные с ними.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Array.prototype.every()

Метод every() проверяет, выполняется ли заданное условие для всех элементов массива.

#полезное

Как уменьшали размер VS Code, используя name mangling — сокращение идентификаторов во время сборки

В этой статье рассказывается, как мы обнаружили возможность такой оптимизации, какие подходы рассматривали, и как в конце концов добились уменьшения размера на 20%. Возможно, будет не так много конкретики - я хочу, скорее, рассказать, как в команде VS Code подходят к решению инженерных задач. Тем более, что наше решение, скорее всего, не совсем оптимальное, и уж точно подойдет не всем кодовым базам.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

String.prototype.startsWith()

Метод startsWith() проверяет, начинается ли строка с заданной подстроки.

#полезное

Как показать миллион зданий на карте — и не сломать браузер

В 2ГИС мы аккумулируем огромное количество геоданных, с которыми взаимодействуют миллионы пользователей ежедневно. Анализируя их, мы можем получить ценную информацию и найти важные идеи для развития городов. Эти данные также полезны организациям.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Функции высшего порядка

Функции могут принимать другие функции как аргументы или возвращать их.

#функции

Ликбез по распространенным Client-Side уязвимостям

В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Рекурсивные функции

Функции могут вызывать сами себя для выполнения повторяющихся задач.

#функции

Подробная настройка Content Security Policy

Content Security Policy (CSP) - это механизм безопасности веб-приложений, который используется для сокращения рисков, связанных с атаками, такими как внедрение скриптов (XSS) и выполнение нежелательного кода (инъекция). CSP позволяет веб-разработчикам указывать браузерам, из каких источников разрешено загружать ресурсы, такие как скрипты, стили, изображения, шрифты и другие элементы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Функции обратного вызова

Функция может принимать другую функцию в качестве аргумента и вызывать ее внутри себя.

#функции

RxJS: как операторы высшего порядка упрощают код

В этой статье я покажу, что в HOO нет ничего мифического, и расскажу в каких случаях вам нужно использовать операторы высшего порядка. Сейчас вы подумаете, что это скучный лонгрид, но не торопитесь. Мы рассмотрим всего 4 оператора: switchMap, exhaustMap, concatMap, mergeMap.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Стрелочные функции

Стрелочные функции предоставляют сокращенный синтаксис для определения функций.

#функции

Задачи про PEG-парсеры

В итоге я сделал игру программу CrateGram

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Анонимная функция

Анонимные функции могут быть присвоены переменным и использованы как значения.

#функции

Просто о Deep

Одним из возможных вариантов является переход на GraphQL. Это позволит решить три вышеуказанных проблемы. Однако вместе с этим может появиться новый нюанс - общеизвестная проблема N+1, которую часто связывают с использованием GraphQL.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Вызов функции

Функцию можно вызвать, передав нужные аргументы в скобках.

#функции

Добавление server side Open Graph и прочего SEO в существующую SPA

Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега <head>.
Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром ?hl=fr появлялась превью с французским заголовком и описанием сайта.
Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Создание функции

В этом примере функция greet принимает аргумент name и возвращает приветствие.

#функции

Под капотом анимаций в React Native

Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование JavaScript Web Speech API для распознавания и синтеза речи

Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.

#полезное

Синхронизация между Notion и календарем

Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью