Как работают cookies?

В предыдущем посте на эту тему мы узнали о том, что такое cookie и где они используются. Вы собрали много реакций, поэтому я делаю пост о том, как работают эти файлы. Если вам понравится этот пост и интересна эта тема, не забывайте ставить реакции!

У каждого веб-сайта есть свои cookie-файлы. Заходя на какой-либо сайт, браузер ищет на компьютере его cookie и в случае успеха отправляет их на сервер. После этого сервер как либо обрабатывает эту информацию, например, меняет за вас тему или автоматически регистрируется. Если такие файлы не найдены, то у вас всплывает запрос на одобрение cookie.

Разберём на примере. Допустим, вы зашли на YouTube, где по умолчанию установлена светлая тема, но она вам не нравится, и вы решили поставить тёмную. Тогда в коде создаётся такой cookie-файл: 'theme:dark', и каждый раз, когда вы вновь заходите на YouTube, у вас автоматически выставляется тёмная тема.

Ставьте «❤️», если хотите узнать чуть больше о куки файлах!

✔ Меню канала

Не нужно стыдиться PHP

PHP стал "плохим" и "постыдным" из-за низкого порога входа и некачественного кода, созданного новичками. Это привело к негативным стереотипам в IT-сообществе.

Однако, PHP - это мощный, перспективный язык программирования с современной экосистемой и многочисленными успешными проектами. Не стоит стыдиться PHP и его применения в реальных проектах.

Ставьте «❤️», и расскажите что вы думаете об этом?

✔ Меню канала

Где хранятся cookies?

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

Как уже было сказано ранее, cookie-файлы хранятся прямо на вашем компьютере, а точнее в папке браузера. Прочитать их можно прямо из браузера, для этого откройте консоль разработчика (Ctrl + Shift + I) и во вкладке Console введите: 'document.cookie', после чего вы получите строку, которая и называется куки файлом.

Ставьте «❤️», если хотите узнать чуть больше о куки файлах!

✔ Меню канала

Новые математические функции в CSS

round () - помогает округлять значения до ближайшего целого числа, кратного интервалу округления. Например:

font-size: round(var(--my-font-size), 1rem);

То есть CSS округляет значение --my-font-size до интервала 1rem.

Ставьте «❤️», если пост вам понравился!

✔ Меню канала | #новости

Какие бывают cookies?

Cookies делятся на 3 вида, а точнее постоянные, временные и сторонние. В постоянных cookie-файлах обычно хранится ваш логин и пароль для авторизации на сайте. Срок действия этих куки задает владелец сайта, но обычно это год. Временные cookie-файлы хранят такую информацию как заполненные формы и удаляются после закрытия браузера или перезапуска компьютера.

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

Ставьте «❤️», если хотите узнать чем опасны cookie!

✔ Меню канала

Чем опасны cookies?

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

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

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

Ставьте «❤️», если вам была интересна серия постов про cookie!

✔ Меню канала

Альтернативные фреймворки JavaScript | Svelte.js

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

Достоинства: Хорошая производительность, доступность, нет виртуального DOM, короткие связки кода, а так же требует меньше шаблонного кода.

Ставьте «❤️», если пост был познавательным!

✔ Меню канала

Что такое микро и макро задачи?

В JavaScript есть два способа обрабатывать асинхронные задачи - микро- и макро-задачи. Микро-задачи, такие как промисы, очень быстрые и выполняются сразу после текущего действия и перед макро-задачами.

Макро-задачи, например setTimeOut и setInterval, планируются на следующие шаги, что позволяет разбивать асинхронную работу на большие куски. Это помогает JavaScript быстрее реагировать на изменения и обеспечивает отзывчивый интерфейс.

Ставьте «❤️», если этот пост оказался полезным для вас!

✔ Меню канала | #чтотакое

Что такое Docker?

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

Docker позволяет ускорить процесс разработки, тестирования и публикации приложений, повышая безопасность и эффективность использования ресурсов.

Ставьте «❤️», а вам приходилось работать с Docker?

✔ Меню канала | #чтотакое

Интернет нового поколения?

Американские учёные из Университета Чикаго разработали метод передачи квантовой информации на тысячи километров с помощью вакуумных труб и линз. Эти трубы, диаметром около 20 см, могут передавать более 10 триллионов кубитов в секунду, используя фотонные лучи, которые фокусируются линзами. Эта технология обещает значительные улучшения в области квантовой связи и вычислений.

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

🔗 Ссылка на статью

✔ Меню канала

Альтернативные фреймворки JavaScript | Preact.js

Preact - это легкая и высокопроизводительная клиентская платформа, схожая с React, но весом всего 3 КБ. Она использует современный API как в React, работает с виртуальной DOM, поддерживает стабильные функции и реальные обработчики событий.

Достоинства: Его возможности включают классы и функциональные компоненты ES6, JSX, VDOM, DevTools, SSR и поддержку современных браузеров (IE11+), а ещё он всегда готов к рендерингу на стороне сервера.

Ставьте «❤️», если пост вам понравился!

✔ Меню канала

Компьютер внутри клавиатуры?

Китайская компания Linglong презентовала уникальное устройство - мини-Пк, который встроен в складную клавиатуру! Презентация была интересной, так как ведущий достал устройство прямо из кармана. Это удивило зрителей и напоминало, как Стив Джобс впервые достал MacBook Air из конверта для писем. В роли экрана вы можете использовать: телефон, планшет, телевизор и даже AR и VR очки!

