​Задачи по JavaScript

Вчера мы опубликовали задачу, а вот и один из вариантов её решения.

Если у вас есть более лаконичный ответ, то предлагаем вам поделиться им в комментариях👇

#задачи

Подборка актуальных вакансий

— Младший Python-разработчик в Kokoc Group
Где: удалённо
Опыт: можно без опыта

— UX-редактор в МТС
Где: удалённо
Опыт: от 2 лет

— QA Automation Java (web, UI) в Открытие
Где: удалённо
Опыт: от 2 лет

— Python-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Разработчик PHP Middle+ / Senior в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Middle/Senior Backend Node.js Developer в МТС
Где: удалённо
Опыт: от 3 лет

— Senior QA Automation Java / Kotlin в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Frontend Developer в Kokoc Group
Где: удалённо
Опыт: от 4 лет

— Senior Fullstack Developer / Фулстек разработчик (.net/react) в Иннотех
Где: удалённо
Опыт: от 5 лет

#вакансии #работа

​Event Loop в деталях

Автор статьи поднимает довольно сложную и во многом спорную тему асинхронности в JavaScript. Изначально язык создавался как однопоточный язык программирования. Но, что же делать, если вдруг понадобилось выполнить асинхронные операции? В этом случае к разработчикам на помощь приходит механизм Event Loop.

В этой статье автор рассказал о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собеседованиях:

https://habr.com/ru/articles/762618/

#javascript

​Для чего используется clearInterval()

Этот метод используется для остановки таймера, запущенного с помощью setInterval(). Для этого идентификатор таймера записывается в переменную, которая затем передается clearInterval() в качестве аргумента.

В приведенном примере в консоль каждую секунду выводится значение переменной i, которое каждый раз увеличивается на 1 (1, 2). Когда значение i становится равным 3, таймер останавливается.

#основы

​Подружим Sentry и Mattermost быстро и просто через адаптер

Если перед вами встала задача связать эти два инструмента, то мы вынуждены вас огорчить. Прямой интеграции у них, пока, нет. Но есть и хорошие новости: эта задача выполнима.

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

https://habr.com/ru/articles/761962/

#туториал

​TypeScript и всё, что вам нужно в разработке

Автор решил написать эту статью таким образом, чтобы она была интересна, как и начинающим разработчикам, которые только знакомятся с TypeScript, так и опытным программистам.

По ссылке вы найдёте хорошо сконструированный гайд с практическими примерами, который, мы надеемся, сможет облегчить для вас процесса изучения TypeScript:

https://habr.com/ru/articles/762902/

#typescript

​Фронтендер пытается инвертировать бинарное дерево:

Мини-игра «Выровни картину»

Отличный пример pet-проекта. Взяв его за основу, вы сможете сделать собственную игру и поместить её в портфолио.

А ещё это хороший способ занять ребёнка на какое-то время, пока вы обдумываете, как пофиксить очередной баг.

Проект выполнен с помощью SVG, SCSS и библиотеки GSAP.js.

Посмотреть код можно по ссылке:

https://codepen.io/a-trost/pen/jOZXdoP

#codepen

​Разница между .call и .apply

Методы .call() и .apply() используются для вызова функции с заданным значением this, а также для передачи аргументов в функцию. Основная разница между ними заключается в способе передачи аргументов.

Метод .call() принимает список аргументов, переданных в функцию через запятую. В то же время, метод .apply() принимает массив аргументов, переданных в функцию.

В обоих случаях мы вызываем функцию greet() с this равным null. В первом случае мы передаем два аргумента в функцию через запятую, а во втором случае мы передаем массив из двух аргументов в функцию.

#основы

Раскрывающийся при наведении список

Меню выбора присутствует практически на каждом сайте. Нашли для вас codepen-проект, в котором автор реализовал этот элемент интересным образом. Можете взять его за основу и добавить анимацию к себе на сайт.

Проект написан с помощью CSS и jQuery.

Посмотреть проект можно по ссылке:

https://codepen.io/maggiben/pen/BapEGv

#codepen

​Когда учил арифметику на JavaScript:

​Задачи по JavaScript

Создайте функцию с именем divisors, которая принимает целое число n > 1 и возвращает массив со всеми делителями целого числа (кроме 1 и самого числа), от наименьшего к наибольшему. Если число простое, верните строку «(целое число) является простым»

Пример:

divisors(12); // should return [2,3,4,6]
divisors(25); // should return [5]
divisors(13); // should return "13 is prime"

Поделитесь своими результатами в комментариях👇

#задачи

​Задачи по JavaScript

Вчера мы опубликовали задачу, а вот и один из вариантов её решения.

Если у вас есть более лаконичный ответ, то предлагаем вам поделиться им в комментариях👇

#задачи

Подборка актуальных вакансий

— UX-редактор в МТС
Где: удалённо
Опыт: от 2 лет

— QA Automation Java (web, UI) в Открытие
Где: удалённо
Опыт: от 2 лет

— Python-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Разработчик PHP Middle+ / Senior в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Middle/Senior Backend Node.js Developer в МТС
Где: удалённо
Опыт: от 3 лет

— Senior QA Automation Java / Kotlin в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Frontend Developer в Kokoc Group
Где: удалённо
Опыт: от 4 лет

#вакансии #работа

​Битва CLIs: Angular CLI против Nx

Nx — мощная система сборки, которая позволяет работать с монорепозиториями и предлагает разнообразные инструменты и библиотеки.

Автор материала в своё время решил отказаться от Angular в пользу Nx. Почему он принял такое решение, какие проблемы решает этот инструмент и чем он лучше Angular CLI можно прочитать по ссылке:

https://habr.com/ru/companies/tinkoff/articles/738654/

#angular #nx

​Для чего используется WeakSet

WeakSet используется для хранения коллекции объектов со слабыми ссылками. Другими словами, он служит дополнительным хранилищем объектов, используемых другим кодом.

Такие объекты автоматически удаляются сборщиком мусора, когда становятся недостижимыми (неиспользуемыми), т.е. когда от объекта остается только ключ в WeakSet.

#основы

​Framer Motion: библиотека анимирования компонентов

Framer Motion — это библиотека для react-приложений, которая даёт возможность создавать анимированные jsx-компоненты.

Её основные плюсы заключаются в интуитивно понятном интерфейсе и в управлении свойствами анимации прямо в jsx-разметке. Она может анимировать скролы, клики, тапы, драг-н-дропы и даже svg и 3D.

Автор статьи на примере того, как анимировать изменение высоты карточки с изменяющемся контентом показал, как начать работу с библиотекой и какие возможности настройки анимаций она имеет:

https://habr.com/ru/articles/746142/

#анимация

​Как создать и развернуть библиотеку компонентов Vue в NPM

Если вы в разных проектах используете одну и ту же систему дизайна, эффективнее и быстрее иметь библиотеку компонентов, на которую можно ссылаться для всех ваших компонентов в разных проектах.

В этой статье автор подробно разобрал, как использовать этот лайфхак на практике:

https://habr.com/ru/articles/678274/

#vue

«Не усложняй, бро»