Веб-страница
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
​Сравнение Kotlin и Java при написания backend-приложений

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

https://tprg.ru/IC0p

#бэкенд #java #kotlin
Создание простого веб-сервера с помощью Node.js и Express

Научились верстать страницы? Круто! Но пора двигаться дальше. Для того, чтобы создать полноценный сайт необходимо создать и настроить сервер. В этом может помочь популярная связка Node.js и Express.

Эта статья познакомит вас с этими инструментами и научит создавать простой веб-сервер:

https://tprg.ru/a3FE
​Работающий секундомер на чистом CSS

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

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

https://tprg.ru/oCf5

#codepen
WordPress выпустил более быструю версию блочного редактора Gutenberg

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

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

https://tprg.ru/M7ja

#wordpress
Ucoz наше всё!
​Разрушение монолита

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

https://tprg.ru/sbgW
6 хороших практик по HTML и CSS

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

Вот, кстати, статья с ними:

https://tprg.ru/Ydg6

#фронтенд #html #css
​Вы в идеале изучили какой-то язык программирования и думаете, что теперь вас возьмут на работу куда угодно?

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

У нас появился новый Telegram-канал Soft Skillz, который подойдёт не только айтишникам, но и всем, кто хочет быть продуктивным и эффективным: @soft_skillz
Два сына веб-разработки — один умный, другой красивый
​Реализация восстановления прокрутки в приложениях React для электронной коммерции

Знаете эту раздражающую особенность некоторых интернет-магазинов, когда при возврате к списку товаров после просмотра определённой позиции страница открывается с самого начала и вам нужно заново листать до места, где вы остановились?

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

https://tprg.ru/rzj1

#react
DevTools Tips

На сайте devtoolstips.org собраны самые разные советы, лайфхаки, интересные возможности девтулзов различных браузеров и многое другое. Автор проекта самостоятельно собирает всю полезную информацию и размещает её на сайте:

https://tprg.ru/J0c2
​GitHub выпустила облачный Visual Studio Code, который работает в браузере

Называется он Codespaces и обладает всё теми же особенностями, что и обычный VS Code: редактор, терминал, расширения, GitHub Copilot и так далее. При этом работать в нём можно с любого устройства.

Подробнее рассказали в нашей статье:

https://tprg.ru/vXgz
🔥2
​14 советов по оптимизации кода JavaScript для фронтенд-разработчиков

В этой статье собраны советы и рекомендации по повышению производительности вашего JavaScript-кода и ускорению загрузки сайта:

https://tprg.ru/FSWn

#фронтенд #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Отображение дополнительного содержимого при прокрутке

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

Посмотрите, как это реализовано:

https://tprg.ru/6itF

#codepen
Дяденька, у вас усы отклеились
​Svelte за 100 секунд

Посмотрев это видео, вы не станете специалистом по Svelte, но вы сможете познакомиться с основными особенностями и возможностями этого фреймворка.

Убедитесь сами:

https://tprg.ru/9C7W

#видео #svelte
​Появилась онлайн-игра для JavaScript-разработчиков

Если вам нравятся стратегии, онлайн-игры и JavaScript, то Yare.io вам точно придётся по душе.

Все действия в игре осуществляются с помощью написания JS-кода, а суть игры в том, чтобы разрушить базу противника, расширяя свою армию за счёт сбора энергии звёзд. Звучит интересно, не так ли?

Проявить свои навыки JS-программирования и стратегическое мышление можно тут:

https://tprg.ru/Ls3U

#javascript
Игра «Охота на утку» на CSS

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

Автору этой реализации хватило HTML и CSS, обёрнутых препроцессорами:

https://tprg.ru/eVuM

#codepen
​Как использовать push-уведомления в Angular

В этой статье предлагается реализовать push-уведомления с помощью Angular Service Worker. Особенность этого способа в том, что push-уведомления смогут приходить даже, если в браузере закрыта вкладка с вашим веб-сайтом.

Подробнее:

https://tprg.ru/WzeU

#angular