Веб-страница
24.1K subscribers
1.74K photos
533 videos
1 file
3.95K links
Всё по фронтенду, бэкенду и девопсу в одном месте

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

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

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

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

Регистрация в перечне РКН: https://tprg.ru/64ai
Download Telegram
Google Cloud выпустил отчёт «State of DevOps 2019»

Всего было опрошено более 30 000 девопс-специалистов.

Что можно оттуда узнать?
— количество elite performers увеличилось до 20% (в 2018 году было 7%);
— elite performers в основном используют облачную инфраструктуру;
— только треть пользователей облачных технологий использует их полную функциональность;
— в компаниях до 5 000 человек девопс-технологии работают эффективнее.

Полный отчёт здесь: https://tprg.ru/umtq

#devops
Mozilla против таргетинга

В новой версии Firefox по умолчанию запрещено отслеживание cookies, которые используются для составления портретов пользователей для рекламного таргетинга: https://tprg.ru/Qj4v

В Mozilla рассказали, что до Firefox 69 только 20% пользователей использовали возможность запрета отслеживания по cookies.
Подробные уроки по Laravel 5 от Джеффри Вэя с озвучкой на русском языке

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

Все уроки — в плейлисте на YouTube: https://tprg.ru/AGHU

#laravel #php
Бесплатная конференция для JavaScript-разработчиков PiterJS

Пройдёт 7 сентября в Санкт-Петербурге.

О чём будут рассказывать?
— о техниках оптимизации размера JS/CSS/IMAGE;
— о преимуществах и недостатках функциональных шаблонов;
— о запуске Telegram в VS Code;
— о состоянии современного веба, последних новостях, проблемах и интересных кейсах.

Нужно просто зарегистрироваться: https://tproger.ru/events/piterjs-conf/

#ивенты #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Интерфейс для ввода данных банковской карты, реализованный с помощью React.

Как установить и использовать, читайте в репозитории: https://github.com/medipass/react-payment-inputs

#фронтенд #react
Веб компоненты от Angular к React

В Яндекс.Браузере для разработки интерфейсов на JavaScript используются веб-компоненты. В докладе спикер рассказывает, почему так получилось и нравится ли ему это.

Также он размышляет о веб-компонентах в целом: какими они задумывались и что с ними будет дальше. Ещё рассказывает про закрытие проекта Polymer, а также почему все компонентные фреймворки могут повторить его судьбу.

#фронтенд #javascript #angular #react
Кастомизируемый видеоплеер, написанный на React.

В репозитории — исходники и информация о том, как настроить и использовать: https://github.com/art-mironoff/react-video-markers

#фронтенд #react
Принципы SOLID в проекте на Vue.js

Перевод статьи, автор которой показывает принципы SOLID на примере реального проекта на Vue.js. Понимание их практического использования поможет избежать многих архитектурных ошибок: https://tprg.ru/CYW6

Также читайте подробнее о принципах SOLID.

#фронтенд #vuejs
Тестирование JavaScript и Node.js

В этом репозитории собраны актуальные лучшие практики по тестированию JavaScript и Node.js приложений: https://github.com/goldbergyoni/javascript-testing-best-practices

Подборка из 45+ советов составлена на основе десятков статей, книг и инструментов:
— cтруктура тестов,
— тесты для бэкенда и микросервисов,
— UI-тесты для веб-компонентов,
— анализ эффективности тестов,
— настройка CI.

#javascript #nodejs #тестирование #лучшиепрактики
Обновления стандарта ECMAScript

Обновили синтаксис try-catch блока, добавили несколько новых функций для работы с массивами и строками, а также несколько других небольших изменений. Подробности и примеры здесь: https://tprg.ru/unHP

#javascript #es
Опыт использования Vue.js в «Едадиле»

Руководитель отдела разработки фронтенда «Едадила» рассказывает:
— как они начали использовать Vue ещё с версии 0.11,
— о подводных камнях Vue внутри webview нативного приложения,
— про не «стандартный подход» к организации кода и сборке.

