​Создание универсального кроссбраузерного слайдера

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

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

https://tprg.ru/ilr3

#фронтенд

​Diet Piechart

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

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

https://tprg.ru/TBpR

#codepen

​Как освоить фронтенд-разработку в 2022 году: дорожная карта

Мы подготовили для вас актуальную дорожную карту по фронтенду, выкинув из неё устаревшие технологии и добавив то, что становится всё популярнее или и вовсе захватывает сферу:

https://tprg.ru/X2ZO

#фронтенд

​Чак Норрис может всё, даже быть цветом для HTML

Да, Чак Норрис настолько крутой, что даже атрибут bgcolor="chucknorris" HTML воспринимает как цвет. И это даже не шутка разработчиков, а особенности HTML.

Наши подписчики тоже круты, поэтому могут в значении атрибута написать своё имя и HTML присвоит цвет.

О том, почему так происходит, узнаете в этой статье:

https://tprg.ru/8qJF

А какого цвета вы по версии HTML?

#фронтенд #html

​Наглядная история веба

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

https://tprg.ru/f2Ie

​Когда питонист уходит в веб-разработку:

​Как стать разработчиком React в 2022 году

По данным опроса, проведённого StackOverFlow в 2021 году, React является самым востребованным веб-фреймворком. В 2022 году в React-разработчиках будет нуждаться больше компаний, чем когда-либо.

Так что же нужно знать, чтобы смело ставить галочку в графе «Знание React»? Ответ здесь:

https://tprg.ru/Xgsa

#фронтенд #react

​Крутой эффект шифрования текста на чистом JS

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

https://tprg.ru/N6Qa

#видео #javascript

​Уязвимость браузера Safari может привести к утечке данных и раскрытию личности пользователя

Именно к такому выводу пришли исследователи из FingerprintJS. Дело в том, что в Safari 15 механизм IndexDB нарушает правила ограничения домена, что позволяет одним веб-сайтам получить данные, хранящиеся от других сайтов.

Подробнее о проблеме в статье:

https://tprg.ru/7cw2

#новости

​Группировка массивов в JavaScript

JavaScript шаг за шагом обогащает свою стандартную библиотеку, добавляя новые возможности работы со строками и массивами. В этой статье речь пойдёт о новых методах array.groupBy() и array.groupByToMap(), которые предлагают новые способы сортировки массивов:

https://tprg.ru/opcx

#javascript

Древняя технология

​Тудушка с хранением данных в localstorage

Создание списка дел — один из первых вызовов с которыми сталкивается начинающий разработчик. Подойти к созданию такого простого инструмента можно по-разному.

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

https://tprg.ru/enqf

​Как освоить бэкенд-разработку в 2022 году: дорожная карта

Про фронтенд мы рассказали тут. Теперь пришла поговорить о том, что актуально сегодня в бэкенд-разработке, на что стоит обратить внимание, а что уже морально устарело и не стоит вашего времени.

Подробности:

https://tprg.ru/wbUF

#бэкенд

​Как движки JavaScript достигают высокой производительности

Будучи динамически типизированным, с несколькими типами ложных значений, без достаточной оптимизации готового кода, JavaScript остаётся быстрым и производительным. Как ему это удаётся?

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

https://tprg.ru/WdA3

#javascript

​Введение в Redux Toolkit для начинающих

В этой статье вы узнаете о Redux Toolkit, инструменте, который решает проблему управления состояниями множества компонентов React. Redux предоставляет централизованное «хранилище», в котором хранятся все состояния в приложении. Каждый компонент в приложении может получить доступ к этому хранилищу без необходимости передавать свойства в дереве компонентов.

Подробнее:

https://tprg.ru/f95k

#redux

Не переделывать же всё

​Создание компонента React с помощью TDD

Подход TDD, или Test-Driven Development, предполагает очень короткий цикл разработки, который повторяется до достижения необходимого результата путём постоянного проведения тестов кода и внесения необходимых изменений.

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

https://tprg.ru/9TA0

#react

​Топ 10 JavaScript-фреймворков и библиотек в 2022

В этой статье вы не найдёте Angular, Vue или React, потому что о них и так слышали все. Мы решили сосредоточиться на менее известных, но полезных решениях. Там также представлены плюсы и минусы каждого продукта, взятые из отзывов реальных пользователей.

Подробнее:

https://tprg.ru/8ZXr

#javascript

​​Создание бесконечного цикла фонового изображения CSS

Бесконечная прокрутка изображений по-разному используется в приложениях и на веб-сайтах, которыми мы пользуемся ежедневно. В этой статье вы изучите два способа создания эффекта бесконечной прокрутки с использованием фоновых изображений с некоторой базовой HTML-разметкой и CSS:

https://tprg.ru/0aGD

#css

​Reacting in Svelte — понимание компонентов в svelte на основе знаний React

Svelte — относительной молодой фреймворк, который достаточно быстро обретает преданных поклонников. Одним из них стал автор статьи, который даже перевёл свой сайт-портфолио с React на Svelte. О том почему он это сделал, читайте в статье:

https://tprg.ru/LGyA

#svelte