Характеристики:

Процессор: AMD Ryzen 7 8840U;
Оперативная память: 16 ГБ / 32 ГБ;
Накопитель: 512 ГБ / 1 ТБ M.2 NVMe 2230;
Порты: 1x USB 3.0 Type-A, 1x USB4 Type-C, 1x USB 3.2 Type-C;
Связь: Wi-Fi 6, Bluetooth;
Аккумулятор: 60Wh (16,000 мАч), хватает на 10 часов офисной работы;
Зарядное устройство: 100W GaN
Размер и вес: 15 х 10 см, 800 г
Цена: $412 / $495

Ставьте «❤️», если хотели бы себе такую клавиатуру!

✔ Меню канала | #новости

YouTube заблокируют в России уже осенью?

Уже начиная с июля пользователи могли заметить, что сервис стал работать медленнее, а в некоторых регионах вовсе сбои в приложении. Однако, это только начало.

Что же будет с YouTube? По данным Газеты.ру, российские власти решили окончательно заблокировать YouTube в стране уже в сентябре.

Ставьте «❤️», если обойдете эту систему!

✔ Меню канала | #новости

Законы связанные с cookie

Примерно пять лет назад в силу вступил GDPR (Общий регламент по защите данных). Который говорит о том, что многие cookie файлы могут содержать персональную информацию и просто так ее нельзя собирать, то есть пользователь должен дать свое согласие на использование cookie файлов.

Если веб сайт нарушает этот закон, то компания получает штраф. Штрафы получали такие крупные компании как Google и Facebook, причем первая попалась два раза и общая сумма штрафов составляла €250 млн. Больше об этих правилах можете прочитать тут.

Это уже точно будет последний пост о cookie файлах :D

Ставьте «❤️», если этот пост оказался полезным для вас!

✔ Меню канала

WhatsApp и ИИ-редактирование фото

Бета-версия WhatsApp получила новую функцию: искусственный интеллект теперь может обрабатывать и редактировать фотографии в мессенджере. ИИ был внедрен в WhatsApp еще в апреле 2024 года, которая была основана на последней модели Llama 3.

В настоящее время доступ к этой функции ограничен исключительно 14 странам, что создает определенные трудности для пользователей.

Ставьте «❤️», если пост вам понравился!

✔ Меню канала

Что такое БЭМ?

Методология БЭМ (Блок, Элемент, Модификатор) — это подход к веб-разработке, основанный на разделении интерфейса на независимые блоки. Это позволяет легко разрабатывать сложные интерфейсы и повторно использовать код, избегая «Copy-Paste».

Блок — это функционально независимый компонент страницы, который можно использовать повторно. Элемент — часть блока, не используемая отдельно. Модификатор определяет внешний вид, состояние или поведение блока или элемента. Подробнее в документации: https://ru.bem.info/methodology/

Ставьте «❤️», если этот пост оказался полезным для вас!

✔ Меню канала | #чтотакое

BOM - Объектная модель браузера | 5 часть

Познакомимся с объектом location. Объект window.location помогает получать URL текущий страницы и перенаправляет браузер на новую страницу. Рассмотрим парочку примеров:

Свойство window.location.href возвращает URL текущей страницы (смотреть скрин, #1)

Свойство window.location.hostname возвращает имя интернет хоста текущей страницы (смотреть скрин, #2)

Подробнее ознакомиться с объектом location можно тут

Ставьте «❤️», если этот пост оказался полезным для вас!

✔ Меню канала

Пользователь из Японии женился на виртуальной невесте

52-летний японец Тихару Симода женился на виртуальной невесте Мику, с которой познакомился в приложении Loverse. Это приложение, созданное для взаимодействия с ИИ-персонажами, насчитывает около 5000 пользователей. Симода, разочаровавшись в реальных отношениях, нашел комфорт в общении с ИИ, отмечая его простоту и удобство.

С одной стороны новость смешит, с другой пугает, напишите свое мнение насчет этого. Более подбробно можете прочитать тут.

Ставьте «❤️», если этот пост очень сильно удивил вас!

✔ Меню канала

Google переносит создание приложений Android Studio на веб через Project IDX.

Компания намерена сделать создание приложений для Android общедоступным. Проект IDX использует виртуальную машину Linux и предлагает симуляторы Android или iOS.

Чтобы создать приложение Android в веб-браузере, необходима минимальная настройка мастера, доступная на idx.google.com и Android Studio.

Ставьте «❤️», если этот пост оказался полезным для вас!

✔ Меню канала

Что такое SPA?

SPA (Single Page Application) - это веб приложение которое имеет единственную html страницу и при взаимодействием с пользователем динамически обновляет только то что нужно, а не всю страницу целиком .

Для разработки SPA используются все самые популярные JavaScript фреймворки (React, Angular, Vue). Такие приложения имеют огромный ряд преимуществ, но так же и некоторые недостатки.

Ставьте «❤️», если хотите узнать о преимуществах и недостатках SPA!

✔ Меню канала | #чтотакое

Всем доброе утро! ☀️

Нас уже 3000 и я хочу поблагодарить вас! Для меня это очень большое число и я безумно рад что вы читаете посты от сюда. Всем хорошего дня! :)