С помощью CSS можно контролировать загрузку фоновых изображений, используя некоторые селекторы.

Как это можно использовать? Да хоть полноценный чат написать на чистом CSS: https://tprg.ru/13E6

#фронтенд #css

На диаграмме выше — архитектура современного веба.

В статье — рассказ про каждый элемент в деталях. Конечно, каждую тему можно рассмотреть гораздо подробнее, но в рамках этой статьи будут разобраны только основы. Этого должно хватить для понимания архитектуры современного веб-проекта:

https://tprg.ru/shRk

#архитектура

Как нужно проектировать API, чтобы пользователи вас ненавидели?

Вот несколько простых советов: https://tprg.ru/kUYQ

#бэкенд #api

Хотите добавить в свой сайт необычных UI-компонентов?

Присмотритесь к этим: https://tprg.ru/nqPY

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

Курс по SOLID-принципам

Небольшой текстовый курс, в котором вы сможете познакомиться с SOLID-принципами. Курс разбит на 3 логических этапа:

1. Сперва вы напишите простое JavaScript-приложение.
2. Затем познакомитесь с SOLID-принципами.
3. А после этого вы перепишите начальное приложение, уже используя в нём изученные SOLID-принципы.

Ссылка на курс: https://tprg.ru/tiQ2

#javascript #solid

Чем URI отличается от URL? И что вообще такое URN?

Краткий ответ — на картинке в посте, подробное объяснение — в этой статье: https://tprg.ru/3DXG

#интернет

Как защитить себя от слежки в интернете: разбираемся с конфиденциальностью в Firefox

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

Рассказываем, как защититься от такого навязчивого внимания и сохранить свои данные в секрете, используя инструменты браузера Firefox:

https://tprg.ru/MhGJ

#firefox #безопасность

Как вам такой «Сапёр» на чистом CSS?

Исходники смотрите здесь: https://tprg.ru/Af4B

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

​Анимация перемещения волн по окружности

В этом видео наш подписчик рассказывает, как создать такую анимацию на чистом JavaScript.

Ссылка на код: https://tprg.ru/k4sI

Другие уроки по анимации:
— эффект притяжения и отталкивания частиц;
— анимация хаотичных частиц;
— эффект волны;
— эффект электроразряда.

#фронтенд #javascript

70 вопросов по JavaScript

Большая подборка из популярных вопросов с ответами для подготовки к собеседованию по JavaScript:

https://bit.ly/2QTT8EJ

#javascript

Руководство по IndexedDB

Это NoSQL база данных, которую можно использовать внутри браузера для хранения большого количества данных. Если вы создаёте веб-приложение или расширение для браузера, в котором хранится много данных, на IndexedDB стоит обратить внимание.

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

https://tprg.ru/dVa7

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

Как «:is()» упрощает фронтенд-разработчику жизнь:

https://tprg.ru/hIsG

#фронтенд #javascript

​Анимирование SVG

В этом видео наш подписчик рассказывает, как анимировать SVG на примере создания простого прелоадера.

#фронтенд #svg

CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки

Зачем фронтендеру разбираться в CI/CD, если для этого есть девопс-специалисты? Автор статьи считает, что это очень хорошая идея — разобраться, как ваше приложение будет автоматически собираться и деплоиться.

Он подробно рассказывает, зачем вообще это всё нужно и с помощью каких инструментов заставить это работать:

https://tprg.ru/cnO3

#фронтенд #ci

3 трюка для JavaScript

Как определить, является переменная примитивным или не примитивным типом данных? Что такое чистый объект и как его создать? Как удалить дубликаты из массива?

Разбираемся с этими тремя трюками в JavaScript:

https://tprg.ru/uh92

#javascript

Сборка и автоматизация деплоя в Kubernetes

Автор статьи решил разобраться в автоматизации сборки Docker-образов и деплоя в Kubernetes, целиком построенных на GitLab. При этом он использовал много других свободных инструментов: Hugo, QBEC, Kaniko, Git-crypt.

Здесь читайте подробности: https://tprg.ru/pfwG

#devops #docker #kubernetes

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

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

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

https://tprg.ru/4TmR

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

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

https://tprg.ru/mf3t

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

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

https://tprg.ru/MURW

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

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

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