DevGang
Авторизоваться
Аким Солянкин

Аким Солянкин

Как динамически создавать элементы JavaScript с помощью обработчиков событий

В этой статье мы рассмотрим, как динамически создавать элементы JavaScript и как прикреплять обработчики событий к динамически создаваемым элементам JavaScript.

Работа с изображениями Go

Веб-приложениям часто требуется отображать аватар для пользователей, а пользователи не всегда стремятся загружать свои изображения. Популярный вариант - создавать аватары для ваших пользователей на основе инициалов их имен. В этом руководстве мы рассмотрим, как создавать такие аватары в Go и обслуживать их через HTTP с помощью маршрутизатора chi.

5 хитростей по устранению ресурсов, блокирующих рендеринг

Веб-анимация с помощью HTML, CSS и JavaScript

Что нового в React v17 и путь к v18

MiniQL: создание языка запросов в TypeScript

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

Как создать приложение TWA для Android из PWA Nuxt.js

Знаете ли вы, что вы можете упаковать свое прогрессивное веб-приложение (PWA) в приложение для Android и опубликовать его в Google Play Store? Таким образом, мобильные пользователи смогут найти и загрузить его, и все будет вести себя как в родном приложении. Лично я не знал об этом, пока не наткнулся на аббревиатуру TWA, которая означает: доверенная веб-активность.

5 советов по улучшению дизайна кнопок

Кнопка - это интерактивный элемент с четко обозначенным действием. Вы можете поспорить, что если на кнопке написано «Оплатить», нажатие на нее, скорее всего, попросит вас указать данные вашей кредитной карты.

5 бесплатных и забавных API-интерфейсов для обучения, личных проектов и многого другого!

Публичные API - это круто!

Как добавить TypeScript в проект JavaScript

Я люблю писать код. И я хочу быть в этом действительно хорош. Но почему-то написание JavaScript никогда не было моей сильной стороной.

Как работает JavaScript: под капотом движка V8

Сегодня мы заглянем под капот движка JavaScript V8 и выясним, как именно выполняется JavaScript.

Обзор технических различий между циклами в JavaScript

При работе с циклами в JavaScript необходимо правильно определить две вещи: enumerable properties и iterable objects.

Креативный текст с использованием фигур CSS

Вспоминая, как много лет назад я начинал свою карьеру дизайнера, я помню, как создавал креативные текстовые потоки в Adobe InDesign. Начав как дизайнер печати, я много работал в этой программе верстки. При работе с макетами текст иногда обтекал изображение или «обтекал» форму. В мире печати это называется «переносом текста». Это не тот термин, который используется в Интернете, но такая же идея доступна в стилях CSS.

Работа с контекстом в Go

Когда у вас срыв, вызванный сочетанием выгорания и экзистенциальной боли, вас раздражает, что ваши беспокойные крики в пустоту остаются без ответа? Что ж, я не могу помочь с этим, но я могу предложить несколько методов для тайм-аута вызовов внешних или внутренних служб. Я проводил исследования и экспериментировал с некоторыми стандартными библиотеками в Go, и одна из них, на мой взгляд, наиболее полезна - это библиотека контекста. Эта небольшая библиотека, используемая для получения некоторого контроля над системой, которая может работать медленно по какой-либо причине, или для обеспечения определенного уровня качества для вызовов служб, является стандартом не зря. Для любой системы производственного уровня, чтобы поддерживать хороший контроль потока, понадобится библиотека контекста.

Шаблоны параллелизма Go: Context

На серверах Go каждый входящий запрос обрабатывается в собственной горутине. Обработчики запросов часто запускают дополнительные горутины для доступа к бэкэндам, таким как базы данных и службы RPC. Набору горутин, работающих над запросом, обычно требуется доступ к значениям, зависящим от запроса, таким как идентификация конечного пользователя, токены авторизации и крайний срок запроса. Когда запрос отменяется или истекает время ожидания, все горутины, работающие с этим запросом, должны быстро завершиться, чтобы система могла освободить любые ресурсы, которые они используют.

Архитектура интерфейса производительности

В этом посте описаны некоторые методы, позволяющие ускорить загрузку интерфейсных приложений и обеспечить удобство работы пользователей.

Rust для начинающих - начните с самого популярного языка программирования

Rust был признан самым популярным языком программирования Stack Overflow пять лет подряд. Эта статья расскажет вам, чем хорош Rust.

Почему вы должны изучать JavaScript?

Меня часто спрашивают, какой язык программирования является идеальным для начала обучения программированию. Ответ на этот вопрос очень прост, язык программирования не имеет значения, но важны логические рассуждения и первый контакт с парадигмой программирования, остальное будет происходить шаг за шагом по мере того, как вы погружаетесь в индустрию.

Как создать приложение Next.js Starter для простой загрузки нового приложения React

