​Как VK вставляет данные в ClickHouse с десятков тысяч серверов

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

Если не хочется смотреть видос, то есть текстовая версия доклада:

https://tprg.ru/4TmR

#бэкенд #базыданных

Как вам такой аудио визуалайзер музыки? Можно выбрать музыку из предлагаемой, а можно через поиск найти свою:

https://tprg.ru/mf3t

#фронтенд #кек

Дельный совет по оптимизации веб-приложений без изменения код на проде от Cloudflare

https://tprg.ru/MURW

Используется Cloudflare Workers для модификации запросов и WebPageTest для самих тестов (если вы этот сервис ещё не используете, то пора бы уже). Например, можно инжектировать в хедер preload для важных скриптов и посмотреть, как это повлияет на время до отрисовки. При этом на проде вообще ничего не поменяется, запросы модифицируются на лету.

Полный доступ к необходимой функциональности Cloudflare Workers обойдётся в 5$.

#фронтенд #оптимизация

Кейс: реактивный подход в высоконагруженном приложении на примере сервиса для начисления кэшбэка

Статья для тех, кто начинает работу с микросервисами и Project Reactor. В ней описываются основные особенности этих технологий и то, с чем придётся столкнуться и работать.

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

Читайте, как команда решала эту задачу:

https://tprg.ru/rR54

#react #микросервисы

Подборка из 10 популярных библиотек для создания CSS-анимации:

https://tprg.ru/8PgB

#фронтенд #css

Шпаргалка по WordPress

https://tprg.ru/kjIt

Всё, что каждый день нужно при работе с WordPress, на одной странице: популярные функции, хуки, шаблоны кода.

Также читайте: опыт работы с WordPress-блогом и его поддержкой

#фронтенд #wordpress

Как прятать элементы на странице

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

В статье читайте:
— про способы скрытия элементов при помощи HTML и CSS;
— о том, когда это уместно делать;
— как делать красивую анимацию скрытия;

https://tprg.ru/bD0r

#фронтенд #html #css

Использование IndexedDB с Vue.js

Статья, автор которой на простом примере показывает взаимодействие IndexedDB с Vue.js:

https://tprg.ru/gvCO

Также читайте: основы использования IndexedDB

#фронтенд #базыданных #indexeddb

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

https://tprg.ru/NWah

#фронтенд #css

Лучшие IT-выступления прошлого года

Составили несколько подборок лучших IT-выступлений прошлого года по нашей версии. Делимся с вами подборками по веб-разработке и дизайну интерфейсов:

— веб-разработка: https://tprg.ru/u1lc
— UX и дизайн: https://tprg.ru/JiPQ

#фронтенд #бэкенд #ux #дизайн

Алгоритмы и структуры данных на JavaScript

В этом репозитории собрано большинство основных алгоритмов, написанных на JavaScript и протестированных:

https://bit.ly/2tjcHPb

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

#javascript #алгоритмы

Node.js vs Python. На чём писать бэкенд?

Автор этой статьи попытался разобраться в вопросе. Он сравнил технологии по нескольким критериям: архитектура, скорость, синтаксис, масштабируемость, расширяемость, библиотеки, универсальность, сложность, комьюнити.

https://tprg.ru/QfHm

В результате сравнения небольшое преимущество автор отдал Node.js. А какую технологию предпочитаете вы?

#бэкенд #nodejs #python

Подборка настраиваемых шаблонов для создания безопасной облачной инфраструктуры. Пригодится, если вы используете AWS и Cloudformation:

https://tprg.ru/Mvk1

Читайте также: возможности облака для разработчиков

#devops #облака #безопасность

​Актуальный чек-лист для создания производительных веб-приложений

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

https://tprg.ru/Tq13

#фронтенд #шпаргалки

brython — интерпретатор Python на JS

https://tprg.ru/NVE1

Его разработали, чтобы заменить JavaScript во фронтенд-разработке. С его помощью можно вызывать нативные JS-функции, использовать canvas, отправлять AJAX-запросы, импортировать модули и т.д..

Для работы с кодом есть онлайн IDE c автодополнением. Различные демки можно посмотреть здесь.

С таким инструментом и «full stack» в резюме написать не стыдно.

#фронтенд #python

Подборка из 90+ ресурсов, которые помогут разобраться в дизайне. Полезно не только дизайнерам, но и продактам, PM'ам, разработчикам:

https://tprg.ru/vu7U

#фронтенд #дизайн

Приёмы и хитрости, которые упростят жизнь разработчика

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

Оптимизация поиска всяких полезностей, контроль за своим личным временем, фишки гита, фокусы командной строки — всё собрали в подборке:

https://tprg.ru/jgZ6

​Огромная подборка типичных задач с собеседований по JavaScript

https://tprg.ru/HNKc

Всего 145 задач. Многие из них типа «Что будет выведено в консоль после выполнения кода?». При необходимости можно выбрать русскоязычную версию подборки.

#javascript

В нашем Типичном боте есть крутая функция — подписка на рассылку новостей. Присылаем только самое интересное и важное, раз в день по будням.

Подписывайтесь, заваривайте себе кофейку и смотрите, как сотрясается айти: @tproger_official_bot

​Node-RED — визуальный язык программирования с Node.js под капотом

Есть написанные на JS + HTML ноды, для которых можно задавать разные свойства, есть связи между нодами. Можно просто открыть Web IDE, накидать нод, задать свойства, задеплоить, и код улетит на бэкенд в Node.js рантайм и сразу же там исполнится.

Получившийся визуальный код можно сохранить в виде JSON-списка нод. Встроенные ноды позволяют работать с HTTP-запросами, MQTT, веб-сокетами, TCP, UDP, читать и парсить файлы в разных форматах.

Документация, начальные настройки на сайте языка: https://tprg.ru/1rZv

Cookbook с разными примерами кода: https://tprg.ru/ihT1

#бэкенд #nodejs

Годный справочник по методам console в JavaScript:

https://tprg.ru/AMbB

#javascript