Веб-страница
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
Поверхностное и глубокое копирование в 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
Как запустить мобильное приложение за три недели с помощью PWA?

PWA — промежуточная технология между сайтами и нативными мобильными приложениями. По сути, это «прокачанная» копия веб-сайта, размещенная на устройстве пользователя и не требующая отдельной разработки для iOS или Android.

Какие задачи решают PWA-приложения, есть ли у них ограничения и почему Frontend-разработчики справляются с PWA-разработкой лучше других. Читайте в статье: https://tproger.ru/articles/kak-zapustit-mobilnoe-prilozhenie-za-tri-nedeli-s-pomoshhju-pwa/

В конце материала — инструкция по интеграции прогрессивного веб-приложения в сайт.

#pwa #фронтенд
👍16
Задачка на логику: как найти вероятность выпадения суммы выпавших значений k, если бросать n кубиков?

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

Алгоритм решения — на картинке, а здесь можно найти решение с подробным объяснением, в том числе и на языке JavaScript: https://habr.com/ru/post/676854/

#js
👍17💩7
Бэкендеры, держим спинку прямо
👍41😁102🔥2💩2