JavaScript заметки

Использование WebAssembly для выполнения высокопроизводительного кода в браузере WebAssembly — это бинарный формат инструкций, предназначенный для выполнения в веб-браузерах, что позволяет запускать высокопроизводительные приложения, написанные на языках, таких как C или C++, в браузере. #полезное

Как добавить несколько товаров в Shopify корзину одним кликом? Недавно я писал конфигуратор в Shopify и решил поделиться тем, как добавить несколько товаров в Шопифай корзину. Я находил не так много материалов по этому вопросу, тем более на русском языке. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

🚀Прокачайте свой уровень разработки веб-приложений — освойте мощный фреймворк Nest.Js Начните с бесплатного практического онлайн-урока от опытного программиста. Открытый вебинар пройдет в рамках большого курса для JS-разработчиков, вы получите выгодные условия на обучение ⏰Встречаемся 17 апреля в 20:00 (мск). 👉Регистрируйтесь прямо сейчас, чтобы посетить бесплатный урок и получить спец. цену на курс: РЕГИСТРАЦИЯ.

Работа с датами и временем: использование объекта Date и библиотек для работы с датами Работа с датами и временем является неотъемлемой частью разработки веб-приложений, особенно при работе с расписаниями, сроками и другими временными данными. Для работы с датами в JavaScript мы можем использовать встроенный объект Date, который предоставляет функциональность для работы с датами и временем. В данном примере мы создаем объект Date с помощью конструктора new Date(), который инициализирует его текущей датой и временем. Затем мы используем различные методы объекта Date, такие как getFullYear(), getMonth(), getDate(), getHours(), getMinutes() и getSeconds(), чтобы получить текущие значения года, месяца, дня, часа, минуты и секунды. Мы также форматируем дату и время, используя шаблон строки и значения, полученные от объекта Date. В данном примере мы форматируем дату в формате "день.месяц.год" и время в формате "часы:минуты:секунды". #полезное

Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов В этой статье я хотел бы рассказать вам, как можно сократить рутинную работу написания кода, используя шаблоны для создания файлов. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

🔴Не используешь библиотеку Quasar в JS? Фатальная ошибка! А ведь UI-фреймворки сильно сокращают время на построение интерфейсов, оставляя его для работы над продуктом! Поэтому пора прокачать квалификацию и добавить в свой инструментарий разработку на Vue.js. ✔️Начни с бесплатного практического урока «Форма входа на Quasar и аутентификация пользователя на сайте» от OTUS. Спикер Илья Нуруллин — FingerprintJS, Software engineer. ⏰Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». После урока у вас будет возможность стать студентом программы по специальной цене и даже в рассрочку! Для бесплатного участия и получения записи регистрируйтесь прямо сейчас. ➡️РЕГИСТРАЦИЯ

Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки. В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor. Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа. Таким образом, манипуляция с элементами страницы позволяет нам динамически создавать, изменять и удалять HTML-элементы, что открывает широкие возможности для создания интерактивных и динамических веб-приложений. #полезное

Как сгенерировать безопасный, типизированный Node.js API с использованием Prisma, TypeGraphQL и graphql-query-purifier Создание эффективного Node.js API, обеспечивающего безопасность данных и типобезопасность, может быть сложной задачей. Это руководство демонстрирует процесс с использованием Prisma, TypeGraphQL и graphql-query-purifier. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Proxy для валидации объектов Proxy позволяет перехватывать и изменять операции над объектом, в данном случае используется для валидации значений. #полезное

Интересные трюки HTML. Экстремальный минимализм Мы уже много говорили про оптимизацию сайтов до минимального размера, преимущества статичного HTML, а также упаковку сайта (и веб-сервера) в портативный формат одного исполняемого файла, который нативно исполняется под любой ОС. Но стремление к минимизации может пойти дальше, если вы хотите поместить весь сайт в адресную строку браузера. А с помощью сокращателя ссылок даже большой сайт сжимается до восьми байт. В этом случае и хостинг не нужен. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

✔️ CodeBase | Frontend - канал для начинающих веб-мастеров, которые хотят покорить FrontEnd! ➡️ У нас вы найдете: - крутые фишки для вёрстки - макеты проектов - полезные материалы и ресурсы - все о javascript, react - тонну годного материала 🔥 Заходи прямо сейчас, чтобы не потерять - CodeBase | Frontend!

Использование MutationObserver для отслеживания изменений DOM-элементов MutationObserver позволяет отслеживать изменения в DOM-структуре и реагировать на них в коде. #полезное

Архитектура серверного рендеринга для SPA Серверный рендеринг обеспечивает быстрый и надежный доступ к контенту. В этом подходе веб-страницы формируются на сервере, а не в браузере пользователя. Это позволяет значительно ускорить время загрузки, что особенно критично для современных одностраничных приложений, известных как SPA (Single-Page Applications). #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Веб-разработка – это удалёнка, развитие и множество интересных проектов. Получите полноценную профессию, чтобы найти работу сразу после выпуска или даже во время обучения. Никакой боли с бесконечными откликами на вакансии и собеседованиями. В HTML Academy за 12 лет работы мы подготовили сотни специалистов, которые успешно трудоустроились в ведущих IT-компаниях. На курсе для вас будет всё для уверенного старта в веб-разработке: — Личный наставник, который подскажет, что поправить, если не получается сделать как хочется; — Минимум 3 проекта для портфолио, которые вы сможете показать будущему работодателю; — Оплачиваемая стажировка, где вы получите опыт работы в команде. До 14 апреля дарим скидку 15% на профессию "Фронтенд-разработчик". Кстати, старт совсем скоро – уже на следующей неделе вы сможете начать обучение. Оставляйте заявку и мы расскажем о профессии подробнее.

Работа с FileReader для чтения содержимого файлов на стороне клиента FileReader позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять их на сервер. #полезное

Как мы отказались от styled-components в React Native приложениях Styled-components является стандартом написания стилей для многих команд, которые разрабатывают приложения на React Native. Но мы не всегда задумываемся, зачем мы тащим это в продукт и какую выгоду получим. А что если от styled-components больше вреда, чем пользы? Я поделюсь нашим опытом в Профи и попробуем разобраться вместе. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Использование async/await с Promise.all для параллельного выполнения асинхронных задач Promise.all позволяет выполнить массив промисов параллельно и дождаться их завершения. #полезное

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

Использование WebSockets для двусторонней коммуникации между клиентом и сервером WebSockets обеспечивают постоянное соединение между клиентом и сервером, что позволяет им обмениваться данными в режиме реального времени. #полезное