​За что ненавидят язык программирования JavaScript

Интересный материал о проблемах языка. Автор рассказал основные причины, по которым не любят JavaScript, и разобрался, справедливы ли претензии.

Статья будет особенно полезна новичкам, которые только решают, какой язык программирования будут изучать:

https://tproger.ru/articles/za-chto-nenavidyat-yazyk-programmirovaniya-javascript

#javascript

​Создание ToDo-листа бесконечной вложенности

Подробный туториал по созданию ToDo-листа со всем необходимым функционалом. Для создания проекта автор использовал React, TypeScript и MobX.

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

https://tproger.ru/articles/sozdanie-todo-list-beskonechnoj-vlozhennosti-react-typescript-mobx

#туториал

​Rematch — Redux без шаблонного кода

Rematch — это интуитивный и легковесный фреймворк для управления состоянием вашего веб-приложения на основе Redux. Он предлагает простой и эффективный подход к организации и управлению Redux-хранилищем, сокращая количество лишнего кода и упрощая разработку.

Автор статьи предлагаю вам ознакомиться с основными преимуществами Rematch и узнать, как просто и эффективно использовать его для управления состоянием ваших приложений:

https://habr.com/ru/companies/usetech/articles/761168/

#rematch

Печально

GitHub тоже помогает развивать мелкую моторику

Поэтому почему бы не сделать анимацию его логотипа в стиле одного известного сайта для взрослых? Автор проекта подумал также и написал небольшой проект, использовав только HTML и CSS.

Если хотите сделать анимацию для какого-нибудь ещё «Хаба», то ссылку на проект оставили тут:

https://codepen.io/toshiya-marukubo/pen/qBPryZb

#codepen

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

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

При клике по вложенному контейнеру в консоль выводится сообщение «Внутренний контейнер». Если убрать event.stopPropagation(), то при клике по вложенному контейнеру, в консоль будут выведены оба сообщения.

#основы

Интерактивная галерея

Интересный способ презентовать товар для своих клиентов на вашем сайте. Для реализации проекта автор использовал CSS и библиотеку GSAP.js.

Посмотреть код можно тут:

https://codepen.io/GreenSock/pen/LYRwgPo

#codepen

... до нервного срыва

Предлагаю вам продолжить этот тред в комментариях👇

​Задачи по JavaScript

Изограмма – это слово, в котором нет повторяющихся букв. Реализуйте функцию, которая определяет, является ли строка, содержащая только буквы, изограммой. Предположим, что пустая строка является изограммой. Не обращайте внимания на регистр букв.

Пример:

isIsogram("Dermatoglyphics") // true
isIsogram("moose") // false
isIsogram("aba") // false

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

#задачи

​Задачи по 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