JavaScript заметки

Использование стрелочных функций (arrow functions) Стрелочные функции предоставляют более краткий и чистый синтаксис для определения функций. #полезное

Как можно использовать .NET из Javascript (React) в 2023 году Я поддерживаю небольшой проект с диковинными инструментами для динозавров. Код проекта полностью открыт и доступен на GitHub. Он умеет обрабатывать файлы офиса (Microsoft Visio) без установки оного (с помощью библиотек для работы с офисными документами OpenXml, PdfSharp). Обработка файлов ведется на .NET (C#). #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Требуются парни и девушки в возрасте 19–40 лет, желающие работать в сфере IT. Опыт в программировании не нужен. С 14 по 20 ноября проводим бесплатный онлайн-интенсив по Frontend-разработке, где будем учить, как разрабатывать сайты и веб-приложения. За эти 7 дней обучения ты: 1. Создашь полноценный веб-сайт на HTML и CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Узнаешь сколько можно зарабатывать и как работать; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты увидишь, что разрабатывать сайты и приложения не так сложно, как кажется. И поймёшь, как тебе развиваться в этой профессии, чтобы уже в следующем году зарабатывать от 1000$ на вёрстке сайтов. 👉 Проскочить на интенсив бесплатно

Работа с локальным хранилищем (localStorage) Локальное хранилище позволяет сохранять данные на стороне клиента и извлекать их при последующих посещениях страницы. #полезное

Гайд по микрофронтендам на single-spa, или Как уже наконец-то уйти от монолита во фронтенде Наш опыт я постарался упаковать в пошаговый гайд – надеюсь, этот материал поможет тем, кто только начинает свой путь в мире микрофронтендов. По ходу статьи мы с вами вместе пройдём от полного незнания до понимания принципов и ответа на заветный вопрос — нужно ли всё это вам. На практике мы сделаем небольшую демонстрацию, которую вы сможете использовать в своём проекте. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование async/await для асинхронных операций async/await позволяет более чисто и легко работать с асинхронными операциями, такими как HTTP-запросы. #полезное

Как мы заинжектили кнопку на Behance Дело было год назад, не помню что я там забыл, но мне определенно хотелось скачать какую‑то картинку с behance.net, но как вы знаете — опции скачать там нет. Зная, как работает веб — я без проблем забрал нужное изображение найдя ссылку в HTML коде, но не все готовы так заморачиваться, поэтому я решил автоматизировать этот процесс. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

codepen.js — канал с крутыми и полезными фичами для вашего сайта: готовый код на CSS и JavaScript, который можно вставить в проект. Подписывайся, выкладываем свежие исходники каждый день!💡

Работа с Web-сокетами (WebSockets) Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений. #полезное

Next JS и Nginx Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Не умеешь в JS и CSS, а крутые эффекты делать хочется? Канал @code_advantage поможет! Здесь найдешь сотни эффектов и анимаций, которые сделают твой UI живым и отзывчивым Юзер-френдли дизайн? Легко! — бери готовый код и используй

Работа с объектами и классами В этом примере показано создание класса и объектов на его основе, а также вызов методов объектов. Классы позволяют структурировать и организовать код. #полезное

CRUD React c Redux и Saga + typescript в 2023 Статья посвящается конкретно Redux+Saga+Typescript. Практика, которую я видел в разных коммерческих проектах, и с которой до сих пор сталкиваюсь. redux + saga уже является дедовским методом ( из за большой шаблонности кода - бойлерплейта ) , потому что сейчас актуальнее redux-toolkit с RTK query или effector, кому то может и mobx :) . Следующим постом я бы хотел переписать имеющийся код на FSD архитектуру с redux-toolkit + RTK query и разобрать отличия. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с регулярными выражениями (RegExp) Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам. #полезное

Fusor vs React Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

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

Легко ли девушкам строить карьеру в ИТ? Разбираемся в новом выпуске «Техно.Логично» – подкаста Газпромбанка об ИТ и технологиях! Его героинями стали ИТ-лидер розничного стрима Инвестиции Елизавета Кондрашова и руководитель команды разработки экосистемы «Газпромбанк Бизнес-Онлайн» Дарья Корчуганова. Даша и Лиза обсудили: 🔹Насколько важны гендерные различия в ИТ-профессиях 🔹Как относятся к феминитивам девушки в Газпромбанке 🔹Сталкиваются ли женщины в ИТ с «липким полом» и «стеклянным потолком» 🔹Почему девушки не всегда любят танцы и фортепиано 🔹Как избежать неумышленной гендерной дискриминации Послушать и посмотреть: 🔗YouTube 🔗Apple Podcasts 🔗Яндекс Музыка 🔗Google Podcasts Бонус – конкурс в конце выпуска! Наверняка среди ваших знакомых много женщин, которые благодаря своему таланту и упорству добились карьерного успеха. Напишите в комментариях на YouTube вдохновляющую историю об одной из них: можно про ИТ, а можно и про другие сферы. Автор самого интересного ответа получит приз – беспроводные наушники Apple AirPods! Реклама Банк ГПБ (АО), ИНН: 7744001497