Category : javascript

javascript
Автоматическое создание интерактивных карт

Решение подобных задач предусмотрено в QGIS с помощью специального модуля "qgis2web" , можно создать страничку с интерактивной картой на одной из библиотек: OpenLayers, Leaflet или Mapbox. И полученный результат в полне себе годится для интеграции на веб страницу для последующего просмотра и использования.Однако в данной статье будет рассмотрен подход к автоматизированному созданию карт с использованием следующего технологического стека: QGIS, PostgreSQL, Django, Leaflet. Идея родилась …

  • четверг, 30 мая 2024 г. в 00:00:10
javascript
Декомпозиция — ваша суперсила

Можно долго изучать Angular, оттачивая навыки работы с разными аспектами фреймворка, разбирая паттерны и лучшие практики. Но в конце концов, когда вы станете мастером своего дела, всегда останется умение, которое можно улучшать бесконечно: способность декомпозировать сложные задачи на удобоваримые куски. Это одно из самых важных качеств хорошего архитектора. Если вы чувствуете уверенность в своих знаниях сеньора, я советую вам направить усилия в этом направлении для дальнейшего роста.В статье в…

  • среда, 29 мая 2024 г. в 00:00:07
javascript
Как стать Frontend разработчиком: подробное руководство по началу карьеры

Добро пожаловать, в захватывающий мир frontend разработки! В этой статье я помогу вам разобраться в сложной и динамичной области, предоставив подробное руководство по изучению необходимых технологий и освоению навыков Frontend разработчика. Вы узнаете, какие инструменты и ресурсы использовать для эффективного освоения профессии, и как поэтапно углубляться в различные аспекты frontend разработки. В конечном итоге, вы сможете создавать интерактивные и визуально привлекательные веб-сайты, которые …

  • понедельник, 27 мая 2024 г. в 00:00:11
javascript
RxJs для самых маленьких

Зачастую новичкам сложно понять тему потоков, особенно когда ты и так работаешь со сложным инструментом типа Ангуляр! В этой статье моя задача состоит в том чтобы к концу ее прочтения даже самый далекий человек от программирования понял принцип поточности! Поехали!Вот что написано в документацииRxJS (Reactive Extensions for JavaScript) — это библиотека для реактивного программирования, которая позволяет работать с асинхронными данными, используя Observable последовательности. RxJS предоставляет…

  • суббота, 25 мая 2024 г. в 00:00:14
javascript
Реализуем touch жесты на vanilla js. Часть 2 (drag, resize)

В предыдущей части мы подробно разобрали как устроены touch события и реализовали жест rotate, самое время добавить оставшиеся.С момента выхода первой части прошло не мало времени, надеюсь заключительная часть не разочарует читателя.Создаем тестовый стенд (аналогичный 1ой части):HTML<div id="rect"></div>CSS#rect { background-color: red; width: 500px; height: 500px; } JSimport "./styles.css"; const rect = document.getElementById("rect");prepareTouches - …

  • суббота, 25 мая 2024 г. в 00:00:12
javascript
Как Apache Arrow поможет управиться JS с большими данными

Привет. Меня зовут Николай Шувалов, я занимаюсь коммерческим программированием около семи лет, владею Rust, JavaScript, PHP. Сейчас я работаю в отделе данных билайна. Наша платформа позволяет делиться с партнерами данными, не раскрывая их. Например, можно расширить данные с помощью фильтра Блума. Arrow в сравнении со строковыми форматамиВозьмём простую таблицу, которая состоит из трех столбцов: телефона, даты и имени. Рассмотрим, как она будет выглядеть в строковом и столбчатом форматах. Для ст…

  • суббота, 25 мая 2024 г. в 00:00:11
javascript
Как я запрограммировала собственный рукописный шрифт

У меня нередко бывает, что я решу не увлекаться слишком сильно какой-то затеей, но в итоге всё равно в неё погружаюсь. Так было и на этот раз. Недавно я создала на JavaScript собственный блочный шрифт, решив, что запрограммировать слитное рукописное письмо будет слишком сложно. Но не прошло и двух месяцев, как вот я здесь и готова рассказать о созданном мной механизме слитного письма. Пожалуй, в этом есть свой урок, но мы в его смысл углубляться не станем. ▍ Блочный шрифт Предыдущая моя ста…

  • суббота, 25 мая 2024 г. в 00:00:10
javascript
@ts-expect-error иногда не лучше @ts-ignore

Всем уже давно понятно, что вместо директивы @ts-ignore следует использовать директиву @ts-expect-error. Пригождается она даже самым квалифицированным и педантичным разработчикам, например, чтобы временно заглушить ложную ошибку типов из кривого @types/* пакета.Однако, далеко не все знают, что обе директивы одинаково опасны, если использовать их неосторожно, ведь заглушить ими можно не только ошибки типов, но и откровенно невалидный синтаксис, который гарантированно приведет к выбросу исключени…

  • пятница, 24 мая 2024 г. в 00:00:08
javascript
Как написание своего плагина может поменять то как вы пишете код

Привет, я — Лёша, и я люблю веб. Иногда это даже взаимно.В жизни часто бывает, что едва ты начинаешь думать, что наконец стал разбираться в чём-то, что-нибудь происходит и оно говорит тебе: “Нет”. И это не всегда плохо.Например, я думал, что более-менее знаю, как нужно писать код, пока не написал свой плагин. И это очень сильно поменяло мой подход к программированию.Код — это продукт, программисты — его пользователиПри создании плагина ты словно запускаешь стартап на минималках: нужно понять св…

  • пятница, 24 мая 2024 г. в 00:00:07