Веб компоненты от 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

<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

В эту субботу, 14 сентября, в Воронеже пройдёт бесплатный митап, посвящённый фронтенду.

На митапе обсудят инструменты разработки и лучшие практики, качество и тестирование, адаптивность, быстродействие интерфейсов. Поговорят о том, что сейчас происходит в WebAssembly, GraphQL, Svelte, Progressive Web Applications, React и Redux, затронут Vue, MobX, css-modules, css-in-js, styled components.

Регистрация: https://tproger.ru/events/frontend-meta-conf/

#ивенты

Сегодня хотим поделиться с вами статьёй, автор которой рассказывает, как заанимировать адресную строку браузера: https://tprg.ru/YOzr

Зачем? Да потому что может.

#кек #javascript

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

Об этих вопросах и пойдёт речь в статье: https://tprg.ru/BIs7

#фронтенд #css

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

#инструменты #мониторинг

С праздником, веб-программисты!

Поздравляем с Днём программиста!

Чистого вам кода, хороших джуниоров, верной клавиатуры и быстрых компиляций!

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

Пишите «тесты ко дню программиста» и проходите: @tproger_official_bot