Как защитить себя от слежки в интернете: разбираемся с конфиденциальностью в Firefox
Сайты стараются вытащить любой возможный кусочек информации о вас, потому что от того, насколько хорошо они вас знают, напрямую зависит их доход.
Рассказываем, как защититься от такого навязчивого внимания и сохранить свои данные в секрете, используя инструменты браузера Firefox:
https://tprg.ru/MhGJ
#firefox #безопасность
Сайты стараются вытащить любой возможный кусочек информации о вас, потому что от того, насколько хорошо они вас знают, напрямую зависит их доход.
Рассказываем, как защититься от такого навязчивого внимания и сохранить свои данные в секрете, используя инструменты браузера Firefox:
https://tprg.ru/MhGJ
#firefox #безопасность
Как вам такой «Сапёр» на чистом CSS?
Исходники смотрите здесь: https://tprg.ru/Af4B
#фронтенд #css #html
Исходники смотрите здесь: https://tprg.ru/Af4B
#фронтенд #css #html
Анимация перемещения волн по окружности
В этом видео наш подписчик рассказывает, как создать такую анимацию на чистом JavaScript.
Ссылка на код: https://tprg.ru/k4sI
Другие уроки по анимации:
— эффект притяжения и отталкивания частиц;
— анимация хаотичных частиц;
— эффект волны;
— эффект электроразряда.
#фронтенд #javascript
В этом видео наш подписчик рассказывает, как создать такую анимацию на чистом JavaScript.
Ссылка на код: https://tprg.ru/k4sI
Другие уроки по анимации:
— эффект притяжения и отталкивания частиц;
— анимация хаотичных частиц;
— эффект волны;
— эффект электроразряда.
#фронтенд #javascript
YouTube
[JS html5 Canvas] Эффект волнистые кольца + sources
В видео создадим эффект перемещения волн по окружности,
данная анимация набирает популярность и всё чаще встречается на просторах интернета в разных вариациях.
При создании кода не будут использованы дополнительные библиотеки, только чистый JS.
В ролике…
данная анимация набирает популярность и всё чаще встречается на просторах интернета в разных вариациях.
При создании кода не будут использованы дополнительные библиотеки, только чистый JS.
В ролике…
70 вопросов по JavaScript
Большая подборка из популярных вопросов с ответами для подготовки к собеседованию по JavaScript:
https://bit.ly/2QTT8EJ
#javascript
Большая подборка из популярных вопросов с ответами для подготовки к собеседованию по JavaScript:
https://bit.ly/2QTT8EJ
#javascript
Руководство по IndexedDB
Это NoSQL база данных, которую можно использовать внутри браузера для хранения большого количества данных. Если вы создаёте веб-приложение или расширение для браузера, в котором хранится много данных, на IndexedDB стоит обратить внимание.
В этом руководстве автор рассказывает про основы использования IndexedDB и показывает, как создать простое веб-приложение для заметок в качестве обзора концепций IndexedDB:
https://tprg.ru/dVa7
#бэкенд #базыданных #indexeddb
Это NoSQL база данных, которую можно использовать внутри браузера для хранения большого количества данных. Если вы создаёте веб-приложение или расширение для браузера, в котором хранится много данных, на IndexedDB стоит обратить внимание.
В этом руководстве автор рассказывает про основы использования IndexedDB и показывает, как создать простое веб-приложение для заметок в качестве обзора концепций IndexedDB:
https://tprg.ru/dVa7
#бэкенд #базыданных #indexeddb
Анимирование SVG
В этом видео наш подписчик рассказывает, как анимировать SVG на примере создания простого прелоадера.
#фронтенд #svg
В этом видео наш подписчик рассказывает, как анимировать SVG на примере создания простого прелоадера.
#фронтенд #svg
YouTube
Анимирование SVG
В этом видео я расскажу Вам как анимировать SVG на примере создания простого прелоадера.
Поддержать развитие канала: https://www.donationalerts.com/r/codeburger
VK: https://vk.com/id279967784
Почта для связи: codeBurger770@Gmail.com
#codeburger
Поддержать развитие канала: https://www.donationalerts.com/r/codeburger
VK: https://vk.com/id279967784
Почта для связи: codeBurger770@Gmail.com
#codeburger
CI/CD для фронтенда: обзор инструментов и практик для автоматизации разработки
Зачем фронтендеру разбираться в CI/CD, если для этого есть девопс-специалисты? Автор статьи считает, что это очень хорошая идея — разобраться, как ваше приложение будет автоматически собираться и деплоиться.
Он подробно рассказывает, зачем вообще это всё нужно и с помощью каких инструментов заставить это работать:
https://tprg.ru/cnO3
#фронтенд #ci
Зачем фронтендеру разбираться в CI/CD, если для этого есть девопс-специалисты? Автор статьи считает, что это очень хорошая идея — разобраться, как ваше приложение будет автоматически собираться и деплоиться.
Он подробно рассказывает, зачем вообще это всё нужно и с помощью каких инструментов заставить это работать:
https://tprg.ru/cnO3
#фронтенд #ci
3 трюка для JavaScript
Как определить, является переменная примитивным или не примитивным типом данных? Что такое чистый объект и как его создать? Как удалить дубликаты из массива?
Разбираемся с этими тремя трюками в JavaScript:
https://tprg.ru/uh92
#javascript
Как определить, является переменная примитивным или не примитивным типом данных? Что такое чистый объект и как его создать? Как удалить дубликаты из массива?
Разбираемся с этими тремя трюками в JavaScript:
https://tprg.ru/uh92
#javascript
Сборка и автоматизация деплоя в Kubernetes
Автор статьи решил разобраться в автоматизации сборки Docker-образов и деплоя в Kubernetes, целиком построенных на GitLab. При этом он использовал много других свободных инструментов: Hugo, QBEC, Kaniko, Git-crypt.
Здесь читайте подробности: https://tprg.ru/pfwG
#devops #docker #kubernetes
Автор статьи решил разобраться в автоматизации сборки Docker-образов и деплоя в Kubernetes, целиком построенных на GitLab. При этом он использовал много других свободных инструментов: Hugo, QBEC, Kaniko, Git-crypt.
Здесь читайте подробности: https://tprg.ru/pfwG
#devops #docker #kubernetes
Как VK вставляет данные в ClickHouse с десятков тысяч серверов
В докладе автор рассказывает об опыте внедрения ClickHouse ВКонтакте — для чего он им нужен, сколько они хранят данных, как их пишут и так далее.
Если не хочется смотреть видос, то есть текстовая версия доклада:
https://tprg.ru/4TmR
#бэкенд #базыданных
В докладе автор рассказывает об опыте внедрения ClickHouse ВКонтакте — для чего он им нужен, сколько они хранят данных, как их пишут и так далее.
Если не хочется смотреть видос, то есть текстовая версия доклада:
https://tprg.ru/4TmR
#бэкенд #базыданных
YouTube
Как VK вставляет данные в ClickHouse с десятков тысяч серверов / Юрий Насретдинов (ВКонтакте)
Приглашаем на конференцию HighLoad++ 2024, которая пройдет 2 и 3 декабря в Москве!
Программа, подробности и билеты по ссылке: https://clck.ru/3DD4yb
--------
HighLoad++ Moscow 2018
Тезисы и презентация:
http://www.highload.ru/moscow/2018/abstracts/4066…
Программа, подробности и билеты по ссылке: https://clck.ru/3DD4yb
--------
HighLoad++ Moscow 2018
Тезисы и презентация:
http://www.highload.ru/moscow/2018/abstracts/4066…
This media is not supported in your browser
VIEW IN TELEGRAM
Как вам такой аудио визуалайзер музыки? Можно выбрать музыку из предлагаемой, а можно через поиск найти свою:
https://tprg.ru/mf3t
#фронтенд #кек
https://tprg.ru/mf3t
#фронтенд #кек
Дельный совет по оптимизации веб-приложений без изменения код на проде от Cloudflare
https://tprg.ru/MURW
Используется Cloudflare Workers для модификации запросов и WebPageTest для самих тестов (если вы этот сервис ещё не используете, то пора бы уже). Например, можно инжектировать в хедер preload для важных скриптов и посмотреть, как это повлияет на время до отрисовки. При этом на проде вообще ничего не поменяется, запросы модифицируются на лету.
Полный доступ к необходимой функциональности Cloudflare Workers обойдётся в 5$.
#фронтенд #оптимизация
https://tprg.ru/MURW
Используется Cloudflare Workers для модификации запросов и WebPageTest для самих тестов (если вы этот сервис ещё не используете, то пора бы уже). Например, можно инжектировать в хедер preload для важных скриптов и посмотреть, как это повлияет на время до отрисовки. При этом на проде вообще ничего не поменяется, запросы модифицируются на лету.
Полный доступ к необходимой функциональности Cloudflare Workers обойдётся в 5$.
#фронтенд #оптимизация
Кейс: реактивный подход в высоконагруженном приложении на примере сервиса для начисления кэшбэка
Статья для тех, кто начинает работу с микросервисами и Project Reactor. В ней описываются основные особенности этих технологий и то, с чем придётся столкнуться и работать.
Автор рассматривает конкретный кейс из своей практики: страховая компания обратилась к его команде для модернизации онлайн-приложения с гибкой микросервисной архитектурой. Перед ними стояла задача реализовать в приложении кэшбэк.
Читайте, как команда решала эту задачу:
https://tprg.ru/rR54
#react #микросервисы
Статья для тех, кто начинает работу с микросервисами и Project Reactor. В ней описываются основные особенности этих технологий и то, с чем придётся столкнуться и работать.
Автор рассматривает конкретный кейс из своей практики: страховая компания обратилась к его команде для модернизации онлайн-приложения с гибкой микросервисной архитектурой. Перед ними стояла задача реализовать в приложении кэшбэк.
Читайте, как команда решала эту задачу:
https://tprg.ru/rR54
#react #микросервисы
Шпаргалка по WordPress
https://tprg.ru/kjIt
Всё, что каждый день нужно при работе с WordPress, на одной странице: популярные функции, хуки, шаблоны кода.
Также читайте: опыт работы с WordPress-блогом и его поддержкой
#фронтенд #wordpress
https://tprg.ru/kjIt
Всё, что каждый день нужно при работе с WordPress, на одной странице: популярные функции, хуки, шаблоны кода.
Также читайте: опыт работы с WordPress-блогом и его поддержкой
#фронтенд #wordpress
Как прятать элементы на странице
При разработке приложений иногда появляется необходимость скрывать некоторые элементы по разным причинам. Например, кнопку, которая должна быть видна на мобильной версии сайта и скрыта на десктопе.
В статье читайте:
— про способы скрытия элементов при помощи HTML и CSS;
— о том, когда это уместно делать;
— как делать красивую анимацию скрытия;
https://tprg.ru/bD0r
#фронтенд #html #css
При разработке приложений иногда появляется необходимость скрывать некоторые элементы по разным причинам. Например, кнопку, которая должна быть видна на мобильной версии сайта и скрыта на десктопе.
В статье читайте:
— про способы скрытия элементов при помощи HTML и CSS;
— о том, когда это уместно делать;
— как делать красивую анимацию скрытия;
https://tprg.ru/bD0r
#фронтенд #html #css
Использование IndexedDB с Vue.js
Статья, автор которой на простом примере показывает взаимодействие IndexedDB с Vue.js:
https://tprg.ru/gvCO
Также читайте: основы использования IndexedDB
#фронтенд #базыданных #indexeddb
Статья, автор которой на простом примере показывает взаимодействие IndexedDB с Vue.js:
https://tprg.ru/gvCO
Также читайте: основы использования IndexedDB
#фронтенд #базыданных #indexeddb
Лучшие IT-выступления прошлого года
Составили несколько подборок лучших IT-выступлений прошлого года по нашей версии. Делимся с вами подборками по веб-разработке и дизайну интерфейсов:
— веб-разработка: https://tprg.ru/u1lc
— UX и дизайн: https://tprg.ru/JiPQ
#фронтенд #бэкенд #ux #дизайн
Составили несколько подборок лучших IT-выступлений прошлого года по нашей версии. Делимся с вами подборками по веб-разработке и дизайну интерфейсов:
— веб-разработка: https://tprg.ru/u1lc
— UX и дизайн: https://tprg.ru/JiPQ
#фронтенд #бэкенд #ux #дизайн
Алгоритмы и структуры данных на JavaScript
В этом репозитории собрано большинство основных алгоритмов, написанных на JavaScript и протестированных:
https://bit.ly/2tjcHPb
Не нужно пытаться запоминать их наизусть и писать прямо из головы при необходимости. Обычному разработчику это практически никогда не нужно. Что действительно нужно — это понять временную сложность этих алгоритмов, чтобы решить, когда загрузить библиотеку с этим алгоритмом и использовать её по назначению.
#javascript #алгоритмы
В этом репозитории собрано большинство основных алгоритмов, написанных на JavaScript и протестированных:
https://bit.ly/2tjcHPb
Не нужно пытаться запоминать их наизусть и писать прямо из головы при необходимости. Обычному разработчику это практически никогда не нужно. Что действительно нужно — это понять временную сложность этих алгоритмов, чтобы решить, когда загрузить библиотеку с этим алгоритмом и использовать её по назначению.
#javascript #алгоритмы