А у нас на сайте — подробная текстовая расшифровка всего видео. Как таймкоды на YouTube, только с подробно расписанными основными тезисами: https://tproger.ru/video/vuejs-in-edadeal/

#фронтенд #vuejs
Golang: специфические вопросы производительности

По результатам опроса Stack Overflow 2018, язык Go входит в десятку самых высокооплачиваемых технологий. Поэтому сегодня уже имеет смысл разговаривать о его специфических проблемах. Например, о проблемах производительности.

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

А здесь расшифровка доклада: https://tprg.ru/Gryz

#бэкенд #go
Мы тут в соседнем канале IT Юмор над айтишными шутками смеёмся.

Давайте вместе с нами: @ithumor
This media is not supported in your browser
VIEW IN TELEGRAM
<portal> — новый HTML-элемент для встраивания контента на страницы сайта. Он призван обеспечить новый способ загрузки и навигации по веб-страницам: https://web.dev/hands-on-portals

По сути, <portal> — это более продвинутая версия <iframe>. Самая главная разница в том, что <portal> позволяет перемещаться внутри контента, который внедрён на страницу извне, а <iframe> не позволяет этого по соображениям безопасности.

А проблемы с безопасностью в <portal> определённо есть. Автор этой статьи знает как минимум о девяти: https://research.securitum.com/security-analysis-of-portal-element/

#фронтенд #html #безопасность
12 сентября в Санкт-Петербурге пройдёт встреча команды соцсети «Одноклассники» — ok.tесh: Cassandra Meetup #2: https://tproger.ru/events/ok-tech-cassandra-meetup-2/

Там будут обсуждать отказоустойчивость при работе с Apache Cassandra:
— что понимается под понятием отказоустойчивости;
— как выбрать Consistency Level и как он связан с репликацией и видами запросов;
— ситуация отказа ноды и как её тестировать;
— как размещать реплики;
— всё про веерные отказы, важность планирования нагрузки в отказах и их тестирование.

#ивенты #базыданных #cassandra
Серия статей про блокировки в PostgreSQL

— блокировки отношений: https://tprg.ru/qwNO
— блокировки строк: https://tprg.ru/WUIH
— взаимоблокировки, блокировки объектов, предикатные блокировки: https://tprg.ru/kAeI
— блокировки в памяти: https://tprg.ru/hreX

Также смотрите:
бесплатный курс по администрированию PostgreSQL;
бесплатный курс для разработчиков бэкенда с использованием PostgreSQL.

#бэкенд #базыданных #postgresql
Gixy — статический анализатор конфигураций nginx, разработанный в Яндексе.

Поможет отыскать подделки запросов со стороны сервера, переопределение заголовков ответов и многое другое. Подробности и нюансы использования в репозитории: https://github.com/yandex/gixy

#бэкенд #nginx
Основы ES6

Бесплатный видеокурс, который познакомит вас с основами ES6:
— установка и настройка Babel;
— синтаксис, строки, функции;
— объекты, классы, наследование;
— промисы, итераторы, генераторы.

Все уроки — в плейлисте на YouTube: https://tprg.ru/4nLm

#javascript #es
JavaScript на Google I/O 2019

2 части статьи посвящены новым стандартным возможностям JavaScript, о которых шла речь на конференции Google I/O 2019.

В первой части речь идёт о регулярных выражениях, о полях классов, о работе со строками: https://tprg.ru/VCbZ

Во второй — о разделителях разрядов чисел, о BigInt-числах, о работе с массивами и объектами, о globalThis, о сортировке, об API интернационализации и о промисах: https://tprg.ru/2Uci

#javascript
Как улучшить свой код на JavaScript

Статья, в котором рассказываем, как писать надёжный и поддерживаемый код на JavaScript: https://tproger.ru/translations/better-javascript-code-with-fp-features/

Добавили бы ещё каких-то советов?

#javascript