Начать работу с новым приложением React проще, чем когда-либо, с такими фреймворками, как Next.js. Но эти фреймворки не всегда включают в себя все инструменты, которые вы хотите использовать.

Лямбда-функции с примерами и обработкой ошибок

Синтаксис лямбда-функции.
Синтаксис лямбда-функции.

Существует более гибкий способ записи функций на лету, и они называются лямбда-функциями. Это потому, что мы используем ключевое слово lambda. Например, мы пишем функцию, называемую  raise_number_to_power лямбда-функцией. После ключевого слова лямбда мы указываем имена аргументов, то есть x и y. Затем мы используем двоеточие, за которым следует выражение, определяющее, что мы хотим вернуть функцией.

Создавайте красивые и интерактивные диаграммы аккордов с помощью Python

По мнению специалистов по данным, R против Python - это постоянная борьба, когда речь заходит о том, какой язык лучше. Хотя у каждого языка есть свои сильные стороны, на мой взгляд, у R есть один передовой трюк, который трудно превзойти: R имеет фантастические инструменты для передачи результатов посредством визуализации.

Поддержка Angular framework приводит Visual Studio Microsoft в соответствие с ее более крутым младшим братом, VS Code

Microsoft выпустила множество обновлений для своего инструмента разработки Visual Studio для Windows и Mac, включая расширение, которое обеспечивает полную диагностику и автозавершение кода для фреймворка Angular TypeScript / JavaScript.

Какой JavaScript-фреймворк станет лучшим в 2021 году?

Любой, кто начинает свою карьеру в качестве разработчика или инженера-программиста, наверняка сталкивался с проблемой выбора языка, фреймворка или инструментов, которые им нужно изучить в первую очередь. Я уверен, что все вы, должно быть, столкнулись с такой же ситуацией. Ответ на этот вопрос немного сложен, поскольку в индустрии разработки программного обеспечения доступно большое количество языков и фреймворков. Я подумал о сравнении трех фреймворков на основе JavaScript, поскольку JavaScript стал основой большинства процессов разработки.

Как создать приложение для контроля температуры в React - (в комплекте советы и стартовый код)

В этом проекте React для начинающих мы узнаем, как использовать хуки состояния, обрабатывать события, применять CSS на основе состояния и многое другое! 

Что такое Scrum Master? Разъяснение роли и обязанностей Agile

Я работаю Scrum Master с 2010 года. Наиболее частые вопросы, которые я слышу:

  1. Что именно делает Scrum Master?
  2. Вам действительно нужна эта роль?
  3. Scrum Master - это работа на полную ставку?

В этой статье я отвечу на эти вопросы.

Типы расширений в TypeScript

Создавая библиотеку TypeScript, вы неизбежно столкнетесь со сценарием, когда кто-то захочет ее расширить. В мире JavaScript это можно сделать с помощью следующего хака:

Как добавить в свой проект тестирование снимков экрана с помощью Cypress

Разработчики обычно озабочены качеством своего кода. Существуют различные виды тестов, которые помогают нам избежать нарушения кода при добавлении новой функции в проект. Но что мы можем сделать, чтобы компоненты не менялись со временем?

Как добавить плейлист YouTube в приложение Next.js React с помощью YouTube API 

YouTube предоставляет создателям контента массу инструментов, чтобы добавить свои работы на всеобщее обозрение. Как мы можем использовать API YouTube для размещения нашего видеоконтента на нашем веб-сайте?

content-visibility: новое свойство CSS, повышающее производительность рендеринга

Свойство content-visibility, запускаемое в Chromium 85, может быть одним из наиболее эффективных новых свойств CSS для повышения производительности загрузки страниц. content-visibility позволяет агенту пользователя пропускать работу по визуализации элемента, включая макет и рисование, до тех пор, пока она не понадобится. Поскольку рендеринг пропускается, если большая часть вашего контента находится за пределами экрана, использование свойства content-visibility значительно ускоряет первоначальную загрузку пользователя. Это также позволяет быстрее взаимодействовать с экранным контентом. Довольно аккуратно.

В нашей демонстрационной статье применение content-visibility: auto к фрагментированным областям содержимого дает прирост производительности рендеринга в 7 раз при начальной загрузке.Читайте дальше, чтобы узнать больше.  
В нашей демонстрационной статье применение content-visibility: auto к фрагментированным областям содержимого дает прирост производительности рендеринга в 7 раз при начальной загрузке.Читайте дальше, чтобы узнать больше.  

Как разрабатывать и внедрять микро-фронтенды с Single-SPA

Микро-фронтенды - это будущее интерфейсной веб-разработки.

Вдохновленные микросервисами, которые позволяют разбивать ваш бэкэнд на более мелкие части, микро-фронтенды позволяют создавать, тестировать и развертывать части вашего веб-приложения независимо друг от друга.