«Самый большой React.js курс в интернете»

По крайней мере, так утверждает автор ролика.

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

Ну и никто не отменял таймкоды — по ним очень быстро можно сориентироваться и попасть на кусок видео, который интересует вас здесь и сейчас.

https://www.youtube.com/watch?v=qnwFpjIqsrA

Алярм, нас раскрыли!

Accordion Image Gallery

Стильный эффект расширения изображения при наведении на него. 

Реализовано на чистых HTML и CSS, никакого JavaScript.

Исходный код: https://codepen.io/stefcharle/pen/Gydvbx

#codepen

Регулярные выражения простыми словами

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

В своем материале он постарался помочь вторым стать первыми.

Если вас тоже начинает бросать в холодный пот при виде hello(\s*,\s*|\s+)world, то эта статья явно будет вам полезна:

https://habr.com/ru/companies/selectel/articles/848114/

Просто теперь за 10+ часов перед монитором и фрустрацию будут платить 🤷‍♂️

@ithumor

AI Side Panel

Интересное Chrome-расширение, с помощью которого можно вызвать ChatGPT и Google Gemini прямо в окне браузера в пару кликов.

Есть одно — для работы потребуется VPN. Сама же панель открывается комбинацией Alt + Q. 

Ссылка на расширение: https://chromewebstore.google.com/detail/ai-side-panel/icapcpllhdnnpcmfdcgpnbgchfenmjmg

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

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

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

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

Какие шрифты лучше использовать в IDE?

На этот вопрос решил ответить Бен Авад — автор некогда нашумевшего проекта VSCode Stories.

В своем свежем ролике он перебирает несколько популярных шрифтов для IDE, давая им оцени по 10-бальной шкале.

Спойлерить не будем — лучший вариант можно найти в видео по ссылке.

Не, ну этот разраб какой-то сачок...

Working with Backdrop Filters

Очень симпатичный и легкий в реализации набор веб-фильтров.

Самое приятное, что от разработчика не требуется JS-кода. Достаточно лишь HTML и CSS.

Исходный код проекта: https://codepen.io/MrRoberts/pen/eYMPqbe

Old but gold: ускорение в 30 раз — requestIdleCallback

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

Эта статья может быть полезна для понимания использования и влияния requestIdleCallback:

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

#оптимизация

Ubuntu — 20 лет!

Накануне один из самых популярных Linux-дистрибутивов отпраздновал круглую дату.

Как выглядела самая первая версия Ubuntu, где ее можно скачать и когда именно состоялся ее релиз — ответ на эти вопросы можно найти на нашем сайте:

https://tproger.ru/news/--samyj-populyarnyj-linux-distributiv-ubuntu-otmetil-20-letie

OSSU — бесплатный онлайн-университет по Computer Science

Обучение состоит из четырех блоков — введение, основы, продвинутый CS и итоговый проект, все на английском.

Для новоприбывших есть Discord-сервер на 3К+ активных участников.

171К звезд на GitHub как бы намекают, что здесь не шутки шутят, а делом занимаются.

Ссылка на университет: https://github.com/ossu/computer-science

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

— Старший менеджер производства SIM-карт
Где: удалённо
Опыт: от 3 лет

— Руководитель проектов
Где: Москва
Опыт: от 3 лет

— Стажер ML-разработчик
Где: Москва, Санкт-Петербург, Минск
Опыт: от 1 года

— Бэкенд-разработчик
Где: Москва, Санкт-Петербург, Екатеринбург, Новосибирск, Нижний Новгород, Минск
Опыт: от 1 года

— SMM-специалист в Tproger
Где: удалённо
Опыт: от 6 месяцев

#вакансии

А что не так?

Дилемма СТО: продолжать использовать проверенные технологии или рискнуть и внедрить что-то новое

Принцип «если работает, не трогай» давно знаком, но полное его соблюдение может остановить развитие и инновации. 

Главное — найти баланс между стабильностью и стремлением к прогрессу.

Мы, вместе с МТС, изучили, как принять решение между использованием привычных технологий и переходом на новые инструменты. 

Прочитать об этом можно в свежем материале на нашем сайте.

Как создать приложение Todo на React

Полезный туториал для фронтенд-разработчиков, в котором вы с нуля создадите приложение для ведения дел. Вы научитесь использовать хуки, а также продвинутые функции JavaScript.

Стартуем здесь.

#фронтенд #javascript #react

Eartho — open source альтернатива Google Sign-In

По словам разработчика, в своей утилите он сделал упор на приватность. И ему веришь

Так, благодаря Eartho пользователи не передают данные корпорациям, сохраняя при этом удобство быстрого входа через Google, Apple и т.д

Достигается это за счет того, что Eartho выступает в качестве промежуточного слоя между пользователем и IT-корпорациями

Подробнее про инструмент можно почитать в нашем материале по ссылке