Веб-страница
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
​Fiber’ы — новая фича в PHP 8.1

Файберы привнесли некое подобие асинхронности в PHP. Конечно, PHP по-прежнему остаётся синхронным, а то, что делают файберы в PHP чем-то напоминает многопоточность в Java.

Если вы ещё не работали с файберами и хотите узнать о них побольше — читайте в статье:

https://tprg.ru/KHfR

#php
​Server-Sent Events: Простая замена веб-сокетам

Server-Sent Events — это технология, которая позволяет отправлять уведомления в одностороннем порядке от сервера к веб-браузеру в виде DOM-событий. Она может оказаться особенно полезной, когда требуется передавать регулярно небольшие порции данных длительное время.

Подробнее об этой технологии вы узнаете в этом видео:

https://tprg.ru/OX5Q

#видео
Различные способы реализации v-model во Vue

Те, кто работали во Vue знают о директиве v-model, которая позволяет осуществлять двустороннюю привязку данных к элементам форм, например input, textarea и другим.

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

https://tprg.ru/RNQu

#vue
Создание стилей с помощью флагов !default в Sass

Флаг !default позволяет устанавливать базовые стили при отсутствии альтернативных значений. Это удобно при работе с различными темами сайта, условной загрузке различных данных и так далее.

Здесь вы узнаете, как работать с !default на практике:

https://tprg.ru/BwxP

#css #sass
​Первое знакомство с Kubernetes: установка кластера k8s вручную

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

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

https://tprg.ru/UhX4

#kubernetes #devops
​Я: да не нужны мне готовые макеты! У меня отличное чувство вкуса, я могу сам сделать красивый сайт без всяких фигм и дизайнеров!

Мой сайт:
​Размещение JSON в CSS

Вам когда-нибудь приходило в голову засунуть JSON в CSS? Вот одному разработчику такая мысль пришла и оказалось, что CSS в общем-то не особо важно, что за стили и как они записаны, туда можно даже JSON записать, а потом извлечь его с помощью JavaScript. Зачем? Ну, например обойти CORS.

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

https://tprg.ru/hWCK

#css #json
Краткое руководство по методам call, apply и bind в JavaScript

Методы call, apply и bind очень часто используются в JavaScript, но при этом механизм их работы не всегда понятен и очевиден начинающим разработчикам.

Эта статья призвана понятно объяснить принцип работы этих методов с простыми примерами:

https://tprg.ru/rIs9

#javascript
Как загрузить правильные данные на стороне сервера с помощью React и Redux

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

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

https://tprg.ru/2qij

#react
​Немного о том, как работает виртуальный DOM в React

В React для каждого реального объекта DOM существует его виртуальная копия. В отличие от изменения реального DOM, виртуальный гораздо быстрее справляется со всеми изменениями.

Подробнее о то виртуальном DOM в React и о концепции виртуального DOM в целом читайте в статье:

https://tprg.ru/rKQn

#react
​9 JavaScript-приёмов для начинающих разработчиков

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

https://tprg.ru/VKZH

#видео #javascript
В той комнате все катятся по наклонной
​10 самых популярных вопросов на собеседовании по JavaScript

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

Здесь вы найдёте ответ на десять популярных вопросов по JavaScript, которые могут встретиться во время интервью:

https://tprg.ru/kWXd

#javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Переход к «Meta GSAP»: поиски «идеальной» бесконечной прокрутки

Работали когда-нибудь с JS-библиотекой GSAP?

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

https://tprg.ru/f48N

#фронтенд #javascript
Сеть контейнеров — это не сложно

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

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

https://tprg.ru/Hhv1

#devops #kubernetes
​Как очистить асинхронные эффекты в React

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

https://tprg.ru/uqE9

#react
​Kubernetes-in-Kubernetes и ферма серверов с загрузкой по PXE

Автор этой статьи поделился тем, как в его компании, имея крупную ферму серверов, используют кластеры Kubernetes для размещения в них других кластеров Kubernetes.

Как и зачем использовать такой приём читайте в статье:

https://tprg.ru/5H6Q

#devops #kubernetes
Область видимости и цепочка областей видимости в Javascript

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

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

https://tprg.ru/IGsJ

#javascript
Библиотеки для React в 2021

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

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

https://tprg.ru/o80h

#react
​Почему стоит использовать тег <picture> вместо <img>

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

Для решения этой задачи существуют различные способы и теги. В этой статье расскажут об HTML-тегах <picture> и <img> и их особенностях:

https://tprg.ru/hyP2

А что предпочитаете использовать вы и почему?

#фронтенд #html