JavaScript заметки

Смерть third-party cookies. Что ждет нас в 2024? Похоже, что в череде всевозможных инициатив по борьбе со «сторонними» куками начал проглядываться конец. Давайте разберемся, что происходит и зачем все это нужно. Куки — браузерный механизм, который позволяет хранить данные по пользователю с привязкой к домену и затем передавать эти данные при запросах. Куку можно установить как со стороны сервера через специальный заголовок Set‑Cookie, так и в браузере прямо на странице через javascript. После этого кука будет передаваться при каждом запросе из браузера к домену. Куки позволяют воплощать в жизнь множество как полезных, так и сомнительных механик. Из неприятных — возможность отслеживания пользователя сторонними сайтами или увеличение риска CSRF. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

🔥 6895 ГБ платного контента для программистов выложили в Telegram Тонны курсов, уроков и видео теперь в открытом доступе: 🖥 Frontend — 981 ГБ 🖥 Backend — 817 ГБ 🖥 Python — 724 ГБ 👩‍💻 Все языки — 4373 ГБ Успей подать заявку, пока не удалили

Работа с формами и их валидация JavaScript позволяет выполнять валидацию форм перед отправкой данных на сервер. #полезное

Парадокс Монти Холла глазами JavaScript Я хочу посвятить эту статью известной задаче в математике, относящейся к теории вероятности. Так же мы попытаемся решить эту задачу на JavaScript. Я сразу приступлю к условию задачи. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Ищем новичков во фронтенд-разработке и вёрстке сайтов. Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений. А именно: - Сверстать веб-сайт на HTML + CSS; - Реализовать функционал на JavaScript; - Пощупать фронтенд-фреймворк Angular; - Подключить Backend и загрузить сайт на хостинг. Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать. Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе. 👉 Приходи на бесплатное обучение и зови с собой друзей Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Работа с итерируемыми объектами и циклом for...of Цикл for...of позволяет удобно перебирать элементы в массивах, строках и других итерируемых объектах. #полезное

Webpack vs esbuild — уже можно использовать в production? Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к Webpack. В статье привожу проблемы, с которыми я столкнулся при миграции, и пути их решения. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с DOM JavaScript используется для взаимодействия с DOM, позволяя изменять содержимое и стили элементов на веб-странице. #полезное

Интерактивный парсер web страниц Для начала вкратце введу в курс дела. 3 года назад ко мне в голову закралась навязчивая мысль написать интерактивный словарь-помощник для чтения на английском языке. И с тех пор начались мои приключения в мире расширений для браузеров на ядре Chrome'а. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Бесплатный практический вебинар: Профессия «Frontend-разработчик». ⏰ Когда: 19 сентября в 19:00 по мск. Погрузитесь в решение реальной задачи и напишите мини-игру, которая работает прямо в браузере. Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  Карта компетенций начинающего Frontend-разработчика.

Работа с массивами при помощи методов map, filter и reduce Методы массивов map, filter и reduce предоставляют удобные средства для обработки данных в массивах. #полезное

Уроки рисования красных квадратов На этот раз покажу как парсил dom элементы и создавал для них визуальную подсветку. Разберу зачем это нужно и как сделано. Спойлер, очень просто. Значительную часть статьи рассказываю на чём я споткнулся, пока это писал. Про высчитывание позиции блока. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с асинхронностью при помощи async/await async/await - это способ более чисто работать с асинхронными операциями, делая код более понятным и удобным в использовании. #полезное

Два frontend фреймворка. Два подхода В статье сравниваются два подхода к созданию веб интерфейса пользователя. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Интерактивные графики и визуализации с использованием библиотеки D3.js Библиотека D3.js широко используется для создания интерактивных графиков и визуализаций на веб-страницах. #полезное

Разработка браузерных игр с использованием Phaser3, React, Typescript Думаю, ни для кого не секрет, что каждый уважающий себя разработчик программного обеспечения должен иметь в своем портфолио хотя бы один пет-проект, а лучше полноценный продукт, дающий дополнительный постоянный заработок. Предметных областей и тематик приложений великое множество, но среди них есть одна, которая заслуживает отдельного внимания — разработка своей собственной игры. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с событиями клавиатуры JavaScript позволяет отслеживать события клавиш и реагировать на них. #полезное

Redux-toolkit и переиспользование кода В данной статье приведены несколько вариантов переиспользование кода в Redux-toolkit при создании слайсов, позволяющие сделать работу с ним более гибкой и удобной. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Аутентификация с использованием JSON Web Tokens JWT - это стандарт для безопасной передачи информации между двумя сторонами и используется, например, для аутентификации пользователя. #полезное

Почему я не буду использовать Next.js Представьте, что вы планируете начать новый проект или использовать в существующем более современный подход. А, может, вас просто не устраивает используемый фреймворк, и вы подумываете об альтернативах. В любом случае вам нужно что-то выбрать. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью