Асинхронные HTTP-запросы с использованием современного API Fetch
В примере мы используем
#полезное
В примере мы используем
fetch
для отправки GET-запроса к удаленному серверу. Мы обрабатываем результат запроса с использованием асинхронного синтаксиса с await
и async
. Если запрос выполнен успешно (HTTP-код 200), мы преобразуем полученные данные в JSON и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке.#полезное
👍2🔥2
Миграция с Webpack и react-scripts на Vite: Путь к Быстрому и Легковесному React
Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react-scripts на Vite. Я расскажу о причинах, по которым решила попробовать Vite, а также о том, с какими сложностями пришлось столкнуться и как они были решены.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Я работаю фронтенд-разработчицей в IT-компании, и многие из моих проектов на протяжении долгого времени собирались с использованием Webpack. Настройка Webpack иногда бывала сложной, но в целом он справлялся с задачей сборки проектов. Однако в последнее время мои коллеги начали восторгаться новым инструментом - Vite. Они рассказывали о его легковесности, быстрой сборке и преимуществах для разработчиков React-приложений. В этой статье я поделюсь своим опытом миграции с Webpack и react-scripts на Vite. Я расскажу о причинах, по которым решила попробовать Vite, а также о том, с какими сложностями пришлось столкнуться и как они были решены.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍5
Сортировка массивов объекта
В этом примере мы создаем массив объектов
#полезное
В этом примере мы создаем массив объектов
people
, содержащий информацию о людях, и затем используем метод sort()
для сортировки массива по возрасту в порядке возрастания, используя функцию sortByAgeAscending
в качестве функции сравнения. Вы можете создать аналогичную функцию для сортировки в порядке убывания или для сортировки по другим полям объектов. Сортировка массивов объектов полезна при отображении данных в определенном порядке, например, в таблицах или списках.#полезное
👍6
Юриспруденция и программирование: что общего?
Юриспруденция и программирование… Казалось бы, что может быть общего у этих двух совершенно не похожих и не связанных друг с другом сфер деятельности? Юристы — это стопроцентные гуманитарии (по крайней мере так считается), а программисты — это технари, копающиеся в машинном коде. Но правда в том, что эти две области знаний, как ни странно, имеют очень много общего. А, главное: у них одна основа — логика. Сейчас я попытаюсь это доказать на примере языка JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Юриспруденция и программирование… Казалось бы, что может быть общего у этих двух совершенно не похожих и не связанных друг с другом сфер деятельности? Юристы — это стопроцентные гуманитарии (по крайней мере так считается), а программисты — это технари, копающиеся в машинном коде. Но правда в том, что эти две области знаний, как ни странно, имеют очень много общего. А, главное: у них одна основа — логика. Сейчас я попытаюсь это доказать на примере языка JavaScript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Работа с DOM (Document Object Model)
Этот код выбирает элемент на веб-странице по его идентификатору и обновляет его текстовое содержимое.
#полезное
Этот код выбирает элемент на веб-странице по его идентификатору и обновляет его текстовое содержимое.
#полезное
👍6
5 недооцененных возможностей JavaScript
Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Скорее всего, вы не используете эти 5 методов работы с JavaScript. Их можно отнести к одним из самых недооцененных возможностей TypeScript. Впрочем, у вас есть шанс восполнить этот пробел.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2🔥2
Обработка событий
Этот код добавляет функцию-обработчик события клика для кнопки, которая вызывает
#полезное
Этот код добавляет функцию-обработчик события клика для кнопки, которая вызывает
alert
при нажатии.#полезное
👍9
ESLint | Shareable config настройка и что это такое?
В ходе своей профессиональной деятельности, каждый фронтенд-разработчик сталкивается с неотъемлемой частью разработки - инструментом ESLint. ESLint представляет собой мощный статический анализатор кода, призванный обнаруживать и устранять проблемы в вашем JavaScript коде.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В ходе своей профессиональной деятельности, каждый фронтенд-разработчик сталкивается с неотъемлемой частью разработки - инструментом ESLint. ESLint представляет собой мощный статический анализатор кода, призванный обнаруживать и устранять проблемы в вашем JavaScript коде.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Асинхронные функции
Этот пример демонстрирует, как создать асинхронную функцию для выполнения HTTP-запроса и обработки данных, полученных с сервера.
#полезное
Этот пример демонстрирует, как создать асинхронную функцию для выполнения HTTP-запроса и обработки данных, полученных с сервера.
#полезное
👍5
Vue.js 3 — шаблоны проектирования и лучшие практики
Книга вышла в мае 2023 года, написана очень компетентно, оперирует современными технологиями и стандартами. Материал книги будет полезен разработчикам не только Vue, но и других фронтенд фреймворков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Книга вышла в мае 2023 года, написана очень компетентно, оперирует современными технологиями и стандартами. Материал книги будет полезен разработчикам не только Vue, но и других фронтенд фреймворков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Работа с Local Storage
Этот код демонстрирует, как сохранять данные на стороне клиента с использованием Local Storage и извлекать их позже.
#полезное
Этот код демонстрирует, как сохранять данные на стороне клиента с использованием Local Storage и извлекать их позже.
#полезное
👍4
Web Workers в JavaScript: Параллельные вычисления и улучшение производительности
В современном мире пользователи становятся все более требовательными к производительности веб‑сайтов и хороший пользовательский опыт выходит на первый план. Даже малейшее зависание или отсутствие плавности могут привести к потере пользователей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В современном мире пользователи становятся все более требовательными к производительности веб‑сайтов и хороший пользовательский опыт выходит на первый план. Даже малейшее зависание или отсутствие плавности могут привести к потере пользователей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Работа с асинхронными запросами (AJAX)
Этот код выполняет асинхронный GET-запрос к серверу и обрабатывает ответ в формате JSON.
#полезное
Этот код выполняет асинхронный GET-запрос к серверу и обрабатывает ответ в формате JSON.
#полезное
👍8
9 алгоритмов сортировки и поиска для JS, о которых вас спросят на собеседовании
Даже если ты frontend-разработчик и решаешь прикладные задачи, тебе в любом случае придётся знать алгоритмы хотя бы на базовом уровне. Но статей на русском с объяснением алгоритмов и тем, как их реализовать на JavaScript, крайне мало. Поэтому хочу поделиться некоторыми алгоритмами сортировки и поиска, и немного рассказать про структуры данных. Знание алгоритмов и структур данных поможет вам в оптимизации приложений.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Даже если ты frontend-разработчик и решаешь прикладные задачи, тебе в любом случае придётся знать алгоритмы хотя бы на базовом уровне. Но статей на русском с объяснением алгоритмов и тем, как их реализовать на JavaScript, крайне мало. Поэтому хочу поделиться некоторыми алгоритмами сортировки и поиска, и немного рассказать про структуры данных. Знание алгоритмов и структур данных поможет вам в оптимизации приложений.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Работа с куки (Cookies)
Этот код демонстрирует, как устанавливать и читать куки для хранения данных на стороне клиента.
#полезное
Этот код демонстрирует, как устанавливать и читать куки для хранения данных на стороне клиента.
#полезное
👍7
Особенности кодировки строк в Base64 в JavaScript
Кодировка (encoding) и декодирование (decoding) в Base64 — распространенный способ преобразования двоичных данных в безопасный текст. Он часто используется в Data URL, таких как встроенные (inline) изображения.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Кодировка (encoding) и декодирование (decoding) в Base64 — распространенный способ преобразования двоичных данных в безопасный текст. Он часто используется в Data URL, таких как встроенные (inline) изображения.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4
Работа с Promise
Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.
#полезное
Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.
#полезное
Service Workers против медленного интернета: Кэширование и улучшение UX
Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍5
Манипуляция элементами HTML
JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически.
#полезное
JavaScript позволяет создавать и добавлять новые элементы на веб-страницу динамически.
#полезное
👍7
8 углубленных вопросов на собеседованиях на роль сеньора в JavaScript
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этом материале мы покажем подробное объяснение некоторых важных вопросов на интервью по JavaScript. Моя цель будет состоять в том, чтобы тщательно объяснить эти вопросы, чтобы мы могли понять лежащие в их основе концепции.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью