​Заменяем NPM на DUM

DUM заменяет привычные npm run и npx, значительно сокращая время запуска npm и установки пакетов. Написан он на Rust. Попробуйте сами и убедитесь:

https://github.com/egoist/dum

#инструмент #dum #npm

​Если хотите изучать топовый язык программирования, то Go!

В этом вам поможет новый Telegram-канал «Go in Action», где ежедневно появляются полезные материалы на русском и английском языках. Всё самое лучше по языку Go собрано здесь: @go_in_action.

Бэкендеры-питонисты напряглись...

Анимированный рейтинг

Этот рейтинг выполнен с помощью SVG и библиотеки GSAP. С помощью него простой системе оценок добавляется некоторый эмоциональный отклик.

Посмотреть как это реализовано можно здесь:

https://codepen.io/ksenia-k/details/JjjyBoL

#codepen

​Введение в Deno: лучше ли он, чем Node.js?

Deno — это среда выполнения JavaScript и TypeScript, похожая на Node.js, но построенная на Rust и движке JavaScript V8. Он был создан человеком, первоначально создавшим Node.js, как работа над ошибками.

В этой статье вы узнаете о преимуществах и недостатках Deno перед своим предком, а также изучите основные особенности и функции Deno:

https://blog.appsignal.com/2022/02/09/an-introduction-to-deno-is-it-better-than-nodejs.html

#nodejs #deno

​​Карточки погоды

Несколько готовых карточек, отображающих погоду с необычными стилями под каждый случай. Выполнены с использование SVG и JavaScript. Особенно круто выглядит гроза, посмотрите сами:

https://codepen.io/ste-vg/pen/GqaZbo

#codepen

​Почему бэкенд — это боль? 10 вопросов бэкенд-разработчику

Алексей — бэкенд-разработчик в IT-компании Lad. Ему задали 10 каверзных вопросов о его работе и вот, что он ответил:

https://youtu.be/EcCZ18wj6Mw

#видео #бэкенд

С чем согласны, а с чем — нет? Поделитесь в комментариях.

Без БД никак, получается

​TypeScript: перебор объектов

В TypeScript редко возникает проблема получения доступа к свойству объекта путём перебора его ключей. Это шаблон, который часто встречается в JavaScript, но TypeScript. При этом, в некоторых ситуациях TypeScript может вести себя странно. Например, при написании вот такой строки: Object.keys(person).map(k => person[k]).

Существуют разные способы решения этой проблемы, но давайте обо всём по-порядку:

https://fettblog.eu/typescript-iterating-over-objects/

#typescript

​Введение в SVG-анимации для верстальщиков

Время идёт, технологии меняются, но SVG-анимации и не думают исчезать. Но не смотря на время, работа с SVG многим по-прежнему кажется сложной и запутанной.

Эта статья даст общее представление о том, что бывает, и от чего можно оттолкнуться, если вы решили изучать эту тему, а у вас полная каша в голове:

https://habr.com/ru/post/667116

#svg

​Три слоя градиента для одного слайдера

Эта статья посвящена созданию Angular-компонента слайдера с минимальным использованием JavaScript. При этом здесь рассматривается и вопрос доступность, интересное решение с многослойным градиентом, CSS-хитрости и так далее.

Подробнее:

https://habr.com/ru/company/tinkoff/blog/667254/

#angular #фронтенд #css

«Научный» слайдер для сайта

Ещё один слайдер, но на этот раз выполненный в научном стиле. Здесь тоже не обошлось без SVG, но реализация баллов более интересная, чем в предыдущем примере.

Посмотреть код и протестировать можно здесь:

https://codepen.io/chrisgannon/pen/rvBMmM

#codepen

Бэкендеры боятся трудностей

​Go, Allure и HTTP, или Как мило тестировать HTTP-сервисы на Go

Все мы привыкли к лёгкому написанию тестов на Python и Java — это основные языки автотестировщиков с богатым инструментарием утилит и всего, что упрощает жизнь.

А что делать в случае с Go? Если писать тесты на других языках для Go, то возникают проблемы с ревью. Но решение есть — опенсорс-беблиотека CUTE в BDD-стиле, которая облегчает тяготы создания автотестов и упрощает переход на Go:

https://t.me/go_in_action/697

#go #http

​Архитектура фронтенда и какой она должна быть

Вы наверняка слышали про практики и паттерны проектирования SOLID, GRASP, MVC, MV**, и некоторые из вас даже применяют их в своей работе. Но можно ли найти наиболее удачное решение?

Автор этой статьи решил изучить этот вопрос, составив чек-лист критериев для приложения и, кажется, нашёл неплохой вариант:

https://habr.com/ru/post/667214/

#фронтенд

Собрали для вас небольшую подборку полезных Telegram-каналов

Она пригодится и начинающим, и опытным разработчикам, которые хотят быть в курсе происходящего в мире IT и учиться новому:

— канал для новичков, только входящих в мир IT: @prog_point;

— для увлекающихся мобильной разработкой: @mobi_dev;

— всё о Python и инструментах, связанных с ним: @zen_of_python;

— любителям нейронок и машинного обучения: @neuro_channel.

Выбирайте то, что интересно вам и вступайте!

CountUp.js — библиотека, которая поможет вам красиво вывести числовые данные

Небольшая JavaScript библиотека без зависимостей, которую можно использовать для быстрого создания анимации, отображающей числовые данные интересным способом. Вы можете настроить некоторые параметры и библиотека запустит анимацию счёта до нужного вам числа по убыванию или возрастанию.

Инструкция по установке и использованию, демо и примеры тут:

https://inorganik.github.io/countUp.js/

#библиотека #javascript

​4 инструмента будущего, которые упростят жизнь разработчикам

Вот какого инструмента не хватает сегодня вам? Может, который будет за вам разбираться в legacy-коде? Или писать за вас код по вашему описанию? Некоторые подобные инструменты уже существуют либо в форме прототипа, либо идеи.

Подробнее о них в статье:

https://tproger.ru/articles/4-futuristichnyh-instrumenta-kotoryh-nam-ne-hvataet/

​Работа с Google Maps API

Google API невероятно большой и позволяет делать практически любые действия над их сервисами. В этом вы сможете познакомиться с принципом работы Google Maps API (Google Карты) и научитесь взаимодействовать с ней посредством JavaScript:

https://youtu.be/AgwhiHLu2H4

#видео #api