JavaScript заметки

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

Нейроскептик — IT-агрегатор с собственным мнением. Авторы канала собирают и оценивают свежую информацию о нейросетях, ИИ, NLP, ML и т.д. 1-2 важных новости в день и ничего лишнего. И ещё он не будет клянчить бусты. Подписывайтесь 👉🏻 @neuroskep

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

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

☄️ Горячая акция для IT-специалистов на дизайн и ремонт квартиры! RE Design Buro создаем дизайн-проекты и реализуем их в жизнь более 15 лет ⭐️ За это время сделали уже 450+ проектов и ремонтов в Москве и области 🏆 Коротко о компании: ⭐️ работают не бригады, а узкие специалисты: плиточники, электрики, сантехники т.д. ⭐️ 6 месяцев средний срок ремонта. ⭐️ рейтинг выполненных ремонтов - 4.9. ⭐️ все цены и сроки фиксируем в договоре. ⭐️ оплата разбивается частями по факту сдачи работ. 💥 Только для специалистов IT-индустрии - скидка 10% на дизайн и ремонт от компании RE Design Buro ‼️ Важное условие — вы работаете в IT-компании, которая получила аккредитацию Минцифры РФ 👉 Наши работы 👉 Мы в Телеграм 👉 Связаться с нами 👉 Консультация дизайнера БЕСПЛАТНО 👉 Получить сметный расчёт стоимости ремонта

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

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

Целыми днями торчишь в интернете, оправдывая это своей "айти" профессией? Делаешь вид, что ты спец в крипте? От тебя ушла девушка, сказав что ты задрот? Даже кошка к тебе не подходит, потому что ты не мылся уже 5 дней! Заходи к нам на канал! Хоть с мемов покекаешь ;) - > t.me/code_slash

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

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

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

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

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

Асинхронные HTTP-запросы с использованием современного API Fetch В примере мы используем fetch для отправки GET-запроса к удаленному серверу. Мы обрабатываем результат запроса с использованием асинхронного синтаксиса с await и async. Если запрос выполнен успешно (HTTP-код 200), мы преобразуем полученные данные в JSON и выводим их в консоль. В противном случае, мы ловим ошибку и выводим сообщение об ошибке. #полезное

Как внедрить гайд по стилю кода в проект Практикум появился в 2019 году и с тех пор растёт. В какой-то момент нам стало сложно погружать новичков в проект. Дело в том, что стиль кода всё время развивался, но правила оставались на уровне устных договорённостей. В итоге приходили новые тиммейты, видели легаси и более свежий код — и не понимали, какой написан правильно и почему они разные. Как следствие, код-ревью растягивалось, и тестирование проходило в разы сложнее. Люди чувствовали себя неуютно в таких процессах.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Секрет IT-шников из Сбербанка Видели эти требования в вакансиях? 30 лет опыта, диплом и еще куча опций, который совместит в себе только киборг-убийца. На самом деле HR не ищут идеального биоробота и даже новичок сможет получить оффер в Сбер или Яндекс. Но начинающие часто сомневаются: – Да, важно знать Java, ООП, структуры данных… А вместо стандартных пет-проектов создать что-то более масштабное, использовать микросервисы и сложные фичи, но как именно это сделать? – Как понять свой уровень знаний и готовность к настоящей работе? – Как иметь уверенность, что со всем справитесь? Чтобы помочь, в IT-школе FAANG School подготовили тест, где после ответов на 5 вопросов на бесплатной карьерной сессии вы узнаете, как именно вам получить позицию Java Junior в лучших IT-компаниях. Для всех, кто пройдет его в течение 24 часов ребята дают бонус – гайд по поиску работы в IT. Спойлер: с помощью знаний FAANG School 12 человек уже начали работу в штате Сбербанка и это если не считать другие позиции и компании 😏.

Локальное хранилище браузера с использованием объекта localStorage В примере мы используем объект localStorage, доступный в браузере, чтобы сохранить данные, такие как имя пользователя и адрес электронной почты. Мы используем метод setItem() для сохранения данных и метод getItem() для получения данных. Мы также демонстрируем, как можно удалить данные из локального хранилища с помощью метода removeItem(). #полезное

Что быстрее: Animated + useNativeDriver или Reanimated? В этой статье попробуем разобраться, что же всё-таки работает быстрее: React-Native-Reanimated или Animated + useNativeDriver: true. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Самый масштабный IT-забег RUNIT пройдет 7 июля в парке «Коломенское».  В этом году организаторы из AGIMA ждут 4000 бегунов и 2000 болельщиков. Для бегунов будут дистанции от 3 до 25 километров, личный и командный зачет, эстафета и детский забег. Все участники получат стартовый пакет с фирменной футболкой, чипированный номер и медаль! Болельщики тоже не заскучают: будут активности на все возраста. Например, антистресс-зона, 3D-теннис, фотозоны с быстрой печатью, смузи-бары и д.р. В этом году с нами бегут: ТерраЛинк, СИБУР Цифровой, Астра, SM Lab, Лига Ставок, РЕД СОФТ, IT_one, Циан, Сетка, КРОК и др. И это не только IT-спецы, но и владельцы бизнесов. Где и когда: 7 июля, Москва, парк «Коломенское».  Регистрация. Увидимся на старте!

Работа с обещаниями (Promises) В примере мы создаем функцию fetchData, которая возвращает обещание (Promise) с задержкой. Затем мы используем методы .then() для обработки успешного выполнения и .catch() для обработки ошибок. Это позволяет более чисто и структурированно работать с асинхронными операциями, такими как загрузка данных с сервера. #полезное