Веб-страница
24.2K subscribers
1.73K photos
527 videos
1 file
3.92K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Пошаговое руководство по созданию фуллстак-приложения за час
👍103😁47🥰136🤩6🤔2👏1
Будущее интернета: как работают протоколы HTTP/3, QUIC и зачем они нужны

Новый стандарт протокола HTTP (обозначенный как HTTP/3), на базе которого работает всемирная паутина, находится в разработке с 2018 года и в настоящее время проходит этап рассмотрения интернет-проекта. А в этой статье вы узнаете об эволюции протокола HTTP, транспортном протоколе QUIC, преимуществах и недостатках HTTP/3 и, наконец, о возможном будущем интернета благодаря HTTP/3:

https://proglib.io/p/budushchee-interneta-kak-rabotayut-protokoly-http-3-quic-i-zachem-oni-nuzhny-2022-07-26

#http #web3
👍15
Неочевидно, но факт: 5 способов использовать метод reduce в JS

Современный стандарт JavaScript предоставляет множество методов для «умного» перебора массивов. В случае, когда нужно пройтись по массиву и, например, суммировать все значения, найти среднее или произвести какие-либо промежуточные действия, лучше использовать метод reduce.

В каких сценариях его можно применять — в этой статье:

https://tproger.ru/articles/neochevidno-no-fakt-5-sposobov-ispolzovat-metod-reduce-v-js/

#javascript
👍21
Поверхностное и глубокое копирование в JavaScript

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

Цель данной статьи  —  уберечь вас от подобных недоразумений:

https://nuancesprog.ru/p/15960/

#javascript
🤔7🔥6👎3👍2
LambdaTest

Это мощная платформа для тестирования веб- и мобильных приложений, проверки кросс-браузерности во всех популярных браузерах на различных ОС, включая мобильные платформы и MacOS.

Подробне о платформе можно узнать здесь:

https://www.lambdatest.com/

#инструмент
👍94
Google Maps – всё? Переходим на Яндекс Карты в React Native приложениях

Сейчас при разработке мобильных приложений Google Карты лучше не использовать. У этого две причины: сервисы Google нельзя оплатить и есть шанс, что их могут заблокировать в России.

В текущей ситуации можно попробовать перейти на Яндекс Карты. Команда разработки VVDEV расскажет, как это сделать:

https://tproger.ru/articles/google-maps-vsjo-perehodim-na-jandeks-karty-v-react-native-prilozhenijah/

#reactnative
🤮76🕊9👍6💩6🔥4👎3😁21👏1🤔1🤬1
Что, когда, почему и как: Новая функция промежуточного программного обеспечения Next.js

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

https://www.smashingmagazine.com/2022/04/next-js-middleware-feature/

#nextjs
👍18🤔1
14 правил линтинга, которые помогут вам писать асинхронный код в JavaScript

Отладка асинхронного кода в JavaScript может иногда напоминать навигацию по минному полю. Вы не знаете, когда и где будут распечатаны console.logs, и вы понятия не имеете, как выполняется ваш код. К счастью, у нас есть линтеры, которые отлавливают некоторые из наших ошибок до того, как мы отправим их в продакшн.

В этой статье приведён список правил линтинга, специально предназначенных для помощи в написании асинхронного кода на JavaScript и Node.js:

https://maximorlov.com/linting-rules-for-asynchronous-code-in-javascript/

#javascript
👍5
Гайд по работе с GitHub Copilot

Месяц назад вышел GitHub Copilot — инструмент, который помогает разработчикам писать код. Сервис доступен по подписке от $10 в месяц. Если хотите попробовать его в деле, то в этой статье собраны несколько полезных советов и инструкция по использованию:

https://tprg.ru/Dt6S

#github
👍12👎5
Селектор родительского элемента :has в CSS

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

https://ishadeed.com/article/css-has-parent-selector/

#css
👍11👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Карточка продукта на чистом CSS

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

https://codepen.io/cobra_winfrey/pen/OJXJeod

#codepen #css
👍79😱104
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать лучшие пропсы компонента Vue

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

https://teamhood.com/engineering/vue-js-component-props/

#фронтенд #vue
👍12
​​Когда команда хвалит тебя за то, что ты поднял сайт, который сам же и уронил:
😁6847👏6👍2
Вы стали Junior-разработчиком. Что дальше?

А дальше — кипа непривычных задач и работы, которая точно не волк и в лес не убежит. Вдобавок, за первые дни джун должен ещё и успешно влиться в команду. Как всё успеть, ничего не запороть и при этом не выгореть?

Рассказываем, как вести себя джуну в первые 100 дней работы: https://tproger.ru/experts/100-dnej-na-pozicii-junior/

#советы
👍35😁20🤩3👎2
Интересно, это хард или софт-скилл?
👎70👍35😁335💩2
Прежде чем создать приложение, сначала нужно продумать и реализовать его структуру

И вот интересный двухчасовой урок-практикум, с помощью которого вы научитесь строить структуру своего PHP-приложения, соберёте его каркас и реализуете аутентификацию, используя ООП.

#php
👍92
Как настроить облако на Linux Ubuntu 20.04, 1C и Apache

После ухода западных вендоров корпоративных систем учета бизнесу приходится адаптировать отечественные аналоги. И к сожалению, часто замещать приходится весь стек, на котором «крутится» корпоративный софт, включая сервера и ОС.

Так вот, чтобы облегчить переход, делимся годным гайдом по настройке такого набора на примере комбинации 1С, Ubuntu и Apache. Всё с пошаговыми инструкциями, скриншотами и на примере реальной компании:

https://tproger.ru/articles/kak-nastroit-oblako-na-linux-ubuntu-20-04-1c-i-apache/

#linux
🤮15😁12👍2👎2
Что почитать веб-разработчику: «JavaScript. Полное руководство», Дэвида Флэнагана

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

Издание полно яркими примерами кода и новыми главами, в которых раскрываются классы, модули, итераторы, генераторы, объекты Promise и async/await.

#javascript #книги
👍43🔥21