JavaScript заметки

Манипуляция элементами HTML JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически. #полезное

Service Workers против медленного интернета: Кэширование и улучшение UX Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с Promise Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами. #полезное

Особенности кодировки строк в Base64 в JavaScript Кодировка (encoding) и декодирование (decoding) в Base64 — распространенный способ преобразования двоичных данных в безопасный текст. Он часто используется в Data URL, таких как встроенные (inline) изображения. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с куки (Cookies) Этот код демонстрирует, как устанавливать и читать куки для хранения данных на стороне клиента. #полезное

9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании Даже если ты frontend-разработчик и решаешь прикладные задачи, тебе в любом случае придётся знать алгоритмы хотя бы на базовом уровне. Но статей на русском с объяснением алгоритмов и тем, как их реализовать на JavaScript, крайне мало. Поэтому хочу поделиться некоторыми алгоритмами сортировки и поиска, и немного рассказать про структуры данных. Знание алгоритмов и структур данных поможет вам в оптимизации приложений. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с асинхронными запросами (AJAX) Этот код выполняет асинхронный GET-запрос к серверу и обрабатывает ответ в формате JSON. #полезное

Web Workers в JavaScript: Параллельные вычисления и улучшение производительности В современном мире пользователи становятся все более требовательными к производительности веб‑сайтов и хороший пользовательский опыт выходит на первый план. Даже малейшее зависание или отсутствие плавности могут привести к потере пользователей. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Ты сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 10-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 14 мая. Реклама. ИП Чернова О. А., ИНН:771399721044

Работа с Local Storage Этот код демонстрирует, как сохранять данные на стороне клиента с использованием Local Storage и извлекать их позже. #полезное

Vue.js 3 — шаблоны проектирования и лучшие практики Книга вышла в мае 2023 года, написана очень компетентно, оперирует современными технологиями и стандартами. Материал книги будет полезен разработчикам не только Vue, но и других фронтенд фреймворков. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Асинхронные функции Этот пример демонстрирует, как создать асинхронную функцию для выполнения HTTP-запроса и обработки данных, полученных с сервера. #полезное

ESLint | Shareable config настройка и что это такое? В ходе своей профессиональной деятельности, каждый фронтенд-разработчик сталкивается с неотъемлемой частью разработки - инструментом ESLint. ESLint представляет собой мощный статический анализатор кода, призванный обнаруживать и устранять проблемы в вашем JavaScript коде. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Обработка событий Этот код добавляет функцию-обработчик события клика для кнопки, которая вызывает alert при нажатии. #полезное

5 недооцененных возможностей JavaScript Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

⚡Онлайн-Хакатон RedLab Hack Тебя ждёт увлекательная программа, включающая в себя технические лекции, мастер-классы, командную работу над проектами и защиты результатов. Ты сможешь узнать больше о компаниях-организаторах, преимуществах работы и оставить отклик на интересующие вакансии! 🚀Уникальный кейс: - Разработка плагина для Grafana для построения карты сервисов. 📌Подробнее о задаче: - Для отображения топологии сложных ИТ-системы, необходим гибкий удобный инструмент. Решение должно на основе данных распределенной трассировки транзакций, построить визуальное представление взаимосвязей компонентов системы (базы данных, сервисы, внешние вызовы). 🏆Призовой фонд - 300 000 рублей! 🗓️Дата проведения: 24 - 26 мая 📍Формат: Онлайн Подробная информация и регистрация: https://tglink.io/9cfda7edb9a1

Работа с DOM (Document Object Model) Этот код выбирает элемент на веб-странице по его идентификатору и обновляет его текстовое содержимое. #полезное

Юриспруденция и программирование: что общего? Юриспруденция и программирование… Казалось бы, что может быть общего у этих двух совершенно не похожих и не связанных друг с другом сфер деятельности? Юристы — это стопроцентные гуманитарии (по крайней мере так считается), а программисты — это технари, копающиеся в машинном коде. Но правда в том, что эти две области знаний, как ни странно, имеют очень много общего. А, главное: у них одна основа — логика. Сейчас я попытаюсь это доказать на примере языка JavaScript. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Сортировка массивов объекта В этом примере мы создаем массив объектов people, содержащий информацию о людях, и затем используем метод sort() для сортировки массива по возрасту в порядке возрастания, используя функцию sortByAgeAscending в качестве функции сравнения. Вы можете создать аналогичную функцию для сортировки в порядке убывания или для сортировки по другим полям объектов. Сортировка массивов объектов полезна при отображении данных в определенном порядке, например, в таблицах или списках. #полезное

Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react-scripts на Vite. Я расскажу о причинах, по которым решила попробовать Vite, а также о том, с какими сложностями пришлось столкнуться и как они были решены. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью