Веб-страница
22.1K subscribers
2.18K photos
561 videos
2 files
4.46K links
Всё по фронтенду, бэкенду и девопсу в одном месте

Разместить рекламу: @tproger_sales_bot

Правила общения: https://tprg.ru/rules

Другие каналы: @tproger_channels

Сайт: https://tprg.ru/site

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
​Grafar — JS-библиотека для визуализации

Эта библиотека пока ещё не раскрыла свой полный потенциал, ведь автор только недавно опубликовал её. Однако, уже сейчас она может понравиться вам благодаря простому API, умению работать с 3D и 2D, реактивной интерактивностью и другими особенностями. Например, на картинке ниже вы видите результат работы семи строк кода.

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

https://tprg.ru/MdNx

#javascript
❤1
Как выбрать домен, который ускорит развитие сайта в несколько раз

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

https://tprg.ru/xlv0
​Современный подход к работе с куки

При работе с куки существует множество нюансов, которые стоит знать новичкам. Например, установка куки, их получение или работа с куки в сервис-воркерах.

Об этом и много другом вы узнаете тут:

https://tprg.ru/VZJP
​7 шагов по защите JavaScript в 2021 году

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

В этой статье рассмотрены 7 самых современных способов защиты JavaScript:

https://tprg.ru/nNqU

#javascript
Он ещё и ущипнуть может неплохо
Как правильно настроить размер области клика

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

Проблем кликабельности и их решений несколько, и в этой статье мы рассказываем о них:

https://tprg.ru/J8Vr

#фронтенд
Лучшие практики для дизайна модальных окон

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

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

https://tprg.ru/pvag

#фронтенд
​JavaScript-классы — это не просто «синтаксический сахар»

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

https://tprg.ru/aNyt

#javascript
​Пора прощаться с Internet Explorer

Уходит эпоха, но на этот раз этому можно только порадоваться!

Компания Microsoft объявила, что уже в следующем году она полностью прекратит поддержку браузера для скачивания браузеров.

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

https://tprg.ru/ajxl
This media is not supported in your browser
VIEW IN TELEGRAM
Инфографика популярных фронтенд-фреймворков

Хотите посмотреть, как развивались фронтенд-фреймворки для JavaScript?

Эта инфографика от Flourish Studio охватывает период с 2010 по 2021 год и наглядно показывает, как менялась популярность различных фреймворков. Некоторые, возможно, вы даже и не встречали.
А если нет разницы, зачем писать больше?!
Svelte для разработчиков React

Статья-обзор библиотеки Svelte, созданная специально для разработчиков React.

Если вам хочется понять основы, но не хочется лезть в документацию, то здесь вы сможете разобраться в том, как работает управлением состояние, взаимодействие с DOM и прочее:

https://tprg.ru/yJux

#svelte #react
​До 21 июня можно подать заявку в «Летнюю ИТ-школу КРОК»

«Летняя ИТ-школа» — это бесплатные двухнедельные интенсивы по 10 направлениям для студентов, после которых можно получить оффер и начать строить карьеру в КРОК. В программе актуальные знания от экспертов и большое количество практических заданий.

Занятия можно оформить как практику в вузе.

Оставить заявку и выполнить профильное задание: https://tprg.ru/WXBS

Это #парнёрский пост
​Трюки CSS, которые сделают из вас ниндзя вёрстки

В CSS много скрытых и неочевидных приёмов. Здесь вы найдёте несколько таких особенностей и приёмов:

https://tprg.ru/h3Le

#фронтенд #css
​10 главных ошибок, которых следует избегать при использовании React

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

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

https://tprg.ru/7mRz

#react
Выявление устройств с сенсорными экранами на чистом CSS

В настоящий момент CSS-свойства медиа-запросов hover и pointer до сих пор находятся в черновике стандарта CSS4. Тем не менее, уже сейчас большинство браузеров добавили поддержку этих свойств.

В этой статье вы можете узнать, что это за свойства и как они помогают разработчикам при работе с сенсорными экранами:

https://tprg.ru/YVZm

#фронтенд #css
​10 лучших библиотек React-хуков

Хуки в React позволяют привязывать работы вашего кода к состоянию жизненного цикла страницы. Без них в настоящее время сложно представить React-разработку.

В этой статье представлены 10 библиотек хуков, которые можно использовать в современных проектах:

https://tprg.ru/I7H6

#react
👍1
А ещё это и мобильные приложения, и десктопные, и многое другое
15 полезных инструментов для веб-разработки в 2021 году

В этой подборке вы найдёте базу сниппетов, шпаргалку для Bootstrap, помощник в создании файлов .gitignore и многое-многое другое, что пригодится каждому веб-разработчику:

https://tprg.ru/Wjh7
​обновлённый JavaScript-движок в Google Chrome 91 ускорил браузер на 23%

Вообще, свежее обновление сконцентрировалось на производительности. Так, например, Windows-версия стала наа 22% менее требовательной к памяти компьютера:

https://tprg.ru/dYMC
👍1