​​Тестирование в продакшене be like:

​Как работает JavaScript: массивы и хэш-таблицы

Структуры данных помогают эффективно хранить данные и взаимодействовать с ними. Как работать со структурами данных, узнать какие операции можно над данными проводить можно на примере массивов и хэш-таблиц. В этой статье вы узнаете в чём их принципиальная разница и какие проблемы они могут решать.

Подробнее:

https://tprg.ru/oaNP

#javascript

​Как создать простой сокращатель URL-адресов с помощью Node.js и MongoDB

В этом уроке вы узнаете, как создать простой сокращатель URL-адресов с нуля. В этом руководстве предполагается, что у вас уже есть базовые знания JavaScript, Node.js и MongoDB.

https://tprg.ru/cO9y

​React Testing Library. Полный курс

В этом видеокурсе вы рассмотрите тестирование React-компонентов с помощью библиотеки react-testing-library и научитесь делать это самостоятельно. Также вы познакомитесь с плюсами и минусами библиотеки.

https://tprg.ru/eSjG

#видео #react

​Когда бэкендер получил работу фуллстака:

​Умная техника липкого футера

Автор этой статьи поделился техникой создания липкого футера наиболее простым и современным способом. Повторить это может даже абсолютный новичок в вёрстке:

https://tprg.ru/k0mx

#css

​Файловая маршрутизация с React Router

В традиционной настройке маршрутизации React на стороне клиента с помощью маршрутизатора React вы объявляете свои маршруты в <Switch/> компоненте, добавляя <Route/> компонент для каждой страницы, указывая путь и соответствующий компонент, который будет отображаться как страница. Этот вариант отлично работает, но ему не хватает универсального соглашения.

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

https://tprg.ru/ybgc

#react

​5 распространенных ошибок при использовании promise

В своё время промисы стали спасение JavaScript-разработчиков от ада обратных вызовов. Сегодня промисы также продолжают использоваться, но из-за того, что некоторые люди не понимают, как именно устроен promise могут возникать ошибки.

В этой статье вы узнаете о 5 таких ошибках:

https://tprg.ru/c1Dm

#javascript

​Различные способы добавления комментариев на ваш статический сайт

Сегодня существует уже много готовых решений для добавления комментариев на ваш статический сайт.

Подробнее о них и способах их интеграции читайте в статье:

https://tprg.ru/aGCr

​Как скрыть/показать липкий заголовок при прокрутке с помощью JavaScript

Вы наверняка видели механику, когда при прокрутке сайта хедер с логотипом и меню прячется, а при обратной прокрутке появляется вновь. Хотите научиться делать также?

В этой статье вы найдёте подробную инструкцию по реализации такой фичи:

https://tprg.ru/kIOJ

#javascript

​Если вы дата-инженер уровня middle+, то Ozon приглашает вас на Data New Year

Вы сможете:

— познакомиться с тимлидами и Q&A;
— самостоятельно выбрать команду для прохождения собеседования;
— получить оффер от Ozon в тот же день.

Оставить заявку можно до 17 декабря на сайте: https://goo.su/CLo

Кстати, руководитель направления хранения и обработки данных Ozon Tech подготовил для вас видео. Он расскажет, что такое бизнес разведка, а также как его команда превращает информацию в значимые данные.

Это #партнерскйи пост

Двойные стандарты какие-то

Интересная реализация формы для входа с эффектом 3D

Каждый этап входа представляет собой отдельную строку, сменяющую предыдущую с помощью интересной анимации. Посмотреть, как это реализовано можно тут:

https://tprg.ru/q1a3

#codepen

​Исследователи обнаружили зловредные пакеты NPM, которые воруют токены Discord

Всего было обнаружено 17 вредоносных пакетов, которые намеренно стремятся атаковать и украсть токены Discord пользователя. Захват такого токена даёт полный доступ и контроль над учёткой пользователя.

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

https://tprg.ru/KOjU

#новость #npm

​Проверяем свои навыки вёрстки в CSSBattle

CSSBattle — это увлекательная игра в жанре code golf, где вам как и в гольфе нужно достичь цели с наименьшим количеством действий. В нашем случае необходимо сверстать определённую фигуру с наименьшим количеством кода, соревнуясь с другими участниками.

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

https://tprg.ru/Rhcu

​Мини-курс по паттернам в JavaScript

Знание различных паттернов может сильно облегчить работу с кодом, позволяя избежать создания велосипедов и хардкода, а также быстро применяя лучшие практики. В данном видеокурсе вы рассмотрите 22 самых распространённых паттерна проектирования, которые используются при разработке.

https://tprg.ru/PqKY

#видео #javascript

Когда родители пишут на плюсах

​Когда следует использовать многостраничные приложения?

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

Может возникнуть вопрос «А зачем и когда стоит использовать многостраничные сайты, если сделать одностраничник сегодня может практически каждый?»

В этой статье попробовали ответить на этот вопрос:

https://tprg.ru/oZvX

​Эффект матового стекла в CSS

Эффект матового стекла, или более известный как стекломорфизм, уже довольно давно является трендовой функцией пользовательского интерфейса. Mac OS славится своим эффектом матового стекла. В Windows 10 также реализован эффект матового стекла наряду с такими веб-сайтами, как Github.

Сегодня вы увидите два способа получить эффект матового стекла с помощью чистого CSS:

https://tprg.ru/MR41

#css

​Простое объяснение перегрузки функций в TypeScript

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

Как она работает, читайте здесь:

https://tprg.ru/HNWo

#typescript