Веб-страница
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
​W3C внедрил новый аудио-стандарт

Теперь и Web Audio API носит статус официально рекомендованного.

С его помощью веб-разработчики могут совершенно по-разному манипулировать звуковой составляющей в своих проектах. При этом работа API чем-то напоминает то, как устроен DaVinci Resolve со своей нодовой системой:

https://tprg.ru/Rk9h
👍1
Как динамически импортировать модули ECMAScript

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

В этой статье вы узнаете как это сделать:

https://tprg.ru/xZyh

#javascript
Забирайте себе список навыков и технологий, которые нужны хорошему фронтенд-разработчику. Пост пригодится новичкам, а более опытные подписчики могут дополнить список в комментариях.
​Начало работы с Webpack

В своей работе веб-разработчик использует множество разных инструментов. Один из них Webpack — сборщик, который позволяет разработчику оформить разрозненные файлы проекта в единое приложение для наиболее эффективной работы.

Здесь вы можете познакомиться с Webpack подробнее:

https://tprg.ru/9X0K

#webpack
Как создать приложение для геокодирования на Vue.js с помощью Mapbox

С помощью геокодирования можно преобразовывать текстовые местоположения в географические координаты и наоборот.

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

https://tprg.ru/NYb9

#vue
​Как использовать Svelte Kit с Tailwind CSS для своевременной компиляции

Давайте выжмем максимум из вашего следующего проекта! В этой статье вы узнаете, как настроить проект с использованием последних версий Svelte и Tailwind:

https://tprg.ru/HiZy

#svelte #tailwind
Осталось на коньки встать
iPod.js — веб-версия легендарного плеера с авторизацией через Spotify и Apple Music

В своё время многие мечтали об iPod Classic, но не могли себе позволить. Сейчас у вас появилась возможность попробовать iPod в деле, благодаря проекту iPod.js, который с большой точностью воспроизводит оригинальное устройство. Тут даже знаменитое сенсорное колёсико Click Wheel работает, а ещё есть пасхалки и даже игра!

Подробнее в нашей статье:

https://tprg.ru/GFof

#javascript
8 бесплатных JavaScript-библиотек анимации: работа с текстом, SVG и геометрическими фигурами

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

Посмотрите сами:

https://tprg.ru/pzk6

#javascript
​Анонсирован React 18

На днях анонсировали разработку восемнадцатой по счёту версии библиотеки React. В грядущем обновлении появится большое количество новых возможностей. Появится новый Root API, который заменит в том числе привычную функцию render, также появится параллельный рендеринг и многое другое.

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

https://tprg.ru/Vg4v

#react
Полное руководство по виртуальному DOM React

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

Это сложный, но интересный механизм, который позволяет нам сегодня видеть многие сайты такими, какие они есть. И об этом механизме подробно рассказано здесь:

https://tprg.ru/xDOT

#react
​Альтернативы Redux в 2021 году

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

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

https://tprg.ru/UQMs

#redux